@charset "utf-8";
/* CSS Document */
/* LEMAC.com CSS 03/07/08 */

/* DIVS */
html, body 		{background-color:#333333; margin: 0px; padding:0px; line-height: 18px;font-family: Arial, Helvetica, sans-serif; font-size:12px;}
#container 		{/*border: 1px solid #dadada;*/ height:auto; width: 990px; margin: 10px auto;}

#header 		{/*border: 1px solid #ffcc00;*/ height: 89px; 	width:990px;}
#logo			{/*border: 1px solid #ffff00;*/ height: 89px; 	width: 560px; float:left; margin:0px 0px 0px 0px;  background-image:url(../images/lemac_logo.gif); background-repeat:no-repeat; background-color:#333333;}
#mini_menu 		{/*border: 1px solid green;*/	height: 18px; 	width: 400px; float:right; margin:11px 0px 0px 0px; text-align:right; color:#FFFFFF;}
#strapline 		{/*border: 1px solid blue;*/ 	height: 36px; 	width: 318px;float:right; clear:right;}
#orangebase 	{/*border: 1px solid yellow;*/ 	height: 13px; 	width: 990px; clear:both; background-color:#FF6600;}
#upper_content	{/*border: 1px solid red;*/ 	height: 140px; 	margin:0px; padding:0px; width:990px; background:url(../images/upper_grad.gif) repeat-x;}
#upper_content_slim	{/*border: 1px solid red;*/ height: 87px; 	margin:0px; padding:0px; width:990px; background:url(../images/upper_grad.gif) repeat-x;}

#upper_content_slim .submenu {width: 982px; height: 49px; background:url(../images/sub_fill.gif) repeat-x; margin: 45px 0px 0px 4px; position:absolute; color:#FFFFFF;}
.left {display:block; float:left; background:url(../images/sub_left.gif) no-repeat; width:9px; height:49px;}
.links { /*border: 1px solid yellow;*/ margin: 17px 0px 0px 8px; float:left;}
.linksleft { /*border: 1px solid yellow;*/ margin: 17px 0px 0px 8px; float:left;}
.linksright { /*border: 1px solid yellow;*/ margin: 17px 0px 0px 8px; float:right;}
.right {display:block; float:right; background:url(../images/sub_right.gif) no-repeat; width:9px; height:49px;}
.new {background:url(../images/gifs/page_green.gif) top left no-repeat; padding : 0px 0px 0px 20px;}
.opened {background:url(../images/gifs/page_white.gif) top left no-repeat; padding : 0px 0px 0px 20px;}
.disabled {background:url(../images/gifs/page_delete.gif) top left no-repeat; padding : 0px 0px 0px 20px;}
.hot {background:url(../images/gifs/page_red.gif) top left no-repeat; padding : 0px 0px 0px 20px;}

#contentcontainer	{/*border: 1px solid red;*/ height: auto; margin:0px; padding:5px; width:980px; background:url(../images/lower_grad.gif) repeat-x #fff;}
#content 	{min-height:266px; height: auto; width: 940px; background:url(../images/content_grad.gif) repeat-x #FEFEFE; padding:20px 20px 10px 20px;}
#home_text	{min-height: 266px; height: auto; border-right: 1px solid #999999; width: 350px; text-align:left; padding: 0px 20px 0px 0px; float:left;}
#news_text	{height: auto; width: 940px; text-align:left; padding: 10px 0px 0px 0px; float:left;}
#home_graphic{height: 216px; width: 249px; margin: 20px 5px 0px 0px; float:right;}

#footer 	{/*border: 1px solid yellow;*/ height: 150px; width: 990px; clear:both;}
#orangefoot {/*border: 1px solid green;*/ height: 55px; width: 990px; clear:both; background: url(../images/footer_grad.gif) repeat-x;}
#heartbeat 	{/*border: 1px solid green;*/ height: 55px; width: 110px; float: right; background: url(../images/footer_heartbeat.jpg) repeat-x;}
#vacancies 	{/*border: 1px solid green;*/ height: 15px; width: 150px; float: left; padding: 20px;}
#smallprint {/*border: 1px solid cyan;*/ height: 95px; width: 990px; clear:both;}

#model {width:940px; /*border: 1px solid #ffcc00;*/}
#modeltitle{width: 940px; border-bottom: 1px solid #999999; margin: 0px 0px 20px 0px;}
#modeloverview {width: 325px; /*border: 1px solid green;float:left;*/ float: left;}
#modelfeatures {width: 325px; /*border: 1px solid blue;float:left;*/ float: left;}
#modeldata {width: 940px; border-top: 1px solid #999999; margin: 20px 0px 0px 0px; padding: 20px 0px 10px 0px;}
.modeldata {width: 940px; border-top: 1px solid #999999; margin: 20px 0px 0px 0px; padding: 20px 0px 10px 0px;}
#modelcalltoaction {width: 940px; border-top: 1px solid #999999; margin: 0px 0px 10px 0px; }

.required {margin: -5px 0px 0px 10px;}
.imageholder{height: 264px; width: 264px; border: 1px solid #999; float:right; padding: 10px; background-color:#FFFFFF;}

/* LINKS and TEXT */
a 			{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; text-decoration:none;}
a:hover		{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; border-bottom: 1px solid #ff6600;}

a.imagehover:hover {border: none;}
/*a .homepagebuttons {display:block;padding:4px;background:#FF6600;color:#FFFFFF;border: none;}*/

p{text-align:left;}
p a {color:#000000; font-weight:bold;}
p a:hover {color:#000000; font-weight:bold;}

#menuright {/*border: 1px solid #000;*/ width: 500px; float: right; margin: -23px -138px 0px 0px; text-transform:uppercase;}
#menuright a.orangebutton {height: 24px; width: 118px; background:url(/NEW/images/sm_orange_btn.gif) no-repeat; color:#FFFFFF; border:none; font-size: 10px; font-weight: bold; text-align:center; padding: 9px 0px 0px 0px; display:block; float:left; margin: 0px 5px 0px 0px;}
#menuright a.orangebutton:hover {border:none; color:#000000; font-size:10px;}

#fourmenuright {/*border: 1px solid #000;*/ width: 500px; float: left; margin: 0px 0px 0px 0px; text-transform:uppercase;}
#fourmenuright a.orangebutton {height: 24px; width: 118px; background:url(/NEW/images/sm_orange_btn.gif) no-repeat; color:#FFFFFF; border:none; font-size: 10px; font-weight: bold; text-align:center; padding: 9px 0px 0px 0px; display:block; float:left; margin: 0px 5px 0px 0px;}
#fourmenuright a.orangebutton:hover {border:none; color:#000000; font-size:10px;}

#strapline span{font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#FFFFFF; text-decoration:none; margin: 7px 0px 0px 17px;float:right;}

h1 			{font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; color:#000000; margin: 0px 0px 0px 0px;}
h2			{font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#000000; margin: 0px 0px 10px 0px;}
h3			{font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#000000; margin: 10px 0px 5px 0px;}
h4			{font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#000000; margin: 10px 0px 5px 0px;}

.numback { background:url(../images/motor_num_back.gif) no-repeat; width: 100px; height: 35px; padding: 0px 20px 0px 20px; color:#FFFFFF;}

#pagecontent{width: 940px; text-align:left; /*border: 1px #dadada solid;*/ height:auto; border-bottom: 1px solid #999999; border-top: 1px solid #999999; margin: 10px 0px 10px 0px; padding: 10px 0px 10px 0px;}
#pagecontent a {color:#000000;}

.homepageCols {display: block; /*border: 1px solid #666;*/ width: 300px; height: 230px; float: left; margin: 0px 10px 0px 0px;}
.contactCols {display: block; /*border: 1px solid #666;*/ width: 300px; height: 230px; float: left; margin: 0px 10px 0px 0px;}

#menu {height: 24px; width: auto; display:block;}
#menu #menu-container {height: 24px; width: 820px; display:block; margin: 0px auto; float:left; clear:right; text-align:left;}
#menu #menu-container ul {display:inline;}
#menu #menu-container ul li.headlink {display: block; height: 24px; background:#FF6600; width: auto; float:left; margin-right: 6px; -moz-border-radius-topleft:10px; -webkit-border-radius-topleft:10px; -moz-border-radius-topright:10px; -webkit-border-radius-topright:10px;}
#menu #menu-container ul li.headlinkend {margin: 0px;}
#menu #menu-container ul li.headlink a {border: none; font-size: 12px; display: block; padding: 5px 10px 0px 10px; height: 19px; width: 75px; color:#FFFFFF; text-align:center; font-weight:bold;  -moz-border-radius-topleft:10px; -webkit-border-radius-topleft:10px; -moz-border-radius-topright:10px; -webkit-border-radius-topright:10px;}
#menu #menu-container ul li.headlink a:hover {border: none; display: block; background:#f6f6f6; color:#000000; padding: 5px 10px 0px 10px; height: 19px; width: 75px; text-align:center; font-weight:bold;}
#menu #menu-container ul li.headlink a.selected {display: block; background:#f6f6f6; color:#000000; padding: 5px 10px 0px 10px; height: 19px; width: 75px; text-align:center; font-weight:bold;}

#menu #menu-container ul li.headlink ul {display: none; text-align: left; position: absolute; z-index: 999;}
#menu #menu-container ul li.headlink:hover ul {display: block; list-style-type:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
#menu #menu-container ul li.headlink ul li a {border: none; color: #000; font-weight: normal; font-size: 12px; width: 75px; padding: 5px 10px; height: 20px; background-color: #f6f6f6; -moz-border-radius:0px; -webkit-border-radius:0px;}
#menu #menu-container ul li.headlink ul li a:hover {border: none; font-weight: bold; font-size: 12px; width: 75px; padding: 5px 10px; height: 20px; background-color: #f6f6f6; -moz-border-radius:0px; -webkit-border-radius:0px;}
#menu #menu-container ul li.headlink ul li a.bottom {border: none; font-weight: normal; font-size: 12px; width: 75px; padding: 5px; height: 20px;  -moz-border-radius-bottomleft:10px; -webkit-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -webkit-border-radius-bottomright:10px;}
#menu #menu-container ul li.headlink ul li a.bottom:hover {border: none; font-weight: normal; font-size: 12px; width: 75px; padding: 5px; height: 18px;  -moz-border-radius-bottomleft:10px; -webkit-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -webkit-border-radius-bottomright:10px;}


#smallprint ul{margin:10px 0px 0px 0px; padding:0px; color:#FFFFFF;}
#smallprint ul li{margin:0px 0px 0px 0px; padding:0px; list-style: none;}

#ac	.button	{background: url(../images/ac_btn_new.gif) no-repeat; width: 291px; height: 30px; display:block; position:absolute; margin: 10px 0px 0px 3px; padding: 90px 10px 10px 25px; font-size:26px; font-weight:bolder; color:#FFFFFF;}
#ac	.button:hover	{border:none; color:#FF6600;}

#dc	.button	{background: url(../images/dc_btn_new.gif) no-repeat; width: 291px; height: 30px; display:block; position:absolute; margin: 10px 0px 0px 333px; padding: 90px 10px 10px 25px; font-size:26px; font-weight:bolder; color:#FFFFFF;}
#dc	.button:hover {border:none; color:#FF6600;}

#geared	.button	{background: url(../images/gear_btn_new.gif) no-repeat; width: 291px; height: 30px; display:block; position:absolute; margin: 10px 0px 0px 661px; padding: 90px 10px 10px 25px; font-size:26px; font-weight:bolder; color:#FFFFFF;}
#geared	.button:hover	{border:none; color:#FF6600;}

#ac-active	.button	{background: url(../images/active_slim.gif) no-repeat; width: 306px; height: 28px; display:block; position:absolute; margin: 10px 0px 0px 3px; font-size: 18px; font-weight:bold; padding: 10px 0px 0px 20px;}
#ac-active	.button:hover	{border:none; color:#FF6600;}

#ac-unactive .button	{background: url(../images/unactive_slim.jpg) no-repeat; width: 306px; height: 28px; display:block; position:absolute; margin: 10px 0px 0px 3px; font-size: 14px; font-weight:bold; padding: 10px 0px 0px 20px;}
#ac-unactive .button:hover	{border:none; color:#FF6600;}

#dc-active	.button	{background: url(../images/active_slim.gif) no-repeat; width: 306px; height: 28px; display:block; position:absolute; margin: 10px 0px 0px 333px; font-size: 18px; font-weight:bold; padding: 10px 0px 0px 20px;}
#dc-active	.button:hover	{border:none; color:#FF6600;}

#dc-unactive .button	{background: url(../images/unactive_slim.jpg) no-repeat; width: 306px; height: 28px; display:block; position:absolute; margin: 10px 0px 0px 333px; font-size: 14px; font-weight:bold; padding: 10px 0px 0px 20px;}
#dc-unactive .button:hover	{border:none; color:#FF6600;}

#geared-active	.button	{background: url(../images/active_slim.gif) no-repeat; width: 306px; height: 28px; display:block; position:absolute; margin: 10px 0px 0px 661px; font-size: 18px; font-weight:bold; padding: 10px 0px 0px 20px;}
#geared-active	.button:hover	{border:none; color:#FF6600;}

#geared-unactive .button	{background: url(../images/unactive_slim.jpg) no-repeat; width: 306px; height: 28px; display:block; position:absolute; margin: 10px 0px 0px 661px; font-size: 14px; font-weight:bold; padding: 10px 0px 0px 20px;}
#geared-unactive .button:hover	{border:none; color:#FF6600;}

table 	{border: 5px solid #ccc; padding: 10px; margin: 10px 0px 10px 0px;}
th 		{background-color:#666666; color:#FFFFFF; padding: 5px; text-align:left; }
td {border-bottom: 1px solid #CCC; padding: 5px;}

#motormenu{width: 940px; margin: 0px; padding: 0px;}
#motormenu ul {width: 100%; display: inline; list-style: none; }
#motormenu ul li {display: inline; list-style: none; margin: 0px 0px 0px 0px;}
#motormenu ul li a {color: #FFFFFF; background: url(../images/nomodel_th_btn.gif) no-repeat #333333; font-size: 12px; float: left; text-decoration: none; border: 5px solid #999999;padding: 135px 0px 0px 10px; height:108px; width: 150px; margin: 0px 18px 10px 0px;   background-color:#333333;}
#motormenu ul li a:hover {border: 5px solid #FF6600;}
#motormenu ul li a .33range {}

.submit {width:100%;height:50px;background:#FF6600;color:#FFFFFF;font-weight:bold;margin-left:-20px;}
.input {border:2px solid green;}
.input-error {border:2px solid red;}

.breadcrumb {font-size:10px; color:#666; width: 940px; height: 20px; margin: 0px 0px 10px 0px; padding: 0px; text-transform:uppercase;}
.breadcrumb a {color:#666; font-size:10px; text-decoration:none;}
.breadcrumb a:hover {text-decoration:none; border-bottom: 1px solid #FF6600; color: #000;}
