/*This is whats in the wrapper/container: The colour of text within and other attributes
A
*/
#container {
	height: 100%;
	width: 760px;
	color:#fff;
}


/*This is the main car title bar
B
*/
#adTitle {
	font-size:14px;
	background-color: #393939;
	color: #FFF;
	padding: 3px;
	margin-top:10px;
	width: 760px;
}

/*This is the sub heading title bars
C
*/
#vehicleDescription, #dealerProfile h2, #dealerServices h2, #vehicleDetails h2, #dealerDetails h2 {
	font-size:12px;
	background-color: #393939;
	color:#fff;
	padding:3px;
	margin:0;
}


/*These are how to update anchor links in general
D
*/
a {
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}
	
/*The general anchor links hover status
E
*/	
a:hover {
	text-decoration:none;
	color: silver;
}	


/*Controld the back to result link
F
*/
#backToResults {
	margin-bottom:20px;
}
 

/* hidden - ignore this bit for now*/
.dealername, .distance, #noLargeLink, #es_bg, #glossaryOfTerms, #bg1, #bg2, #additionalLinks, #bg3, #bg4 {
	display:none;
	visibility:hidden;
}





/* HIGHLIGHTED TABS - APPENDIX: 1 - These are the tabs that run across the top
background color for highlited tab and bottom line under tab
G
*/
.mainTabs .mainTabOn, .mainTabs .bottomTab, .techSpecTabs .tabOn, .techSpecTabs .bottomTab {
  background-color:#393939;
}


/*color for highlited tab and bottom line under tab 
H
*/
.mainTabs .mainTabOn a, .techSpecTabs .tabOn a {
  color:#fff;
}   

/*visited staus of the link
I
*/
.mainTabs a:visited {
  color: white;
}
 
 
/* NON - HIGHLIGHTED TABS - APPENDIX: 2 - These are the tabs that run across the top
link color for unhighlited TECH SPEC tab
J
*/
.techSpecTabs .tabOff {
background-color:#000;
} 

/*color for unhighlited tab
K
*/
.techSpecTabs .tabOff a {
color:#fff;
}

/*background color for unhighlited tab
L
*/
.mainTabs .mainTabOff  {
background-color:#000;
}

/*link color for unhighlited tab 
M
*/
.mainTabs .mainTabOff a {
color:#fff;
}

/*visited state of the link color for unhighlited tab 
N
*/
.mainTabs a:visited{
color: #fff;
}



/*To fix tabs in IE, - Visited state of the link color of a VISITED tab
O
*/
.techSpecTabs a:visited {
color: #fff;
}

/*To fix tabs in IE, - Visited state of the link color of a VISITED tab 
P
*/
.mainTabs a, .mainTabs a:link, .mainTabs a:visited{
color: white;
}



/* CAR TITLE - The main heading in the technical data tab
Q
*/
.catText h1{
color: #fff;
}


/* TECHNICAL TITLE - Subheading in the technical data tab - eg: Technical Data
R
*/
.techSpecWord h2{
color: silver;
}


/* SUMMARY TITLE - Subheading in the technical data tab - eg: Summary
S
*/
.techSpecTitle{
color: silver;
}



/* SHOW VIDEO LINK - positions the video link correctly
T
*/
.bluelinktext{
text-align: left;

}


/* ENLARGE VEHICLE IMAGE LINK ON POPUP - positions the enlarge link correctly
U
*/
#enlargeImageLink{
padding: 0px;
}


/*This controls bullett points, you dont need to change anything here.*/
#vehicleDescription ul, #dealerProfile ul, #dealerServices ul, #vehicleDetails ul, #dealerDetails ul{
margin: 0;
list-style: disc;
padding: 10px 0px 10px 40px;
}



/* You do not need to change anything in this section - Image matrix*/	
#picArea {
	height: 200px;
	width: 100%;
	position: relative;
}
.mainimage {
	width: 210px;
	position: relative;
	top: 0px;
	margin: 0px;
	padding: 0px;
}
.enlarge {
	position: relative;
	width: 200px;
	text-align:left;
	left: 250px;
	top: -20px;
}
* html .multipics {
	width: 160px;
	position: absolute;
	left: 250px;
	top: 5px;
	height: 121px;
}
.multipics {
	width: 160px;
	position: absolute;
	left: 250px;
	top: 20px;
	height: 121px;
}
.multipics div {
	left: 0px;
	top: 0px;
	position: absolute;
	height: 121px;
	width: 160px;
}

#thumbnailLink1 {
	position: absolute;
	left: 0px;
	top: 0px;
}
#thumbnailLink2 {
	position: absolute;
	left: 55px;
	top: 0px;
}
#thumbnailLink3 {
	position: absolute;
	left: 110px;
	top: 0px;
}
#thumbnailLink4 {
	position: absolute;
	left: 0px;
	top: 42px;
}
#thumbnailLink5 {
	position: absolute;
	left: 55px;
	top: 42px;
}
#thumbnailLink6 {
	position: absolute;
	left: 110px;
	top: 42px;
}
#thumbnailLink7 {
	position: absolute;
	left: 0px;
	top: 84px;
}
#thumbnailLink8 {
	position: absolute;
	left: 55px;
	top: 84px;
}
#thumbnailLink9 {
	position: absolute;
	left: 110px;
	top: 84px;
}
.advert_image {
	display: none;
	visibility: hidden;
}



/* Please ignore this last section as the map features have been removed at the moment so you don't need to change this.
MAP - APPENDIX: 6, 7, 8, <-- see handout*/
#mainBody_map td h1, #mainBody_map td h2, #mainBody_map td h2, #routePostcodeTo  h2{
font-size: 12px;
padding: 0px 0px 0px 0px;
margin: 0;
color: #000;
border: none;
}

/* TO Postcode- APPENDIX: 9*/
#mainBody_map #routeFromText{
padding: 0px 0px 0px 20px;
width: 40px;
margin: 0;
}

/*Postcode BOX - APPENDIX: 10*/
input, select, textarea{
width:75px;
}




/*CALCULATE ROUTE BUTTON - APPENDIX: 11*/
#mainBody_map #btnCalculateAdvert {
background-color:#940b0a;
border:1px solid #000000;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
height:18px;
text-align:center;
width:110px;
padding: 3px;
}

/*CALCULATE ROUTE BUTTON - APPENDIX: 12*/
#mainBody_map #btnCalculateAdvert a{
color: white;
display: block;
}


/*End*/