/* CSS Document for Sussex Trade Centres Ltd*/


body {
	margin:0;
	padding:0;
	background-color:#7b7a7a;
	font-family: Trebuchet MS, Arial, sans-serif; font-size: 12px; color: #f3f3f3;
	margin-top:10px;
	}

html,* html #wrap {}

div {
margin:0;
}

#wrap {
	position:relative;
	width:1000px; /*page width set here*/
	margin:0 auto;
	}


#inner-wrap { /*holds the nav and main contents*/
	padding-bottom:0px; /*this is as deep as the footer*/
	position:relative;
	margin-top:0px;
	width:974px;

	background:url(graphics/slice3.jpg) left top repeat-y;
	float:left;
	clear:both;
	padding:0 13px 0 13px;
	}

#inner-wrap:after {
	content:" ";
	display:block;
	clear:both;
	}

* html #inner-wrap {
	height:100%; }

#header {
	height:212px;
	width:1000px;
	margin-bottom:0px;
	background:url(graphics/banner4.jpg) left top no-repeat;
	float:left;
	clear:both;
	}

/*Welcome Box*/
	
#welcomebox {
	width:631px;
	height:276px;
	margin-bottom:0px;
	text-align:left;
	}
	
/*Welcome Box End*/

#hideme {
display:none;
}

/*Main Contents*/

#homesearch {
	position:absolute;
	width:727px;
	height:120px;
	left:28px;
	margin-top:321px;
	z-index:100;
	}

#homesearch2 {
	position:absolute;
	width:218px;
	height:22px;
	left:757px;
	margin-top:411px;
	z-index:101;
	}
	
#flashcontent {
	float:left;
	width:974px;
	height:272px;
	margin-top:0px;
	margin-left:0px;
	}

#content {
	float:left;
	width:592px;
	height:275px;
	margin-left:29px;
	margin-top:30px;
	padding-left:13px;
	padding-right:13px;
	padding-top:16px;
	padding-bottom:10px;
	background-color: #262627;
	border:1px solid #5d5858;
	line-height:116%;
	}
#content p {
	margin-bottom: -3px;
	}

#postcode {
	float:right;
	width:305px;
	height:302px;
	margin-right:29px;
	margin-top:30px;
	background:url(graphics/postcode.jpg) left top no-repeat;
	}

#postcode #txtPostcodeA {
	float:left;
	width:40px;
	margin-left:163px;
	margin-top:95px;
	background-color:#999999;
}

#postcode #txtPostcodeB {
	float:left;
	width:40px;
	margin-left:5px;
	margin-top:95px;
	background-color:#999999;
}

#postcode #btnShowDirections {
	float:left;
	margin-left:8px;
	margin-top:95px;
}

#directionspostcode #txtPostcodeA {
	float:left;
	width:40px;
	margin-left:132px;
	margin-top:95px;
	background-color:#999999;
}

#directionspostcode #txtPostcodeB {
	float:left;
	width:40px;
	margin-left:5px;
	margin-top:95px;
	background-color:#999999;
}

#directionspostcode #btnShowDirections {
	float:left;
	margin-left:8px;
	margin-top:95px;
}

#postcode2 {
	float:left;
	width:301px;
	height:220px;
	margin-left:10px;
	margin-top:25px;
	background:url(graphics/postcode2.jpg) left top no-repeat;
	}
	
#postcode2 #txtPostcodeA {
	float:left;
	width:37px;
	margin-left:135px;
	margin-top:95px;
	background-color:#999999;
}

#postcode2 #txtPostcodeB {
	float:left;
	width:37px;
	margin-left:5px;
	margin-top:95px;
	background-color:#999999;
}

#postcode2 #btnShowDirections {
	float:left;
	margin-left:8px;
	margin-top:95px;
	margin-bottom:25px;
}


#content2 {

	width:896px;
	height:464px;
	margin: 20px 0 0 35px;
	_margin: 20px 0 0 20px;
	border:1px solid #201f1f;
	background:url(graphics/fade.gif) right top no-repeat;
	float:left;
	}

#aboutleft {

	width:395px;
	height:430px;
	margin: 20px 0 0 10px;
	float:left;
	}
#aboutright {

	width:425px;
	height:410px;
	margin: 20px 0 0 20px;
	padding: 10px 0 0 10px;
	border:1px solid #606060;
	background-color:#a5a4a4;
	float:left;
	}	


