body {
margin: 0;
padding: 0;
font:70% Verdana, Arial, Helvetica, sans-serif;
color:#666666;
}
#threeColLayout, #twoColLayout {background: #9698A1;}
p {line-height:16px;font-size:11px;font-family:Verdana, Arial, Helvetica, sans-serif;color:#666666;}

/* master links */

a:link, a:visited  {
background-color: transparent;

text-decoration:none;color:#db9515;
}


a:hover {

text-decoration: underline;

}


/* headers */

h1 {
margin: 0;
padding: 0px;
font-size: 100%;
color: #FF0000;
text-indent: -9000px;
}



h2 {
margin: 0 10px 0 0;
padding: 2px 0px 10px 0px;
font-size: 130%;
color: #666666;
font-weight:normal;


}

h2 span {color:#111;}

#twoColLayout #mainContent h2 {color:#666666;font-size:14px;font-weight:bold;}

h3 {
font-size: 12px;
font-weight:normal;
}

/*darker background for h3 tags on Service Packages page*/




#twoColLayout #mainContent h3{clear:left;font-weight:bold;background:#999999 url(img/rounded_h3_darker.gif) top right no-repeat;color:#fff;margin:20px 0 20px -10px;border-bottom:1px solid #666666;padding:3px 0 5px 10px;}


#twoColLayout #rtsideContent h3 {
background:#999999 url(img/rounded_fom.gif) bottom right no-repeat;
padding:10px 0 10px 50px;
text-transform:uppercase;
color:#FFF;
margin: 0 0 20px 0;}



/* wrapper*/

#wrapper {
width:800px;

margin:0 auto;
background:#FFF url(img/proton_logo_long.gif) top left repeat-y;
padding: 28px 0px 0px 103px;
position:relative;

}
#logo {position: absolute;
	top: 0px; left: 56px;
	z-index: 1;}
	
	#logo img {border:none;}
* html #wrapper {width:798px; height:inherit;}

/* headers */

#header, #twoColLayout #header_ft, #twoColLayout #header_specs {
width: 740px;
height: 345px;

/*background:url(img/main_hdr.jpg) no-repeat bottom left;*/
background:url(img/main_hdr.jpg) no-repeat bottom left;
margin:0;

}

#header a.hdr_fom {
	position:absolute;
	width:300px;
	left:146px;
	top:160px;
	text-decoration:none;
	font-size:11px;
	color:#000;
}
#header a.hdr_fom:hover 
{text-decoration:underline;
color:#fff;
}

/* Satria Header Fond Out More
#header a.hdr_fom {position:absolute;left:655px;top:285px;text-decoration:none;font-size:13px;color:#111;}
#header a.hdr_fom:hover {text-decoration:underline;}
*/
#twoColLayout #header_ft {background:url(img/features_hdr.jpg) no-repeat bottom left;height:288px;}
#twoColLayout #savvy_ft_hdr {background:url(img/savvy_ft_hdr.jpg) no-repeat bottom left;height:288px;}
#twoColLayout #satria_ft_hdr {background:url(img/satria_ft_hdr.jpg) no-repeat bottom left;height:288px;}
#twoColLayout #wira_ft_hdr {background:url(img/wira_ft_hdr.jpg) no-repeat bottom left;height:288px;}
#twoColLayout #persona_ft_hdr {background:url(img/persona_ft_hdr.jpg) no-repeat bottom left;height:288px;}
#twoColLayout #saga_ft_hdr {background:url(img/saga_ft_hdr.jpg) no-repeat bottom left;height:288px;}
#twoColLayout #exora_ft_hdr {background:url(img/exora_ft_hdr.jpg) no-repeat bottom left;height:288px;}
#twoColLayout #packages_ft{background:url(img/packages_ft.jpg) no-repeat bottom left;height:260px;}
#twoColLayout #contact_ft{background:url(img/contact_ft.jpg) no-repeat bottom left;height:216px;}
/*#twoColLayout #events_ft{background:url(img/events_ft.jpg) no-repeat bottom left;height:260px;}
*/#twoColLayout #events_main_ft{background:url(img/events_main_ft.jpg) no-repeat bottom left;height:260px;}

