/*********************************/
/*  THE BASICS					 */
/*********************************/

body{
	background-color: #a7a5a9;
	margin: 0;
	padding: 0;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color: #555555;
	background-image: url('../images/bodybg.gif');
	background-position: center;
	background-repeat: repeat-y;
}

img { -ms-interpolation-mode : bicubic; } 

#wrapper{
	margin: auto;
	width: 900px;
}

#header{
	background-repeat: no-repeat;
	background-position: top right;
	width: 900px;	
}


#nav{
	width: 900px;
	height: 25px;
	margin-top: 20px;
}

#content{
	width: 900px;	
}

#main{
	float: left;
	background-image: url("../images/sidearrow.gif");
	background-repeat: no-repeat;
	background-position: left 55px;	
	display: block;
	padding-bottom: 20px;
}
.main2{ width: 380px;}
.mainblue{ width: 620px; }
.mainbtn{ width: 630px; }
.mainwide{ width: 900px; }

#map{
    background: url("../images/worldmap.gif") no-repeat center 70px;
	background-repeat: no-repeat;
}

#split{	
	float: right;
	position: relative;
	margin-top: 60px;
	.margin-top: 50px;
	padding-right: 22px;
}

#bluebox{
	float: right;
	display: inline;
	
    width: 238px;
	background-color: #edeff7;
	border: 2px dotted #dbe6f5;
	overflow: auto;
	height: 440px;	
	.height: 438px;
	margin-top: 30px;
	.margin-top: 38px;
}
div#bluebox.noscroll{
	overflow: hidden;
}

#sidecolumn{
	float: right;
	display: inline;
	width: 234px;	
	margin-top: 20px;
	.margin-top: 28px;
	padding-bottom: 20px;
	
}

.col2{ width: 480px; }
.colblue{ width: 234px; }
.colbtn{ width: 234px; }

#sidecolumn div{
	margin: 12px 0 0 22px;
	background-position: left top;
	background-repeat: no-repeat;
	color: #333333;	
	height: 101px;
}

#sidecolumn div p{
	margin: 0;
	padding: 5px 10px 0 37px;
	line-height: 120%;
	font-size: 11px;
}

#sidecolumn div p img{
	border: 0;
	width: 150px;
	height: 28px;
	margin-bottom: 3px;
}

#sidecolumn div a{
	color: #000000;
	font-weight: normal;
	text-decoration: none;
}

#footer{
	width: 900px;
	clear: both;
	background-image: url("../images/footerbg.gif");
	background-position: left 0;
	background-repeat: no-repeat;
	height: 60px;
/*	border-top: 2px solid #f78e1e;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;*/
	font-size: 10px;
	color: #333333;
	margin-bottom: 10px;
}

#footer.homefoot{
	background-position: top;
	margin-bottom: 0;
	height: 50px;
}

#circleclick img{
	border: 0;
}
#circleclick{
	float: left;
	display: inline;
	margin: 5px 10px 0 20px;
}

#footer p{
	line-height: 1;
	margin: 0;
	padding: 60px 7px 7px 56px;	
}

a{
	color: #f78e1e;
	text-decoration: underline;
	font-weight: bold;
}
a:hover{
	/*color: #004890;*/
	color: #000000;
}
a img{
	border: 0;
}

/*************************************/
/* HOME PAGE CIRCLE				     */
/*************************************/

#homecircle{
	margin: 0 0 -30px 20px;
	background: none;
}

#flashcircle{
	float: left; 
	display: inline;
	width: 212px;
}

#flashcircle img{
	border: 0;
}

.boxclose{
	float: right;
}
.boxclose img{
	margin: 5px 0 0 0;
}

#circlecontents{
	background-color: #f6f9fb;
	border: 1px solid #d6d9db;
	width: 355px;
	float: right;
	margin: 30px 0 0 0;
	display: none;
}

#main #circlecontents ul{
	margin-left: 5px;
	margin-right: 10px;
}

#circlecontents h5{
	font-weight: bold;
	font-size: 14px;
	color: #f78e1e;
	margin: 5px 7px 5px 7px;
	padding-bottom: 4px;
	border-bottom: 1px solid #d6d9db;
	text-transform: uppercase;
}

#circlecontents div{
	display: none;
}

#servicesbox div p,
#circlecontents div p{
	margin: 0 7px 4px 7px;
}
#circlecontents ul li{
	font-size: 13px;
}