#logos {
	position:absolute;
	width:974px;
	height:313px;
	left:0px;
	margin-left:13px;
	bottom:0px;
	background:url(graphics/carbon.jpg) left bottom no-repeat;

	}	
	
.currentday {
background-color:#5a5a5a;
color:#FFFFFF;
}

.day {
color:#b5b4b4;
}

#cars-09 #MakeDropDown {
	float:left;
	margin-top:26px;
	margin-left:210px;
	width:100px;
	background-color:#000000;
	color:#CCCCCC;
}

#cars-09 #ModelDropDown {
	float:right;
	margin-top:26px;
	margin-right:10px;
	width:100px;
	background-color:#000000;
	color:#CCCCCC;
}

#homesearch2 #MakeDropDown {
	float:left;
	margin-top:0px;
	margin-left:5px;
	width:100px;
	background-color:#000000;
	color:#CCCCCC;
}

#homesearch2 #ModelDropDown {
	float:right;
	margin-top:0px;
	margin-right:5px;
	width:100px;
	background-color:#000000;
	color:#CCCCCC;
}

#disclaimer {
	padding-left:10px;
	}
	
#sitemap {
	padding-left:10px;
	padding-top:10px;
	}

#viewwrap {
	float:right;
	width:818px;
	margin-right:17px;
	margin-top:2px;
	margin-bottom:20px;
	}

#results {
	float:right;
	width:818px;
	margin-right:17px;
	margin-top:2px;
	margin-bottom:20px;
	padding-bottom:10px;
	border:1px solid #333333;
	}

#resultsview {
	float:right;
	width:818px;
	margin-right:0px;
	margin-top:2px;
	border:1px solid #818080;
	height:755px;
	}

#results2 {
	float:left;
	width:135px;
	height:395px;
	margin-left:0px;
	margin-top:0px;
	background:url(graphics/results2.jpg) left top no-repeat;
	
	}
	
#results3 {
	float:left;
	width:531px;
	height:28px;
	padding-left:48px;
	padding-top:15px;
	background:url(graphics/results3.jpg) left top no-repeat;
}

#techspec {
	float:right;
	width:788px;
	height:175px;
	margin-right:0px;
	margin-top:15px;
	padding-top:60px;
	padding-left:30px;
	border:1px solid #818080;
	background:url(graphics/techspec.jpg) left top no-repeat;
	}


#directions {
	float:right;
	width:818px;
	height:330px;
	margin-right:0px;
	margin-top:15px;
	border:1px solid #818080;
	background:url(graphics/directions.jpg) left top no-repeat;
	}
	
#directionspostcode {
	float:left;
	width:305px;
	height:127px;
	margin-left:30px;
	margin-top:175px;
	background:url(graphics/directionspostcode.jpg) left top no-repeat;
	}

#viewfinance {
	float:right;
	width:818px;
	height:405px;
	margin-right:0px;
	margin-top:16px;
	padding-top:75px;
	margin-bottom:20px;
	border:1px solid #818080;
	background:url(graphics/financecalculator.jpg) left top no-repeat;
	}

#finance1 {
	position:relative;
	width:755px;
	height:280px;
	margin-left:20px;
	top:45px;
	padding-top:35px;
	padding-left:10px;
	padding-right:10px;
	border:1px solid #818080;
	background:url(graphics/financebackground.jpg) left bottom no-repeat;
	z-index:1;
}

#finance2 {
	position:relative;
	width:755px;
	height:250px;
	margin-left:20px;
	top:90px;
	padding-top:35px;
	padding-left:10px;
	padding-right:10px;
	border:1px solid #818080;
	background:url(graphics/financebackground.jpg) left bottom no-repeat;
	z-index:2;
}

#finance-calculator {
	position:relative;
	width:755px;
	height:380px;
	margin-left:20px;
	top:90px;
	padding-top:60px;
	padding-left:10px;
	padding-right:10px;
	margin-top:30px;
	border:1px solid #818080;
	background:url(graphics/financecalculator.jpg) left top no-repeat;
	}