#twoColLayout #history{background:url(img/history_ft.jpg) no-repeat bottom left;height:290px;}
#twoColLayout #lotus{background:url(img/lotus_ft.jpg) no-repeat bottom left;height:290px;}
#twoColLayout #innovation{background:url(img/innovation_ft.jpg) no-repeat bottom left;height:290px;}
#twoColLayout #showroom{background:url(img/showroom_ft.jpg) no-repeat bottom left;height:291px;}
#twoColLayout #why_proton{background:url(img/why_proton_ft.jpg) no-repeat bottom left;height:290px;}
#twoColLayout #downloads {background:url(img/download_ft.jpg) no-repeat bottom left;height:260px;}

#twoColLayout #service_bkg{background:url(img/service_ft.jpg) no-repeat bottom left;height:100px;}
#twoColLayout #download_br{background:url(img/dl_ht.jpg) no-repeat bottom left;height:100px;}



/* specs headers*/

#twoColLayout #header_specs {background:url(img/specs_hdr.jpg) no-repeat bottom left;height:243px;}
#twoColLayout #exora_specs_hdr {background:url(img/exora_specs_hdr.jpg) no-repeat bottom left;height:243px;}
#twoColLayout #saga_specs_hdr {background:url(img/saga_specs_hdr.jpg) no-repeat bottom left;height:243px;}
#twoColLayout #persona_specs_hdr {background:url(img/persona_specs_hdr.jpg) no-repeat bottom left;height:243px;}
#twoColLayout #satria_specs_hdr {background:url(img/satria_specs_hdr.jpg) no-repeat bottom left;height:243px;}
#twoColLayout #waja_specs_hdr {background:url(img/waja_specs_hdr.jpg) no-repeat bottom left;height:243px;}
#twoColLayout #savvy_specs_hdr {background:url(img/savvy_specs_hdr.jpg) no-repeat bottom left;height:243px;}
#twoColLayout #wira_specs_hdr {background:url(img/wira_specs_hdr.jpg) no-repeat bottom left;height:243px;}


/* the content boxes */

#primaryContent {
	float:left;
	display:inline;
	height:600px;
	margin: 0 0 20px 0;
	background-image: none;
	background-repeat: no-repeat;
	background-position: left top;


}

/* specific content*/

#threeColLayout #primaryContent {
	float:left;
	width:216px;
	padding-top:8px;
	height:500px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 281px;
}


/* the following div is the left div for features and specs pages*/

#twoColLayout #mainContent {
width:500px;
float:left;
margin: 0 0 20px 0px;
padding:10px 0 0 10px;


}

#secondaryContent{
float:left;
width:204px;
margin: 0 0 20px 15px;

padding:0;
padding-top:8px;
padding-left:25px;
}

#secondaryContent a,#twoColLayout #rtsideContent a{color:#DB9515;font-size:10px;text-decoration:none;font-weight:normal;}
#secondaryContent a:hover,#twoColLayout #rtsideContent a:hover{text-decoration:underline;}

#secondaryContent ul, #twoColLayout #rtsideContent ul {list-style-type:none;padding:0;margin:0;padding:10px 0px 10px 15px;font-size:10px;border:1px solid white;width:170px;}
#secondaryContent ul li em, #twoColLayout #rtsideContent ul li em {color:#991D1D;margin-right:5px;}

#secondaryContent ul {padding:10px 0 10px 10px;}

#secondaryContent ul#lnews li {padding:0 0 0 15px;background:url(img/arrows.gif) top left no-repeat;}