#circlecontents p.readmore{
	padding-bottom: 4px;
	text-align: right;
	font-size: 12px;
	background-image: url('../images/readmorearrow.gif');
	background-repeat: no-repeat;
	background-position: 262px 3px;
	padding-left: 15px;
	margin: 10px 7px 10px 7px;
}


/*************************************/
/* LIFE CYCLE MANAGEMENT CIRCLE		 */
/*************************************/

#lcmCircleContainer{
	margin: 0 0 -30px 20px;
	background-image: url(../images/worldmap2.gif);
	background-repeat: no-repeat;
	background-position: 324px 0;
	height: 480px;
	position: relative;
}

#flashLcmCircle {
	float: left; 
	display: inline;
	width: 440px;
	padding-top: 10px;
	position: relative;
}
#servicesbox {
	background-color: #f6f9fb;
	border: 1px solid #d6d9db;
	float: right;
	width: 368px;
	padding: 10px 15px 0 15px;
	margin: 30px 25px 0 15px;
	display: none;
	position: absolute;
	top: 0; left: 440px;
}

#servicesbox div{
	display: none;
}

#main #servicesbox ul {
	margin: 0 10px 15px 5px;
}
#main #servicesbox ul li{
	font-size: 13px;
	padding: 5px 0 11px 15px;
	background-position:left 8px;
}

#servicesbox h5 {
	font-weight: bold;
	font-size: 14px;
	color: #000000;
	margin: 5px 7px 5px 7px;
	padding-bottom: 4px;
	border-bottom: 1px solid #d6d9db;
	text-transform: uppercase;
}



/*************************************/
/*	TEXT STYLES						 */
/*************************************/

h1{
	color: #f78e1e;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 32px;
	margin: 20px 0 5px 55px;
}

h2{
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin: 0 22px 10px 55px;	
	padding-bottom: 7px;
	border-bottom: 1px solid #f78e20;
}

#main.mainblue h2, #main.mainbtn h2, #main.main2 h2{
	margin-right: 0;
}

h3{
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	margin: 10px 0 2px 55px;	
	font-size: 14px;
}


/*p.intro{
	font-size: 15px;	
	margin-left: 0;
	color: #111111;
	padding: 5px 0 5px 55px;
}*/

p{
	margin: 10px 22px 10px 55px;
	line-height: 160%;
}

#main ul{
	padding: 0;
	margin: 7px 0 5px 53px;
	list-style: none;
}

#main td ul{
	margin: 5px 0 10px 0;
}

#main ul li{
	background-image: url('../images/bullet.gif');
	background-repeat: no-repeat;
	background-position: left 3px;
	.background-position: left 5px;
	padding: 0 0 5px 15px;
}


.imgleft{
	float: left;
	margin: 3px 15px 10px 55px;
}

.imgright{
	float: right;
	margin: 3px 22px 5px 15px;
}

p .imgright{
	margin-right: 0;
}

#main.mainbtn .imgright{
	margin-right: 0;
}

#main table{
	border-collapse: collapse;
	padding: 0;
	border: 0;
	margin: 10px 0 5px 55px;
}

#main p table{
	margin-left: 0;
}
#main td{
	vertical-align: top;
}

#main td img{
	margin-right: 10px;
}

#main td h3{
	margin-left: 0;
	margin-top: 0;
}

#main td p{
	margin-left: 0;
}
/*************/
/* sitemap   */
/*************/


#sitemap{
	margin-top: 20px;
}
.main{
	float: left;
	display: inline;
	width: 220px;
}


#main #sitemap ul li{
	font-size: 14px;
	margin: 0 0 5px 0;
	.padding: 0;
}

#main #sitemap ul ul li{
	font-size: 12px;
	font-weight: normal;
	margin-bottom: 3px;
	.margin-left: 7px;
	.padding-left: 15px;
}

#main #sitemap ul ul ul li{
	font-size: 10px;
	font-weight: normal
}

#main #sitemap ul ul li a{
	font-weight: normal;
}

#main ul ul{
	margin: 3px 0 10px 10px;
}
#main ul ul ul{
	margin: 3px 0 0 10px;
}
#bluebox h4, .newslist{
	margin: 3px;
	padding: 4px 0 6px 0;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	border-bottom: 1px solid #d6d8df;
}
#bluebox h4 a, .newslist a{
	font-weight: normal;
}