#insurance {
	position:relative;
	width:755px;
	height:550px;
	margin-left:20px;
	top:45px;
	padding-top:35px;
	padding-left:10px;
	padding-right:10px;
	border:1px solid #818080;
	background:url(graphics/financebackground.jpg) left bottom no-repeat;
	z-index:1;
}

#carlyle {
	position:absolute;
	left:185px;
	top:70px;
	width:230px;
	height:51px;
	z-index:3;
}

#blackhorse {
	position:absolute;
	left:185px;
	top:430px;
	width:232px;
	height:40px;
	z-index:4;
}

#norwich {
	position:absolute;
	left:185px;
	top:100px;
	width:202px;
	height:56px;
	z-index:3;
}

/*Main Contents End*/


#footer {
	postion:relative;
	width:1000px;
	left:0; /*this is for internet 'stupid' explorer*/
	height:104px;
	margin:0 auto;
	text-align:center;

	margin-top:0px;
	background:url(graphics/footer6.jpg) left top no-repeat;
		float:left;
	clear:both;
	}

#footer a {
	color:#dfdfdf;
	}

/* Typeography */

a {
	font-size:10px;
	text-decoration:none;
	}

/* Typeography End */
 

/* Main Navigation*/

#navigation {
position:absolute;
left:13px;
top:148px;
width:660px;
height:33px;
}

#links {
width:661px;
margin-top:0px;
	float:left;
	clear:both;
}

#links ul {
list-style:none;
margin:0;
padding:0;
}

#links li {
list-style:none;
float:left;
}

#links li a {
height:34px;
width:132px;
text-decoration:none;
list-style:none;

}

#links li a span{
display:none;
}


#links li a:link,#links li a:visited {
display:block;
}

#links li a:hover,#links li a:active {
text-decoration:none;
/*background:url(graphics/nav_bg_over.gif) left top repeat-x;*/ /*Here is the over state image*/
}


#links li #home {
background:url(graphics/home_off.jpg) left top no-repeat;
}
#links li #used {
background:url(graphics/used_off.jpg) left top no-repeat;
}
#links li #about {
background:url(graphics/about_off.jpg) left top no-repeat;
}
#links li #finance {
background:url(graphics/finance_off.jpg) left top no-repeat;
}
#links li #contact {
background:url(graphics/contact_off.jpg) left top no-repeat;
}


#links li #home   {
background:url(graphics/home_on.jpg) left top no-repeat;
}
/*#links li #used .current {
background:url(graphics/used_on.jpg) left top no-repeat;
}
#links li #about .current {
background:url(graphics/about_on.jpg) left top no-repeat;
}
#links li #finance .current {
background:url(graphics/finance_on.jpg) left top no-repeat;
}
#links li #contact .current {
background:url(graphics/contact_on.jpg) left top no-repeat;
}
*/


/* Navigation End*/

.hometext li {
	margin-bottom:10px;
	}


h2 {font-family: Arial, Verdana, sans-serif; font-size: 13px; color: #03e3c3c; font-weight:bold; }
h3 {font-family: Arial, Verdana, sans-serif; font-size: 12px; color: #2e74a7; margin:0; padding:0; }
h4 {font-family: Arial, Verdana, sans-serif; font-size: 12px; color: #5c5c5c; margin:0; padding:0; }
h4 span {color: #2e74a7; }


#dslinks {
background:#000000;
font-size:11px;
line-height:normal;
margin-left:26px;
margin-bottom:4px;
margin-top:20px;
}

#dslinks ul {
list-style:none;
margin:0;
padding:4px 0;
}

#dslinks li {
display:inline;
text-decoration:none;
margin:0;
padding:0;

}

#dslinks a {
text-decoration:none;
height:20px;
margin:0 0 0 2px;
padding:0 5px 0 0;

}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#dslinks a span {
height:20px;
color: #FFFFFF;
text-decoration:none;
background: #666666;
float:none;
padding:4px 16px;
}

/* End IE5-Mac hack */
#dslinks a:hover span {
color:#FFF;
text-decoration:none;
}

#dslinks a:hover {
background-color:#4b5ac6;
}

#dsenlarge a{
display:block;
width:270px;
height:18px;
background-color:#666666;
color:#FFF;
text-align:center;
padding-top:2px
border:#000 solid 1px;
margin-bottom:1px;
}

#dsenlarge a:hover {
background-color:#4b5ac6;
text-align:center;
text-decoration:none;
}