#twoColLayout #rtsideContent ul li{padding:0 0 0 15px;background:url(img/arrows.gif) top left no-repeat;}
/* IE6 Only */
* html #sideContent{
float:left;
width:267px;
margin: 0 0 20px -745px;

}
* html #twoColLayout #rtsideContent{
float:left;
width:207px;
margin: 0 0 20px 20px;

}


#sideContent{
float:left;
width:267px;
margin: 0 0 20px -741px;

}

#twoColLayout #rtsideContent {

float:left;
width:210px;
margin: 0 0 20px 20px;
}

#twoColLayout #rtsideContent img{
border:none;position:absolute;left:621px;top:316px;
}
#twoColLayout #rtsideContent img.specs {border:none;position:absolute;left:623px;top:267px;}

#fom_box {padding:15px 0 0 20px;width:182px;margin:0;line-height:15px;}


/* just incase oneColLayout is specified in body, and these are left in, we turn them off - not ideal, but it works */

#oneColLayout #secondaryContent, #oneColLayout #sideContent {
display: none;
}

/* twoColContent - used to span two right-hand columns - ONLY LEAVE THIS IN IF I DISCUSS IT - box used only if no selector */

#twoColContent{
width:555px;
float:left;
margin: 0 0 20px 195px;

}

#sideContent ul, ul#banner {list-style-type:none;padding:0;margin:0;}
#sideContent ul {width:268px;}
#sideContent ul li {float:left;}
#banner li{height:28px;width:70px;padding:27px 0 0 120px;margin:0 0 10px 0;}
#banner li a{display:block;}
#banner li.dl_brochures {background:url(img/dl_brochures.jpg) no-repeat top left;}
#banner li.booking {background:url(img/booking.jpg) no-repeat top left;}
#banner li.subscribe {background:url(img/subscribe_button.jpg) no-repeat top left;}
#banner li.event {height:110px;width:170px;padding:10px;margin:0 0 10px 0;font-size:9px;line-height:130%;background:url(img/eventbanner.jpg) no-repeat top left;}
#banner li.event_h {height:55px;width:200px;padding:15px 10px;margin:0 0 10px 0;font-size:11px;line-height:150%;background:url(img/eventbanner_h.jpg) no-repeat top left;}

#sideContent ul li a {display:block;width:268px;height:75px;margin:0;padding:0;}
#sideContent ul li.exora a{background:url(img/exora_fp.jpg) no-repeat top left;}
#sideContent ul li.saga a{background:url(img/saga_fp.jpg) no-repeat top left;}
#sideContent ul li.persona a{background:url(img/persona_fp.jpg) no-repeat top left;}
#sideContent ul li.gen2 a{background:url(img/gen2_fp.jpg) no-repeat top left;}
#sideContent ul li.savvy a{background:url(img/savvy_fp.jpg) no-repeat top left;}
#sideContent ul li.satria a{background:url(img/satria_fp.jpg) no-repeat top left;}
#sideContent ul li.wira a{background:url(img/wira_fp.jpg) no-repeat top left;}
#sideContent ul li.saga a:hover, #sideContent ul li.persona a:hover, #sideContent ul li.gen2 a:hover, #sideContent ul li.satria a:hover, #sideContent ul li.savvy a:hover, #sideContent ul li.wira a:hover, #sideContent ul li.waja a:hover, #sideContent ul li.exora a:hover 
{background-position:0 -75px;}

#sideContent ul li.waja a {background:url(img/waja_fp.jpg) no-repeat top left;}
#sideContent ul li a p {display:none;}

/*Download Brochures and Service Booking banner styling*/


/*img*/

#mainContent img.feature_img {float:left;margin:0;border:none;height:109px;width:207px;}




/* box is the shaded area that holds a rounded corner box or flat box, fitting the given width of the column it is in. Usually combined with another class to control inner elements, eg box default */


/* cbSide controls non-rounded boxes in the thinner left column, known as sideContent */