.bbdate{
	width: 60px;
	float: left;
}
#bluebox .bbtitle{
	width: 150px;
	display: inline;
	float: left;
}
#bluebox br, .newslist div.clear{
	clear: both;
}

#bluebox p{
	margin: 5px;
	font-size: 11px;
}

#bluebox p.readmore{
	border-bottom: 1px solid #d6d8df;
	padding-bottom: 4px;
	text-align: right;
	background-image: url('../images/readmorearrow.gif');
	background-repeat: no-repeat;
	background-position: 125px 3px;
	padding-left: 15px;
	margin-bottom: 15px;
}

#list{
	margin-left: 55px;
}

/*************************************/
/*	people gallery					 */
/*************************************/


#peopledrop{
	margin: 20px 0 0 55px;
}
#peopledrop select{
	width: 270px;
}


#bluebox ul.ppl_list{
	
	margin: 5px;
	padding: 0;
}

#bluebox ul.ppl_list li{
	background-image: none;
	margin: 0;
	padding: 0 0 3px 0;
}

#bluebox ul.ppl_list li a{
	color: #777788;
	font-weight: normal;
	text-decoration: none;
}

#bluebox ul.ppl_list li a:hover{
	color: #222222;
	font-weight: normal;
}

#bluebox ul.ppl_list li.active a{
	font-weight: bold;
	color: #555555;
}

.ppl_picbox{
	margin: 10px 0 0 55px;
}

.ppl_picbox img{
	border: 1px solid #000000;
	float: left;	
	margin: 0 15px 10px 0;
}

.ppl_picbox p{
	font-size: 14px;
	font-weight: bold;
	display: inline;
	width: 270px;
	padding: 0;
	margin: 0;
	color: #000000;
	line-height: 130%;
}

.ppl_picbox p small{
	font-size: 12px;
	font-weight: normal;
	color: #555555;
}
#ppl_qst h3{
	clear: both;
}
#ppl_qst p{
	margin-top: 0;
	clear: both;
}


/*************************************/
/*	NAVIGATION  					 */
/*************************************/


#navleft{
	float: left;
	display: inline;
	width: 480px;
	margin: 0 0 5px -13px;
	.margin-left: 29px;
}

#nav ul{
	display: inline;
}

#navright{
	float: right;
	display: inline;
	width: 330px;
	margin: 0 30px 5px -13px;	
}
#navright, #navleft{
	display: inline;
	list-style: none;
    list-style: none;
    line-height: 1;	
}

#nav li, #nav li{
	float: right;
	display: inline;
	background-image: url("../images/smallarrow_right.gif");
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 15px;
	margin-left: 10px;
}
#navright li{ background: none; padding-left: 7px; }


#nav ul li.active{
	background-image: url("../images/smallarrow_down.gif");
}

#nav ul li a{
	padding: 2px;
	color: #333333;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: 1px;
}

#nav ul li a:hover{
	background-color: #f78e20;
	color: #000000;
}

#nav ul#navright li a:hover{ background: #fff !important; }
#nav ul#navright li a{ padding: 0px; }

#nav ul a {
    display: block;
    text-decoration: none;
    color: #000000;
}

ul#navleft li { /* all list items */
    float: left;
     /* width needed or else Opera goes nuts */
}

ul#navleft li ul { /* second-level lists */
    position: absolute;
    /*background: #424243;*/
	background: #464547;
    width: 155px;
    left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */

	padding: 0 0 6px 0;
	margin: 0;
	z-index:100;
}

ul#navleft li ul a{
    /*color: #DDDDDD;*/
	color: #ffffff;
    padding: 8px 6px 2px 6px;
}

ul#navleft li ul a:hover{
    /*color: #f68f1e;*/
	color: #f78f1e;
}

#nav ul#navleft li ul li{ 
    font-size: 10px;
    text-transform: uppercase;
	padding: 0;
	background-image: none;
	width: 155px;	
	padding: 0;
}

#nav ul li ul li{
	padding: 0;
	margin: 0;
	
}

ul#navleft li ul ul { /* third-and-above-level lists */
    margin: -20px 0 0 155px;
    /*background: #D4D4D4;*/
	background: #747476;
    top: auto;
}

#navleft li ul ul a{
    /*color: #424243;	*/
	color: #ffffff;	
	padding: 8px 6px 2px 6px;
}

#nav ul ul a:hover{
    /*color: #000000;*/
	color: #ffffff;
	background: none;
}

#navleft li:hover ul ul, #navleft li.sfhover ul ul {
    left: -999em;
}

