#viewwrap {
height:auto;
min-height:500px;
width:980px;
margin:0 auto;
}

/*start address*/
#viewlocation {
	float:left;
	height:210px;
	width:295px;
	margin-top:20px;
	margin-left:18px;
	padding-top:2px;
	background:url(graphics/view-contact.jpg) top left no-repeat;
}
#viewlocation input {
border:1px solid #333333;
background-color:#CCCCCC;
color:#333333;
padding:1px;
}
#c1 {
float:left;
height:19px;
width:295px;
}

#c6 {
height:170px;
padding-top:35px;
width:285px;
padding-left:10px;
z-index:4;
font-size:14px;
line-height:130%
float:left;
}

/*end address */

#profile {
width:354px;
height:205px;
overflow:auto;
padding:8px;
padding-top:35px;
float:left;
margin-right:15px;
background:url(graphics/view-profile.jpg) top left no-repeat;
line-height:140%;
}

 /*STart Make model etc*/
#viewmkaemodel {
	float:right;
	padding:10px;
	padding-top:30px;
	height:210px;
	width:284px;
	margin-right: 0px;
	margin-left: 18px;
	background:url(graphics/view-vehicle.jpg) top left no-repeat;
}

#c2 {
float:left;
height:19px;
width:295px;
}

#c26 {
float:left;
height:20px;
width:220px;
z-index:24;
}

#c25 {
float:left;
height:20px;
width:60px;
z-index:23;
}

#c24 {
float:left;
height:20px;
width:220px;
z-index:22;
}

#c23 {
float:left;
height:20px;
width:60px;
z-index:21;
}

#c22 {
float:left;
height:20px;
width:220px;
z-index:20;
}

#c21 {
float:left;
height:20px;
width:60px;
z-index:19;
}

#c20 {
float:left;
height:20px;
width:220px;
z-index:18;
}

#c19 {
float:left;
height:20px;
width:60px;
z-index:17;
}

#c18 {
float:left;
height:20px;
width:220px;
z-index:16;
}

#c17 {
float:left;
height:20px;
width:60px;
z-index:15;
}

#c16 {
float:left;
height:20px;
width:220px;
z-index:14;
}

#c15 {
float:left;
height:20px;
width:60px;
z-index:13;
}

#c14 {
float:left;
height:20px;
width:220px;
z-index:12;
}

#c13 {
float:left;
height:20px;
width:60px;
z-index:11;
}

#c12 {
float:left;
height:20px;
width:220px;
z-index:10;
}

#c11 {
float:left;
height:20px;
width:60px;
z-index:9;
}

#c10 {
float:left;
height:20px;
width:220px;
z-index:8;
}

#c9 {
float:left;
height:20px;
width:60px;
z-index:7;
}

#c8 {
float:left;
height:20px;
width:220px;
z-index:6;
}

#c7 {
float:left;
height:20px;
width:60px;
z-index:5;
}

/* end Make model etc
Start photo*/
#viewphotos {
float:left;
height:240px;
width:270px;
}

#c3 {
float:left;
height:19px;
width:270px;
z-index:3;
background:#FFFFFF url(graphics/view-slide-top.jpg) top center no-repeat;
}

#c27 {
float:left;
height:220px;
width:270px;
z-index:25;
}

.dstitles {

color:#000;
background-color:#87e011;
text-align:center;
}


#dsenlarge a{
display:block;
width:270px;
height:20px;
background-color:#0c6d02;
color:#ffffff;
text-align:center;
text-decoration:none;
padding-top:2px;

margin-bottom:1px;
}

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

/*  
 End Photo 
  */
#viewfeatures {
float:left;
height:auto;
width:660px;
margin-top:20px;
margin-bottom:2px;
}

#c28 {
float:left;
height:33px;
width:660px;
z-index:26;
background:#FFFFFF url(graphics/view-features.jpg) top center no-repeat;
}

#c29 {
float:left;
width:650px;
z-index:27;
min-height:155px;
padding-left:10px;
padding-bottom:20px;
background:#FFFFFF url(graphics/view-features-bottom.jpg) bottom center no-repeat;
margin-bottom:5px;
}

/* end photos */
#c4 {
margin-bottom:4px;
}

#viewenquire {
float:right;
height:auto;
width:600px;
z-index:28;
}


#dslinks {
        margin: 10px 0 0 0px;
        padding: 0;
        height: 20px;
		margin-bottom:20px;
}

#dslinks ul {
        border: 0;
        margin: 0;
        padding: 0;
        list-style-type: none;
        text-align: center;
}

#dslinks ul li {
        display: block;
        float: left;
        text-align: center;
        padding: 0;
        margin: 0;
}

#dslinks ul li a {
      
        width: 95px;
        height: 18px;
        border: 1px solid #000000;
        padding: 0;
        margin: 0 2px 10px 0;
        color: #ffffff;
        text-decoration: none;
        display: block;
        text-align: center;
        font: normal 12px;
		background: #0c6d02;
		padding-top:4px;
}

#dslinks ul li a:hover {
        color: #fff;
        background: #000;
}

#dslinks a:active {
      
        color: #fff;
}

#dslinks li#active a {
 
        border: 1px solid #c60;
        color: #fff;
}



#dslinks #prevcar a,  #dslinks #nextcar a{
color:#fff;
background-color:#000000;
}

#dslinks #prevcar a:hover,  #dslinks #nextcar a:hover {
background-color:#faf702;
color:#000000;
}


/*only if contact form is added to view.asp*/

#crmvehicleenquiry { width: 795px; margin-top: 5px; }
#formcontact { width: 795px; }

.formfield { 
font-family: verdana;
font-size: 12px;
width: 255px;
background-color: #d2fdd0;
margin: 1px;
padding: 2px;
padding-left: 5px;
float: left; 
min-height: 45px; max-height:90px; 

}

.formfield label { font-weight: bold; width: 25px; }
.customeritem { width: 250px; }

#formmarketing { width: 676px; background-color: #c0f0c0; padding: 2px; }
#formmarketingheader { width: 300px; float:left;  }
#formmarketing .formfield { width: 100px; float: left; height: 25px;  }
#formmarketing .formfield label { width: 60px; float: left; text-align: right; padding-top: 3px; }


#vehicleformphoto { width: 120px; float: left; display:none; }

#pxdetails { width: 795px; float: left; }
#pxdetailsheader { width: 200px; float: left; font-weight: bold; text-align: center; background-color: #cccccc;  }
.pxformfield { width: 200px; float: left; font-weight: bold;  }
.pxformfield label { width: 90px; text-align: right; }
.pxformitem { width: 105px;  } 
#PXCC { width: 50px; }
.customeritemstretcher { height: 80px; }