.cbSide {
width:268px;
margin:0;
padding:0;
background: #FFF;
border:1px solid orange;
}
.cbSide p {
margin: 0;
padding: 0 5px 2px 5px;
font-size: 90%;
color: #666;
}


.box {
margin: 10px 0 0 0;
padding: 5px 0 5px 0;
border:1px solid #326600;
}

/* Styling of the boxes if there is no JavaScript support */

.cbb {
margin: 0 10px 0 10px;
background: #FFF;
padding: 5px 0 5px 0;
line-height: 170%;
}

/* paragraph styles for any main boxes */
.cbb p, .cb p {
margin: 0;
padding: 0 5px 5px 10px;
color: #333;
}

/* Insert the custom corners and borders for browsers with sufficient JavaScript support */

.cb {
margin: 0.5em 0;
line-height: 170%;
	}

/* Rules for the top corners and border */
.bt {
	background:url(http://www.proton.com.sg/box.png) no-repeat 100% 0 !important;
	background:url(http://www.proton.com.sg/box.gif) no-repeat 100% 0;
	margin:0 0 0 18px;
	height:27px;
	}
.bt div {
	height:27px;
	width:18px;
	border:1px solid red;
	position:relative;
	left:-18px;
	background:url(http://www.proton.com.sg/box.png) no-repeat 0 0 !important;
	background:url(http://www.proton.com.sg/box.gif) no-repeat 0 0;
	}

/* Rules for the bottom corners and border */
.bb {
	background:url(http://www.proton.com.sg/box.png) no-repeat 100% 100% !important;
	background:url(http://www.proton.com.sg/box.gif) no-repeat 100% 100%;
	margin:0 0 0 12px;
	height:14px;
	}
.bb div {
	height:14px;
	width:12px;
	position:relative;
	left:-12px;
	background:url(http://www.proton.com.sg/box.png) no-repeat 0 100% !important;
	background:url(http://www.proton.com.sg/box.gif) no-repeat 0 100%;
	}

/* Insert the left border */
.i1 {
	padding: 0 0 0 12px;
	background:url(http://www.proton.com.sg/borders.png) repeat-y 0 0 !important;
	background:url(http://www.proton.com.sg/borders.gif) repeat-y 0 0;
	}
/* Insert the right border */
.i2 {
	padding: 0 12px 0 0;
	background:url(http://www.proton.com.sg/borders.png) repeat-y 100% 0 !important;
	background:url(http://www.proton.com.sg/borders.gif) repeat-y 100% 0;
	}
/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
	background:#FFF;
border: 1px solid #FFF;
	border-width:1px 0;
	padding:0 5px;
	}
/* CSS for the box ends here */

/* date and posted control the small text info in article blurbs */

.date {
font-size: 85%;
font-weight: bold;
color: #666;
}

.posted {
display: block;
margin: 10px 0 0 0;
padding: 0 0 15px 20px;
font-weight: bold;
color: #666;
background: url(img/yellow-arrow.gif) top left no-repeat;
}

.posted_fom {
display: block;
margin: 10px 0 0 0;
padding:0 0 15px 20px;
font-weight: bold;
background: url(img/yellow-arrow.gif) top left no-repeat;
}

.posted_fom_grey {
display: block;
margin: 3px 0 0 0;
padding: 0 0 0 20px;
font-weight: bold;
background: url(img/yellow-arrow_grey.gif) top left no-repeat;
}

address {
margin-left: 50px;
}

/* erm, the footer */

#footer{
clear:both;
width: 720px;
height: 25px;
background:#EDEDED;
padding: 10px 10px 0 10px;

}
#footer p {
margin:0;
padding:0px 4px 4px 0;

}

#footer a:link, #footer a:visited {
color: #333;
}
#footer a:hover {
color: #000;

}

/* image control. First we define stuff common to ALL images on the page. It is then up to other styles to override these. By default, all images will have a 2px border, and bottom and right margins of 5px. They will all float left. */

img {
float: left;
margin: 0px 0 2px 5px;
border: 2px solid #C5BDBD;
}

/* For any images in the default boxes - the pencil icons - I don't want the 2px border. So I set border to 0 */

.default img {
border: 0;
}

/* For these larger images, I don't want them to float, for that causes the h3 above to be pushed to the right. I also declare a top margin to space the header and image apart, and also increase the border width slightly.  We also set it to display:block so that if body id is twoColLayout, the image will force the header and other bits to wrap around it */

.mainImage {
display: block;
float: none;
margin-top: 4px;
border: 3px solid #C5BDBD;
}

/* drop shadow effect for the gallery thumbnails. Sadly this requires a div to be wrapped around the image markup, which is a shame */

.img-wrapper {
margin: 20px 40px 0 0;
background: url(http://www.proton.com.sg/shadow.gif) no-repeat bottom right;
float:left;
line-height:0;
}
 
.img-wrapper img {
float:none;
margin:0;
background:#fff;
padding:4px;
border:1px solid #C5BDBD;
position:relative;
left:-5px;
top:-5px;
}

/* used to ensure all our floated thumbnails stay the right width away from the left side of the box */




.thumbnails {
margin: 0 0 20px 50px;
}




/* spacer used immediately after the floated gallery thumbnails to ensure the box expands to hold them all */

.spacer {
clear: both;
}

/* events caption */

p.events-lefttxt { 
	float: left;
	text-align:left;
	font-size: 120%;
	color: #333333;
	width: 330px;
	
	padding-left: 5px;
	padding-bottom: 30px;
	
}

p.events-righttxt {
	float: left;
	text-align:left;
	font-size: 120%;
	color: #333333;
	width: 330px;
	
	padding-left: 18px;
	padding-bottom: 30px;	
}

/*testimonial*/

/* Typography
-----------------------------------------------------------------------------*/
#quotestxt
	{
	margin-bottom: 5px 0px 5px 0px;	

}

.quote
	{
	padding: 0px 15px 0px 0px;
	font: 1.1em Georgia, "Times New Roman", Times, serif;
	COLOR: #35361B;
	font-style: italic;
	float: left;
	text-align:justify;
	line-height: 18px;
	width: 280px;
	background: url(img/quote_down.png) bottom right no-repeat;
}

blockquote
	{
	padding: 20px;
	font-size: 1em;	
	background: url(img/quote_up.png) top left no-repeat;
}

cite
	{
	font-size: 12px;
	text-align:right;
	float: left;
	width: 280px;
	padding-left: 60px;	
}



/* horizontal main menu navigation Richard Rutter */

/*All Lists Here */






#mainNav {background:#24247A;border-top:5px solid #000066;height:20px;margin:0;padding:0;width: 740px;overflow:hidden;}
#mainNav img {border:none;}
#subNav {background:#C9CED5 url(img/blue-arrow-new.gif) 133px 0 no-repeat;padding:0;width:740px;margin:0;height:23px;padding-top:4px;}
#innovation #subNav, #history #subNav, #lotus #subNav, #why_proton #subNav{background:#C9CED5 url(img/blue-arrow-new.gif) 35px 0 no-repeat;}

#subNav a, #subNav a:visited{
background:none;color:#24247A;
display:block;
padding:4px 10px 6px 10px;
width: auto;
text-decoration: none;
margin: 0;
}

#subNav a:hover {color:#626290;}
body.home #subNav a#select {
background:#B8BFC9 url(img/subnav_bg.jpg) bottom left no-repeat;
color:#24247A;
font-weight:bold;
width: auto;
margin:0;
}



#sitetools{
font-family: Arial, Verdana, Helvetica, sans-serif;
margin:0;
width: 740px;

height: 20px;
padding:0;
list-style-type:none;
font-size: 9px;
}

#subhead {
margin:0 0 20px 0;
width:500px;
height: 20px;
padding:0;
font-size: 12px;
list-style-type:none;


}

#mainNav ul, #twoColLayout #rtsideContent ul, #subNav ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#mainNav li, #sitetools li, #twoColLayout #rtsideContent li, #subNav li, #subhead li
{
display: block;
margin: 0;
padding: 0;
float: left;
width: auto;

}

#sitetools li.last a, #subhead li.last a {border-right:none;padding-right:0;}
#sitetools li.first a {border-right:none;padding-right:10px;}
#subhead li.bottom a {border-right:none;padding-right:25px;}
#subhead li.pf_tab a {background: url(img/pf_arrow.gif) top left no-repeat;padding:2px 0 10px 23px;margin:0;border-right:none;color:#db9515;font-size:11px;}
#subhead li.pf_tab a:hover {text-decoration:underline;}

#mainNav a
{
color: #ddd;
display: inline;
width: auto;
text-decoration: none;
background: #24247A;
margin: 0;
padding:0 10px;

}
#mainNav a:hover img , #mainNav a:active {padding-top:1px;}
#mainNav a:hover {background-position: 0 0;} 

#sitetools a, #subhead a
{
color:#666666;
display:inline;
width:auto;
text-decoration: none;

margin:0;
padding:0 10px;
border-right: 1px solid #222;
}
#sitetools a:hover {color:#000;}
#subhead a {color:#999;border-right: 1px solid #888;background:url(img/yellow-arrow-duller.gif) top left no-repeat;padding:0 10px 0 20px;}

#subhead a:hover, #subhead a:active, #subhead a.selectedtab {color: #000;}
#subhead a.selectedtab {font-weight:bold;background:url(img/yellow-arrow.gif) top left no-repeat;}
#mainNav a.active:link, #mainNav a.active:visited, #sitetools a.active:link, #sitetools a.active:visited
{
position: relative;
z-index: 102;
background: #BBB;
color: #D7D493;
font-weight: bold;
}

/* Highlighting the current page */

/*body.home #mainNav a#home, body.gallery #mainNav a#gallery, body.contact #mainNav a#contact { 
  color: #fff;
background:#05053A;

padding:0px 10px 5px 10px;
}
/*body.home #mainNav a#home {padding:0 10px 5px 10px;background:red url(img/mainNav_bg.jpg) top left no-repeat;height:20px;border:1px solid red;}
*/

body.home #mainNav a:hover#home, body.gallery #mainNav a:hover#gallery, body.contact #mainNav a:hover#contact { 
  color: #FFF;
}


#mainContent img.news  {border:none;margin:10px 15px 0 0;}

/* Highlighting external links ONLY in the main text areas, so as not to screw up the ticked-off links */

.box.default a[href^="http:"] { 
  background: url(http://www.proton.com.sg/external.gif) no-repeat right top;
  padding-right: 10px; 
} 
 .box.default a[href^="http://www.collylogic.com"], .box.default a[href^="http://www.collylogic.com"] { 
  background-image: none; 
  padding-right: 0; 
}
ul#mainNav li.first_tab a{padding-left:0;border:1px solid white;}


/* COE Table */

#primaryContent td.grey {background:#EBEBEB;padding-left:10px;background: #F6F6F6;
	color: #797268;border-left: 1px solid #eee;font-size:9px;
	border-top: 0;}

#primaryContent td.price,#primaryContent td.change, #primaryContent th, #primaryContent td.change_down {text-align:right;padding-right:8px;
}
#primaryContent td.change {background: url(img/arrow.gif) center left no-repeat;padding-left:15px;}
#primaryContent td.change_down {background: url(img/arrow_down.gif) center left no-repeat;padding-left:15px;}
#primaryContent th {font-size:90%;font-weight:normal;background:#f5f5f5;}

#primaryContent td.change {background:url(img/arrow.gif) top left no-repeat;}
#primaryContent td.change_down  {background:url(img/arrow_down.gif) top left no-repeat;}
	#primaryContent th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #eee;
	background: none;
}

ul#cat {list-style-type:none;font-size:9px;padding:0;width:210px;margin-left:10px;border-top:1px solid #eee;padding-top:15px;margin-top:15px;color:#888;}
ul#cat li {margin:5px 0;}
#myTable th, #service_p th {

	color: #4f6b72;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	border-top: 1px solid #eee;	
	text-align: center;
	padding: 6px 6px 6px 6px;
	background: #EEE url(img/th_bg.jpg) repeat-x;
	font-size:9px;

}

