/* CSS Document */

/* Global reset */
*{
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol,ul {
	list-style: none;
}
q:before,q:after,
blockquote:before,blockquote:after {
	content: "";
}
/* layout */
body{
width:100%;
height:100%;
background:#212D5B;
}
.pagetitle{
padding:20px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
color:#212D5B;
}
#pageArea{
width:720px;
height:100%;
margin-left:auto;
margin-right:auto;
background-color:#FFFFFF;
}
#headerArea{
width:720px;
height:125px;
background-image:url(images/header_bg.jpg);
background-repeat:no-repeat;
}
#navigationArea{
padding-top:10px;
padding-right:10px;
width:710px;
height:25px;
background-image:url(images/nav_bg.jpg);
background-repeat:no-repeat;
}
#contentArea{
width:720px;
height:100%;
background-color:#E6D2AF;
background-image:url(images/main_bg.jpg);
background-position:top left;
background-repeat:no-repeat;
}
#contentArea p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
/*line-height:120%;*/
margin-bottom:10px;
color:#212D5B;
}
A.contentlink:link, A.contentlink:active, A.contentlink:visited{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:100%;
color:#666666;
}
A.contentlink:hover{
color:#FFFFFF;
}
/*
#contentArea A:link, A:visited, A:active{
color:#666666;
text-decoration:none;
}
*/
/*
#contentArea A:hover{
color:#FFFFFF;
}
*/
/* navigation */
#navItemHolder{
	float:right;
	width: 440px;
}

#navItemHolder .navItem{
float:left;
margin-left:1px;
margin-right:1px;
padding:1px;
}
#navItemHolder .navItem A:link, #navItemHolder .navItem A:active, #navItemHolder .navItem A:visited{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:bold;
color:#999999;
text-decoration:none;
outline:none;
}
#navItemHolder .navItem A:hover{
color:#FFFFFF;
}
#navItemHolder .divider{
float:left;
height:18px;
border-right:1px solid #999999;
}
.jumppage{
width:8px;
height:8px;
padding:3px;
margin:3px;
float:left;
background:#CCCCCC;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8px;
}
.jumppage2{
width:8px;
height:8px;
padding:3px;
margin:3px;
float:left;
background:#660000;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8px;
}
.rangeholder{
clear:both;
/*padding:20px;*/
padding-left:20px;
padding-bottom:20px;
height:100%;
}
.thumbholder{
float:left;
width:120px;
height:40px;
text-align:left;
margin-right:10px;
margin-bottom:10px;
/*border:1px solid #FFFFFF;*/
}
A.thumblink:link, A.thumblink:active, A.thumblink:visited div{
cursor:hand;
text-decoration:none;
}
.thumbbg{
width:120px;
height:15px;
background-color:#000000;
opacity: .5;
filter: alpha(opacity=50);
}
.thumbtext{
position:relative;
top:-15px;
width:115px;
padding-left:5px;
padding-top:2px;
height:13px;
color:#FFFFFF;
font-size:10px;
font-weight:bold;
font-family:Verdana;
opacity: 1;
filter: alpha(opacity=100);
}
/*.thumbtext{
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:10px;
}*/
.rangetitleholder{
padding-bottom:10px;
font-family:Georgia;
font-size:18px;
color:#666666;
}
#trail{
padding-left:20px;
padding-top:5px;
padding-bottom:5px;
background-color:#837F85;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#CCCCCC;
}
#trail A:link, #trail A:active, #trail A:visited{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#212D5B;
}
#trail A:hover{
color:#DED2A4;
}
.carpettitle{
background-color:#FFFFFF;
padding:10px;
}
#title1{
clear:both;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:24px;
color:#666666;
}
#title2{
clear:both;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
color:#666666;
}
#carpetbg{
height:300px;
}
#detailsleft{
float:left;
width:500px;
height:300px;
}
#detailsright{
height:300px;
float:left;
width:220px;
background-image:URL("images/sash.gif");
background-position:bottom right;
background-repeat:no-repeat;
}
#details{
clear:both;
float:left;
width:720px;
margin-bottom:10px;
background-color:#FFFFFF;
background-image:URL("images/shadow.gif");
background-position:top left;
background-repeat:repeat-x;
}
#attributes{
float:left;
width:400px;
margin-left:20px;
padding-top:15px;
padding-bottom:10px;
}
#colours{
float:left;
width:250px;
height:50px;
padding-top:40px;
margin-left:20px;
}
#colours A:link, A:visited{
font-family:Georgia, "Times New Roman", Times, serif;
color:#999999;
font-size:12px;
}
#colours A:hover{
color:#CCCCCC;
}
.attribute{
height:15px;
margin-bottom:5px;
}
#suitabilitytitle, #widthtitle, #repeattitle, #blendtitle{
height:15px;
float:left;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
color:#660000;
}
#suitability, #width, #repeat, #blend{
height:15px;
float:left;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
color:#252F57;
}
#moretitle{
padding-top:10px;
padding-bottom:10px;
padding-left:20px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
color:#252F57;
}
#more{
padding-left:20px;
padding-bottom:20px;
height:100%;
}
.searchform{
vertical-align:middle;
text-align:center;
height:30px;
padding-top:5px;
background-color:#FFFFFF;
}
.formtextinput{
background-color:#EEEEEE;
border:1px solid #999999;
font-size:100%;
padding-left:5px;
}
.formselect{
width:50px;
font-size:10px;
}
.formbutton{
font-size:10px;
}
.dealerresults{
padding:20px;
}
.dealerdivider{
height:2px;
width:300px;
background-color:#999999;
}
.dheven{
width:500px;
}
.dhodd{
width:500px;
}
.dealerleft{
padding:5px;
}
.dealermid{
padding:5px;
}
.dealerright{
padding:5px;
margin-bottom:10px;
}
.dealername{
padding-top:5px;
padding-left:5px;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
font-size:14px;
color:#252F57;
}
.dealeraddress{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#252F57;
}
.dealerphone{
margin-bottom:3px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#666666;
}
.dealerfax{
margin-bottom:3px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#666666;
}
.dealeremail{
margin-bottom:3px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#666666;
}
.dealerweb{
margin-bottom:3px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#666666;
}
.dealerdirections{
margin-bottom:5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#999999;
}
a.directions:link, a.directions:active, a.directions:visited{
margin-bottom:5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#666666;
}
a.directions:hover{
text-decoration:underline;
color:#660000;
}
.green{
margin:10px;
padding:10px;
background-color:#006600;
border:1px solid #009900;
text-align:left;
color:#FFFFFF;
font-family:Verdana;
font-size:0.8em;
}
.red{
margin:10px;
padding:10px;
background-color:#660000;
border:1px solid #990000;
text-align:left;
color:#FFFFFF;
font-family:Verdana;
font-size:0.8em;
}
.agent{
margin-bottom:10px;
}
.agentarea{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
color:#000033;
margin-bottom:5px;
}
.agentname{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#666666;
}
.agentphone{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#212D5B;
margin-bottom:5px;
}
.contactintro{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
color:#666666;
margin-bottom:20px;
}
.contactbusname{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
color:#212D5B;
margin-bottom:5px;
}
.contactaddress{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
color:#666666;
margin-bottom:20px;
}
.attributes{
margin-bottom:20px;
}
.contactattribute{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
color:#666666;
margin-bottom:5px;
}
A.contactattribute:link, A.contactattribute:visited{
color:#212D5B;
}
A.contactattribute:hover{
color:#999999;
}