#navleft li:hover ul, #navleft li li:hover ul, #navleft li.sfhover ul, #navleft li li.sfhover ul { /* lists nested under hovered list items */
    left: auto;
}



/* -------------------------------------------
	WFORMS
	------------------------------------------*/
form{
	margin: 0;
	padding: 0;
}

#content table td label{
	width: 80px;
}

#content label{
	padding: 1px 0 0 0;
	margin: 0 20px 8px 0;
	width: 140px;
	display: -moz-inline-box;	 /* Firefox */
	display: inline-block;	
	text-align: right;
	float: left; 
	text-align: right;
	font-weight: normal;
	clear: both;
}

.curr{
	float: left; display: block;
	margin: 0 5px 0 15px; 
}

#content input.txt, #content textarea{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	display: inline;	
	border: 0;
	margin: 0 0 8px 0;
	padding: 3px 4px 3px 4px;
	border-right: 1px solid #b3b9c3;
	border-bottom: 1px solid #b3b9c3;
	border-top: 1px solid #bbbbbb;
	background-image: url('../images/inputbg.gif');
	background-position: left top;
	background-repeat: no-repeat;	
	float: left;
}
.chkboxes{
	margin: 5px 0 0 162px;
	line-height: 170%;
}
.chkboxes input.chk{
	margin: 0;
	border-color: #b3b9c3;
	.margin-left: -2px;
}


.xplain{
	margin-left: 160px;
	color:#666666;
	font-size: 10px;
	clear: both;
	margin-bottom: 6px;
}

.form{
	line-height: 150%;
	padding-left: 30px;	
}

.form textarea, .form input{
	margin-bottom: 5px;
}

.form h3{ margin: 0 0 10px 30px; }


p.msg{
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 10px;
	color: #004890;
	font-size: 14px;
}

div#green p.msg{ color: #009966; }

/* Validation Error Messages */
.errMsg {
	color: #ab1b26;
	font-size: 14px;
	display: inline;
	float: left; 
	margin-left: 5px;
}

.errText{
	float: right;
}
.errFld {
/*	border: 1px solid #bb7b7b;
	border-color: #bb7b7b #eea2a2 #eea2a2 #bb7b7b;	*/
}	
.req{
	font-weight: bold;
}


#content label.checklabel{
	display: block;
	float: none;
	width: auto;
	margin-left: 110px;
	text-align: left;
}

.checklabel input{
	padding: 0px;
	border: 0;
}

.radiobox{
	font-size: 11px;
	margin-left: 115px;
}

.submit{
	margin: 10px 0 0 150px;
	clear: both;
}
.submit input, .btn{
	color: #333333;
	font-size: 12px;
	background-image: url("../images/admin/form_btn.gif");
	border: 1px groove #9ca1a6;
	padding: 3px 8px 3px 8px;
	cursor: hand;
	clear: both;
}


/*--------------------------
 News and stuff
----------------------------*/

.news_pic{
	float: right;
	border: 1px solid #00000;
	margin: 0 0 10px 25px;
}

.sortbox{
	margin: 0 10px 0 5px;
	padding: 5px 0 5px 0;
}
#content .sortbox table{
	margin: 0;
}

#content .sortbox td{
	vertical-align: top;
	line-height: 100%;
	padding: 0px 10px 0 10px;
	border-right: 1px solid #d4d4d4;
	text-align: left;
	font-size: smaller;
}

.sortbox td img{
	border: 0;
	margin-right: 10px;
}

.sortdrop{
	float:right;
	margin-top: -19px;
}

.sortdrop select{
	margin-left: 10px;
}

#archivelinks{
	padding: 20px 0 0 55px;
}

#archivelinks a{
	font-size: 10px;
	font-weight: normal;
}


/*	-------------------------------------------
	 FILE LISTS
	-----------------------------------------*/

.fileicon{
	margin-right: 5px;
}

.bottomlinks{
	padding-top: 10px;
	margin-top: 30px;
	width: 40%;
	border-top: 1px solid #E8E8E8;
}

#list table{
	list-style: none;
	margin: 5px 20px 0 0;
	padding: 0;
	font-size: 13px;
	width: 100%;
}


#list td, #demolist td{
	padding: 0px 5px 3px 0;
	border-bottom: 1px solid #E4E4E4;
	vertical-align: top;
}

.tbl_date{
	width: 75px;
	text-align: left;	
	vertical-align: top;
}