#myTable {
	margin-top:10px;
	clear:left;
	margin-left:12px;
}
#myTable td {border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding: 5px 6px 5px 12px;

	}
#specsTable td {padding:5px;margin-top:15px;text-align:center;border-right:1px solid #DCDBDB;border-bottom:1px solid #DCDBDB;}
#specsTable td.model {text-align:left;border-left: 1px solid #DCDBDB;}
#specsTable tr.alt {background:#e7e7e7;}
#specsTable tr.sub_hdr {background:#c8c8c8 url(img/rounded_specs_tr.gif) top right no-repeat;font-size:12px;font-weight:bold;color:#2d2d2d;border:none;}
#specsTable tr.sub_hdr  td, #specsTable tr.spacer_tr td{border:none;text-align:left;}
#specsTable th {text-align:left;padding-left:5px;border:none;font-weight:bold;color:#000;font-size:12px;border-top:1px solid #eee;}
#specsTable tr.specs_table_tr {background: url(img/specs_table_hdr.jpg) top left repeat-x;}
#specsTable th.specs_table_td  {background: url(img/specs_table_hdr_last.jpg) top left no-repeat;text-align:center;padding-left:0;}
#specsTable th.specs_table_td1  {text-align:center;padding-left:0;}
#specsTable th.specs_table_td2 {text-align:left;padding:0;}
/*Exterior*/


