/* CSS Document */

/* ------------- RESET -------------- */
html, body, div, span, fieldset, form, label, legend, form
caption,h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {	line-height: 1; }
a:focus {outline: 0;}
table {	border-collapse: collapse;	border-spacing: 0;}
.clear { clear:both;}
/* ------------- LAYOUT -------------- */
body {	
	text-align:center; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px; 
	background-color:#000000;
}
#outer_template { }

	
	#header { height:66px; background: #000000 url(bck_header.jpg) left top no-repeat;}
		#top_bar { display:block; width:400px; float:right;}
		#top_bar ul {margin-top:5px;}
		#top_bar ul, #breadcrumb ul { display:block; list-style-type:none; margin:0; padding:0; font-size:10px;  }
		#top_bar ul li, #breadcrumb ul li { float:left;}
		#top_bar ul li span, #breadcrumb ul li span { color:#FFCC00; } 
		#top_bar ul li a {margin:0 10px;} 
		#top_bar ul li a, #breadcrumb ul li a  { text-decoration:none; color:#DDDDDD;  font-weight:bold;}
		#header img { float:left; border:0;}
		
	#content_menu { background: #FFCC00 url(bck_menu.gif) left top repeat-x; /* --------- IE =>*/ height:100%; max-height:120px;  display:block;}
		ul.menu {margin:3px 0 0 6px; padding:0; /* --------- IE 6 =>*/  _margin-left:4px;}
		ul.menu, ul.submenu { display:block; width:820px; float:left; list-style-type:none;  }
		ul.menu li, ul.submenu li { float:left;}
		ul.menu li a { text-decoration:none; color:#999999; height:21px; padding:9px 14px; display:block; font-size:12px; font-weight:bold;  /* --------- IE  6 /5 =>*/_width:50px;}
		ul.menu li a.inicio { background:#000000 url(bck_menu_ul.jpg) left top no-repeat; padding-left:18px; } 
		ul.menu li a.dewalt { background:#000000 url(bck_menu_ul.jpg) -180px top no-repeat;} 
		ul.menu li a.produtos { background:#000000 url(bck_menu_ul.jpg) -180px top no-repeat;} 
		ul.menu li a.destaques { background:#000000 url(bck_menu_ul.jpg) -180px top no-repeat;} 
		ul.menu li a.servicos { background:#000000 url(bck_menu_ul.jpg) -180px top no-repeat;}  
		ul.menu li a.compressores { background:#000000 url(bck_menu_ul.jpg) -180px top no-repeat;} 
		ul.menu li a.bateria { background:#000000 url(bck_menu_ul.jpg) -180px top no-repeat;} 
		ul.menu li a.imprensa { background:#000000 url(bck_menu_ul.jpg) -180px top no-repeat;} 
		ul.menu li a.eventos { background:#000000 url(bck_menu_ul.jpg) right top no-repeat; padding-right:18px;} 		 										
		.menu_bottom { background:url(bck_bottom_menu.jpg) left top repeat-x; height:12px; }
		ul.menu li a:hover { color:#FFFFFF; background:#000000 url(bck_menu_ul.jpg) -182px bottom no-repeat;}
		ul.menu li a:hover.inicio  { background:#000000 url(bck_menu_ul.jpg) left bottom no-repeat;  } 
		ul.menu li a:hover.eventos { background:#000000 url(bck_menu_ul.jpg) right bottom no-repeat;} 
		
		ul.submenu { margin:0 0 0 14px; padding:0;}
		ul.submenu a { font-size:12px; color:#000000; text-decoration:none; border-left:1px solid #333333; padding:0 8px; display:block;}
		ul.submenu a.first_item { border-left:none;}
		ul.submenu a.active_item { font-weight:bold;}			
		
	#main_home { width:842px; text-align:left; float:left;}
	
		#teaser_left div, #teaser_right div, #teaser_left img, #teaser_right img {margin-bottom:3px;}
		#teaser_left { width:138px; float:left; text-align:right; }
		#teaser_left h2, .registerbox {width:118px;margin-left:12px;}
		#teaser_left h2, #teaser_right h2 { display:block; text-align:left;   border-bottom:1px solid black; padding:6px 4px; background: #FFD320 url(bck_teaserlft_h2.gif) left top repeat-x;}
		#teaser_left h2 a, #teaser_right h2 a { color:#000000; text-decoration:none;}
		#teaser_left h2 a:hover, #teaser_right h2 a:hover { text-decoration: underline;}
		
		.registerbox { width:122px;  /* --------- IE  6 =>*/_font-size:10px;}	
		.registerbox strong { display:block; margin:6px 0 3px 0;}	
		.registerbox, .contactbox { background:#B4B4B4; padding:4px 2px ;  text-align:center; }
			.register_fld { background: #DBDBDB; width:108px; margin:2px auto; font-size:11px; padding:2px; }
			.register_sbm {margin-top:5px;  width:110px; padding:1px; border:1px solid #DDDDDD; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; background: #666666; /* --------- IE   =>*/*width:auto; }
		.contactbox { width:166px; text-align:left; font-weight:bold; }
		#main_content_home { width:526px; float:left; margin-left:4px;}
		#quicklinks { margin-bottom:8px; clear:both; margin-top:10px;}
		#quicklinks div, /*.memberof div, .memberof ul*/ { background:#2A2A2A; color: #999999; border-bottom:1px solid #414141; padding:5px; }
		#quicklinks div div { border-bottom:none;}
		#quicklinks h1 {  font-weight:bold;}
		#quicklinks h1 a { font-size:11px; padding:2px 2px 2px 16px; background:url(bck_h1_quicklinks.gif) left top no-repeat; width:170px;  }
		#quicklinks h1 a:hover { text-decoration:none;}
		#quicklinks a { font-size:10px; text-decoration:none; color: #999999; display:block; padding:2px 2px 2px 28px; width:125px; background:url(bck_ul_quicklinks.gif) 15px top no-repeat;}
		#quicklinks a:hover { text-decoration:underline; color:#FFFFFF;}
		#quicklinks ul { list-style-type:none; margin:10px 0 3px 0; padding:0;}
		#quicklinks ul li { float:left;}
		#quicklinks .clear { margin:0; padding:0;}
		
		/*.memberof { height:120px;  }
		.memberof div { text-align:center; width:90px; float:left; height:102px; padding-top:13px}
		.memberof ul { float:right; width:420px; padding:0px; margin:0;height:120px;}
		.memberof ul li { display:block; color:#FFFFFF; padding:14px 12px; }
		.memberof ul li.rospa { background:url(logo_rospa.gif) right 3px no-repeat;}
		.memberof ul li.epta { background:url(logo_epta.gif) right 4px no-repeat;}
		.memberof ul li.wa2008 { background:url(logo_wa2008.gif) right 5px no-repeat;}
		.memberof span { display:block;}*/
		
		/* ---------- HOME RIGHT COLUMN  ------------- */
		#teaser_right { float:right; width:170px; color:#FFFFFF;}
		#teaser_right form { margin:0 0 3px 0; height:18px;}
		.search_fld { border:1px solid #FFCC00; background:#FFFFFF; width:142px; padding:1px; font-size:11px; height:14px; float:left; _width:140px;}
		
		/* ---------- BREADCRUMB  ------------- */
		#under_header { padding:4px 0;}
		#breadcrumb { display:block; float:left; width:650px; margin-left:10px; margin-top:3px;}
		#breadcrumb ul li a {margin:0 4px 0 0;}
		
		
		/* ---------- CONTENT => NEWS / GENERAL / CONTACT  ------------- */
		#main_content, #main_content_sidemenu { width:842px; /*border:1px solid red;*/ clear:both; float:left;}
		#content { font-size:12px; line-height:14px; float:left; margin-left:10px; _margin-left:6px; width:656px;  _width:646px; color:#FFFFFF; text-align:left;border-top:1px solid #666666; padding:0;}
		.metalbck { background:url(bg_schattenmain.gif) left 31px no-repeat;}
		#content h3 { color:#FFCC00; display:block; padding:3px 0; margin-bottom:12px; border-bottom:1px solid #999999; clear:both;}
		#content h2.content_title { font-size:20px; font-weight:normal; padding:3px 0; clear:both; margin:7px auto;}
		a.yellowlink { color: #FFCC00;}
		a:hover.yellowlink { color: white;}
		.photosm { float:left; padding:0 10px 10px 0;}
		#main_content  h1 { color:#FFCC00; font-size:13px; margin-bottom:12px; padding:5px 0 0 0; }
				/* ---------- CONTENT => NEWS */
				.newslead { border-top:2px solid #FFCC00; padding:4px; margin:8px 0; display:block; height:110px;}
				.newslead h2, .newslead p { width:560px; float:right; display:block;}
				.newslead h2 {  font-size:12px; font-weight:bold; padding-top:2px;}
				.newslead h2 a {color:#FFCC00; text-decoration:none;}
				.newslead h2 a:hover { text-decoration:underline;}
				.newslead p { color:#FFFFFF;}
				.newsphoto { float:left; width:64px;}
				.newsdate {display:block;display:block; color:#CCCCCC; font-size:12px; padding:2px 0;}
				.newsphoto img { display:block;}
				.newsphoto a  { margin-top:3px; text-decoration:none; display:block; color:#FFFFFF; background: url(news_more.gif) right 3px no-repeat; padding:3px;}
				.allnews { font-weight:bold; color:#FFFFFF; background: url(bck_allnews.gif) left top no-repeat; text-decoration:none; padding-left:18px;}
				a:hover.allnews { text-decoration:underline; background: url(bck_allnews.gif) left bottom no-repeat;}
		
		/* ---------- CONTENT => PRODUCTS / EVENTS  ------------- */
		#main_content_sidemenu { clear:both; }
		#main_content_sidemenu #content { float:right; width:616px;margin-left:0;} 
		#sidemenu { width:210px; float:left; margin-left:10px; _width:200px;}
		/* ---------- SIDEMENU  */
		#sidemenu ul { margin:0; padding:0; list-style-type:none; text-align:left; }
		.sidemenu_bottom { width:210px; _width:200px; height:170px; background:url(bg_menu_bottom.gif) left top no-repeat;}
		/* --------- IE =>*/#sidemenu ul li a, .toolbox  ul li a  { display:inline-block;}
		#sidemenu ul li a { padding:6px;  text-decoration:none; color:#000000; font-size:11px; font-weight:bold; background: #FFDD56 url(bck_sidemenu_ul_li.jpg) left top repeat-y; vertical-align:bottom; display:block;  }
		/* --------- IE =>*/#sidemenu li  { height:1%; line-height:14px;}
		#sidemenu ul li ul li a { padding:6px 18px;  font-weight:normal; background:none; background:#EEC41B; border-bottom:1px solid #FFCC00; line-height:14px;}
		#sidemenu ul li ul li a.active { background:#EEC41B url(bck_sidemenu_ul_li_ul_li_a.gif) 2px 6px no-repeat;}
		.titlepage { color:#FFCC00; font-weight:bold; font-size:12px; float:left; width:540px; margin-top:6px; margin-bottom:8px;}
		.btn_back { text-decoration:none; display:block; width:30px; color:#FFFFFF; float:right; margin-top:6px; text-align:right; padding-left:12px; background:url(bck_btn_back.gif) left top no-repeat;}
		
		/* ---------- CONTENT => PRODUCT */
		.holder { font-size:12px; background:#eeeeee; padding:0px; clear:both; color: #333333;}
		.holder h1 { font-weight:bold; color:#000000; font-size:16px;}
		.header_holder { width:600px; padding:8px;}
		.holdertitle { float:left; width:300px; display:block;}
		.holder h1, .holder p, .holder h2, .holder h3, .holder h4 { padding:10px; margin-bottom:10px;}    
		.tabledata { width:590px; background: #FFCC00; border:1px solid #000000; margin:15px auto;}
		.tabledata  td { padding:5px; color:#000000;}
		.tabledata td.year_data { padding:7px 5px; font-size:14px; text-align:center; font-weight:bold; width:50px;}
		.tabledata td.bet { background-color:#FFE478;}
		/* ---------- CONTENT => PRODUCT OPTIONS */
		.toolbox { background:#FFFFFF; padding:1px; clear:both; width:600px; margin:8px;}
		.toolbox img { float:left;}
		.toolbox  ul { float:right; margin:0; padding:0; list-style-type:none; width:200px;}
		.toolbox  ul li a { display:block; vertical-align:bottom; background:#E3E3E3; color:#000000; padding:8px 8px 8px 40px; border-bottom:1px solid #FFFFFF; text-decoration:none; color:#000000; font-size:11px}
		.toolbox  ul li a:hover { text-decoration:underline;}
		.toolbox  ul li a.where { background: #E3E3E3 url(ico_where.gif) 4px top no-repeat}
		.toolbox  ul li a.print {background: #E3E3E3 url(ico_print.gif) 4px top no-repeat}
		.toolbox  ul li a.microsite {background: #E3E3E3 url(ico_microsite.gif) 4px top no-repeat}
		.toolbox  ul li a.manual {background: #E3E3E3 url(ico_manual.gif) 4px top no-repeat}
		.toolbox  ul li a.tell {background: #E3E3E3 url(ico_mail.gif) 4px top no-repeat}
		/* ---------- CONTENT => PRODUCT HOME */
		.spot_home { background:#FFE98F url(bck_products_home.jpg) left top repeat-y; margin-bottom:2px; *height:77px;}
		.spot_home img { float:left;}
		.spot_home h2, .spot_home span { font-weight:normal; float:right; display:block; width:550px; *width:540px; color:#333333; }
		.spot_home h2 {font-size:25px; margin-top:8px; padding-top:5px; line-height:25px;}
		.spot_home a { padding:10px 0 15px 18px; margin:0;display:block; color:black; width:500px;  background:url(product_moreinfo.gif) left 12px no-repeat; *background-position:left 11px; text-decoration:none;}
		.spot_home h2 a { width:518px; padding:0; background:none;}
		.front_events { display:block; margin-bottom:8px;}
		.outer_spot_home { width:656px; height:236px;}
		.events_home { width:436px; float:left;}
		.events_home .spot_home { height:74px; background:#FFE98F url(bck_events_home.jpg) left top repeat-y;}
		.events_home .spot_home h2, .events_home .spot_home span, .events_home .spot_home h2 a { width:300px;}
		/* IE 6*/.events_home .spot_home span a { width:280px; padding-bottom:10px;}
		.featured_events { float:right; width:215px;  display:block; background:#343434; height:228px;  _height:226px; }
		.featured_events h2 { display:block; background:#FFCC00; padding:6px; color:#000000; font-weight:bold; background: #FFCC00 url(bck_h2_events.gif) 55px 7px no-repeat;}
		.featured_events a { font-size:11px; text-decoration:none; color:#FFCC00; display:block; margin:6px 8px;}
		.featured_events a:hover { color:#FFFFFF;}
		.main_photo { margin-bottom:15px;}
		.event_photo { display:block; clear:both;}
		.title_event {display:block; width:350px; float:left; margin-top:6px;}
		
			/* ---------- CONTENT => Product Categroy List */
				.categories { width:600px; padding:20px 0; margin:0  0  0 20px; _width:580px; display:block; }
				.categories div { float:left; width:180px; height:170px; margin-right:18px; _margin-right:13px; margin-bottom:28px; float:left; }
				.categories div div { width:178px; float:none; margin:0; height:60px; border:1px solid #B5B5B5; background:#EEEEEE url(bck_div_categories.jpg) left top repeat-x; }
				.categories img { border-bottom:1px solid white; *float:left;}
				.categories div div h2 { font-size:16px; color: #666666; padding:0 0 0 4px; margin:12px 0 6px 0; letter-spacing:-1px;}
				.categories div div select { margin:0 0 0 4px; width:170px; font-size:11px;}
				
				
				.subcategories { width:580px; border-bottom:1px solid #999999; padding:4px; margin:8px auto; display:block; height:65px;}
				.subcategories h2, .subcategories p {margin:0 0 4px;padding:0; width:500px; float:right; display:block; }
				.subcategories p { color:#999999; font-size:11px; margin-bottom:12px; }
				.subcategories h2 {  font-size:12px; font-weight:bold; padding-top:2px;}
				
				.subcategories h2 a { text-decoration: underline; color:#000000; font-size:12px; font-weight:bold;}
				.subcategories h2 a:hover { text-decoration:underline;}
				
				.subcategories img { float:left; border:1px solid #898989;}
				.subcategories a.maisinfo { float:right; color:#666666; font-size:11px; text-decoration:none; width:485px; background:url(product_moreinfo.gif) left 2px no-repeat; padding-left:15px;}
				.subcategories a:hover.maisinfo { text-decoration:underline;}
		
		/* ------ CONTENT => PRODUCT / Drop Down Categories ----------------------*/
		.bluetabs { padding: 0;margin:0;  list-style-type: none; text-align: left;}
		.bluetabs li a{ font-size:11px; display: block; margin: 0;  text-decoration: none; padding: 5px 7px;	border: 1px solid #b3b3b3;	color: black; background: white; 	}
		.bluetabs li a.toptitle { width:186px;}
		.bluetabs li a:hover{text-decoration: underline;color: #2d2b2b; background:#FFCC00;}
				/* ######### Style for Drop Down Menu ######### */
	
								.dropmenu { width:283px!important; border:1px solid black!important; 	position:absolute; 	top: 3px; z-index:100;visibility: hidden;}
								.dropmenu a, .quickdrop a { text-align:left;  line-height:11px;background-color: white;  	font-size:11px;	display: block;		text-indent: 8px; padding: 3px 0; 	text-decoration: none;	color: black;	}
								.dropmenu a:hover, .quickdrop a:hover { 	background-color: #FFCC00; text-decoration:underline;}
								.quickdrop { width:200px;  border:1px solid black!important; 	position:absolute; 	top: 1px; z-index:100;visibility: hidden;}
		
		.quickselector { float:right;}
 		.tablecat { width:590px; margin:15px auto;}
		.tablecat td { padding:5px;}
		.tablecat td h1 { font-size:12px; margin:0; display:block; color:#333333;  border-left:1px solid #b3b3b3;  border-right:1px solid #b3b3b3; padding:4px 15px; background:#FFFFFF;}
		.tablecat td div img { padding:4px;}
		.tablecat td div {   background:#FFFFFF; border:1px solid #b3b3b3; text-align:center; vertical-align:top;}

	
  

		/* ---------- CONTENT => CONTACT FORM  ------------- */
		.formset, .tablamapa, .mapbox { padding:10px; display:block; background: #FFE98F url(bck_formset.jpg) left top repeat-y; color:#000000;}
		.formset label, .submit_bar, .formset p, .formset fieldset { display:block; padding:5px 2px; width:420px; margin:0 auto; }
		.formset label span { margin:4px 12px 4px 0;width:120px; display:block; float:left;}
		.formset label.lb_2lines { height:35px;}
		
	
		.wdfield { width:250px;}
		.mdfield { width:120px;}
		
		.formset fieldset.fset_product { background: #FFFF99;margin:8px auto; height:60px; border:1px solid #FFCC00;}
		.formset fieldset.fset_product label { width:130px; float:left; height:50px; margin-left:6px;} 
		.formset fieldset.fset_product input { float:left; width:115px;}
		
		.formset fieldset label .wdfield { width:100px;}
		.formset fieldset.submit_bar {  text-align:right;}
		.formset fieldset.submit_bar input { margin-right:32px; *width:110px;}
		
		
		.tablamapa { padding:0; width:656px; margin-top:10px;}
		.tablamapa th { font-size:11px; font-weight:bold; padding:6px 5px; text-align:left; border-bottom:1px solid #FFE98F;}
		.tablamapa td { padding:6px 5px; text-align:left; font-size:11px}
			a.showmap { padding:0 0 0 18px; margin:0;text-decoration:none;display:block; color:black; width:100px; background:url(product_moreinfo.gif) left 2px no-repeat; font-weight:bold;}
			a:hover.showmap { text-decoration:underline;}
		
		#gmap { display: none; position:relative; width:640px; height:350px; border: solid #FFCC00 8px; }
		
		.location {float:left; width:260px;  }
		p.location_info {float:right; font-size:11px; width:360px; }
		p.label_area { font-size:11px; width:260px; padding:6px 0 3px 0;}
		
		
		
		/* ----------  FOOTER  ------------- */
		#footer { clear:both;  background-color:#FFCC00;  font-size:10px; padding:4px; margin-top:25px;}
		#footer span { font-size:8px;}
		#footer a {color:#050402; text-decoration:underline; display:inline; margin:0 12px;}
		#footer a:hover {color:#050402; text-decoration:none;}
		
	
	