.small{
	font-size: 9px;
	line-height: 70%;
}

.tbl_title{
	width: 480px;	
	vertical-align: top;		
}
#list td.tbl_icon{
	width: 15px;	
	vertical-align: top;
	padding-top: 3px;
}

#list td.tbl_link{
	width: 100px;
}

.tbl_iconsort{
	width: 20px;	
	vertical-align: top;
}

.detailbox{
	float: right;
	margin-top: 5px;
}

/*--------------------
  search results
----------------------*/

#searchform{
	padding: 10px 7px 10px 7px;
	margin: 0 22px 20px 55px;
	background-color: #f1f4fa;
	border-top: 1px solid #dbe4f4;
	border-bottom: 1px solid #dbe4f4;
}

#searchform input.txt{
	width: 250px; 
	margin: 0 3px 0 0;
}


.searchresult { 
	margin-left: 55px;
	margin-top: 5px 22px 55px 0;	
	font-size: 14px;
	margin-bottom: 0;
}

#articlesearch.searchresult{
	font-size: 13px;
}

.searchresult h4{
	margin-bottom: 3px;
}

#content .searchresult p{
	margin: 0 22px 0 0;
}

#content .searchresult p.searchurl{
	color: #9A9A9A;
	margin: 0;
}


/* MISC */

.historytbl td{
	padding: 7px 0 7px 0;
	border-bottom: 1px solid #E8E8E8;
}
.noclick{
	cursor: default;
}


.dropdownjump{
	padding: 10px 7px 10px 7px;
	margin: -20px 22px 20px 55px;
	background-color: #f1f4fa;
	border-top: 1px solid #dbe4f4;
	border-bottom: 1px solid #dbe4f4;
}
.dropdownjump select{
	width: 170px;
}

ul.col{ width: 250px; float: left; }
.clear{ clear: both;  }
.reqtxt{ margin-top: 10px; font-style: italic; margin-left: 160px; margin-bottom: 10px; }


#searchform strong { padding-right: 10px;  }
.btnndg{ margin-left: 160px; }
#content  #searchform input, #content #searchform input.txt{ float: none; display: inline; }

#reqfields{	
color:#000;
}

#opt1, #opt2{ color: #000; font-weight: bold; font-size: 14px; padding: 4px; }
#calcform table td{ padding-top: 10px; }
td.expattl{ width: 180px; font-weight: bold; font-size: 14px; }
#calcform table input{ color: #000; padding: 4px; font-size: 14px; }
#calcform table{ width: 550px; }
td.etxt{ padding-left: 20px; }

#articlesearch h4{ font-size: 13px; margin-bottom: 0; margin-top: 10px; }
#articlesearch p{ line-height: 150%;  }

#main .expattbl{
	float: left;
	margin-bottom: 0; 
}

.expattbl td{ line-height: 100%; vertical-align: top; }
.expattbl td input{ margin-bottom: 4px;padding: 0; }

div.contactbot{
	font-size: 11px;
	margin-left: 55px;
	margin-top: 40px;
	margin-bottom: -35px;
}
.pipe{  text-align: center; display: inline; padding: 0 7px 0 7px; }


body#about-uscampaignsdetails4-stroke-engines-as-a-means-to-green-thinking #main, body#productsmotorcyclesgreenthinking #main, body#productsmotorcyclesgreen-thinking #main, body#greenthinking #main{
	background-image: url("../images/green_sidearrow.gif");
}
body#about-uscampaignsdetails4-stroke-engines-as-a-means-to-green-thinking #footer, body#productsmotorcyclesgreenthinking #footer, body#productsmotorcyclesgreen-thinking #footer, body#greenthinking #footer{
	background-image: url("../images/green_footerbg.gif");
}
body#about-uscampaignsdetails4-stroke-engines-as-a-means-to-green-thinking h2, body#productsmotorcyclesgreenthinking h2, body#productsmotorcyclesgreen-thinking h2, body#greenthinking h2{
	border-bottom: 1px solid #009966;
}
body#about-uscampaignsdetails4-stroke-engines-as-a-means-to-green-thinking  h1, body#about-uscampaignsdetails4-stroke-engines-as-a-means-to-green-thinking #main a, body#greenthinking h1, body#productsmotorcyclesgreenthinking h1, body#productsmotorcyclesgreen-thinking h1, body#productsmotorcyclesgreen-thinking #main a, body#greenthinking #main a{ color: #009966; }