/*List of lists */

ul#features_list_ext, ul#features_list_int {width:270px;padding:0;margin:0 0 0 210px;height:110px;width:280px;font-size:11px;line-height:16px;list-style-type: disc;}
ul#features_list_int {height:210px}

ul#features_list_ext li, ul#features_list_int li {/*background: url(img/feature_arrow.gif) top left no-repeat*/;margin:0 0 10px 20px;display:block;}

ul#download_list {list-style-type: none;list-style-position: outside;position: relative;display: inline;clear: left;padding: 0;margin: 0;
}

ul#download_list li {
display: list-item;
position: relative;
margin: 5px 0 0 0;
padding: 2px 0 5px 22px;
background: url(img/yellow-arrow_circle.gif) top left no-repeat;
}

/*Service packages */

ul#service_pack {padding:0;width:230px;font-size:11px;line-height:16px;float:left;margin:0 10px 0 0;padding-top:10px;}
ul#service_pack  li  {padding-left:0px;/*background: url(img/feature_arrow.gif) top left no-repeat*/;margin:0 0 5px 20px;display:block;}
ul#service_pack li.toptab {background:none;padding-left:0;list-style-type:none;margin-left:0px;}

/*List on Misc Pages*/

ul#pages {list-style-type:none;line-height:18px;margin:0;padding:0 0 15px 0;}
ul#pages li {margin:10px 0;}


#service_p {margin:20px 0 20px 0;clear:left;}
#service_p th {text-align:left;}


ul#thumbnail { display:block;margin:0;width: 300px;height: 65px;margin-left:200px;padding:0;list-style-type:none;}
ul#thumbnail li{float:left;margin-right:3px;display:block; margin-bottom: 10px;}
ul#thumbnail li img {border:2px solid #BBB;}
ul#thumbnail li a:hover img {border:2px solid #EEE;}
p.thumbnail_p {font-size:10px;margin:10px 0 25px 215px;}
p.feature_text {margin:0 0 30px 0;}

* html #mainNav li {padding:1px 10px 0 4px;}

#mainNav li {padding:1px 0px 0px 6px;}


a.body_link {background: url(img/yellow-arrow.gif) top left no-repeat;float:left;padding:0 0 0 20px;margin:0;}

#showrm td, #service_p td {border:1px solid #eee;padding:5px;}

#showrm {float:right;margin: 15px 0 0 0;}

img.showrm_pic{float:left;margin:0 8px 100px 0;border:0;}
#wallpaper, #wallpaper-left{float:left;margin:10px 30px 5px 0;width:150px;padding:0;}
#wallpaper-left {margin-left:30px;}
#map {float:left;width:490px;margin-bottom:20px;}
#map img {margin-left:60px;}
#map p {margin:20px 0;}
#wallpaper img, #wallpaper-left img {border:2px solid #BBB;}
#wallpaper a, #wallpaper a:visited, #wallpaper-left a, #wallpaper-left a:visited {margin:10px 0 0 40px;}

h4 {font-size:13px;}

ul#innovate li {margin:10px 0;}

caption {text-align:left;}

ol li {margin:8px 0;line-height:15px;}


#mainContent img.news_gallery {margin:0 15px 15px 0;border:2px solid #bbb;}
img {border:none;}

#color-chooser {width:50px;float:left;margin:20px 0 0 0;padding:0;}

#color-chooser li {display:block;height:22px;width:45px;padding:0;margin:5px 0;}



p.cc {margin-left:40px;font-weight:bold;}

tr.stripe {background:#eee;}

#contactus td {padding:5px 10px;}
#contactus {margin-left:-10px;}

p.small_text {font-size:10px;color:#888;line-height:14px;}


sup {color:#111;font-size:9px;}
#sitemap {float:left;width:250px;}
#sitemap a {font-weight:bold;}
#sitemap p {width:250px;clear:left;}

#sitemap ul{list-style-type:none;margin:0;padding:0;padding-left:15px;}
#sitemap ul li {margin:8px 0;padding:0;}
#sitemap ul li a {font-weight:normal;background: url(img/yellow-arrow-duller.gif) top left no-repeat;padding-left:15px;}

#contact_tbl th {background:#eee;}
#contact_tbl th,#contact_tbl td {text-align:left;padding:8px;border:1px solid #eee;}

select{font-size:11px;font-family:Verdana, Arial, Helvetica, sans-serif;color:#666666;}

#select_mileage {border:1px solid #ccc;background:#eee;padding:15px;width:366px;}


/*links*/

a.yellow_link:link, a.yellow_link:visited {float:right;margin:10px 0 0 0;text-decoration:none;color:#db9515;padding:0 0 0 20px;}
a.showrm_link:link, a.showrm_link:visited, a.back_to_top:link, a.back_to_top:visited{float:right;text-decoration:none;margin:10px 0 0 0;color:#db9515;background: url(img/yellow-arrow.gif) top left no-repeat;padding:0 0 0 20px;}

a.back_to_top:link, a.back_to_top:visited {background:none;clear:right;margin:10px 0 0 0;padding:0 0 0 20px;}

a.yellow-arrow-left:link, a.yellow-arrow-left:visited{background: url(img/yellow-arrow-left.jpg) top left no-repeat;float:left;padding:0 0 0 20px;}
a.yellow_link:hover, a.showrm_link:hover, a.yellow-arrow-left:hover {text-decoration:underline;}


#div1 div.request {display:block;clear:left;height:200px;margin:20px 0;padding:0 20px 0 0;}

#div1 div img {margin-right:10px;}

#div1 div p a {padding:10px 0 10px 0px;}


.zoom { display: block; width: 100%; margin: 20px 0 ;}
.clear { clear:both; }