/* Container Styles for DotNetNuke */
@import url('products.css');

#col2 .panel1{background:#464646 url(images/panel1_content.gif) bottom left repeat-x; display:block; width:273px; border:solid #cccccc 2px; padding:0px !important; margin:0px !important;}
	.panel1 h1{background:url(images/panel1_top.gif) top left repeat-x; height:28px; padding:0; margin:0; border-bottom:solid #000000 1px;}
	.panel1 .Head{font-weight:bold; border:0; font-size:123.1%; color:#e4f0ff; padding:6px 0 0 10px; display:block;}
	.panel1 .pnl1_content{border-top:solid #666666 1px;  padding:8px !important; margin:0px !important;}
	#col2 .panel1 .pnl1_content p{padding:0px !important;}
	.panel1 .pnl1_content h4{color:#eeeeee; font-size:153.9%; margin:0px 0px 0px 0px; padding:0px; line-height:1.2;}
	.panel1 li{ list-style:none; color:#0067b1; padding:3px 0 3px 0; display:block; width:220px;}
	.panel1 p{color:#eeeeee;}
	
	.panel1_btn{border:solid red 0px; margin:18px 0px 0px 0px; float:right;}
	.panel1 a{text-decoration:none !important; color:#eeeeee !important; background:none; }
	.panel1 a strong{color:#add675; text-decoration:none;}
      .panel1 a:hover{text-decoration:underline !important; color:#ffffff;}

      .noBorder{border:0; background:none;}
     #content .panel1 ul li{padding: 4px 16px 4px 0; margin:0px;}
	 #content .panel1 ul{padding:0;}
	 .locator_globe{padding:0px 8px 9px 0px !important; margin:0px 0px 0px 0px !important; float:left; clear:both;}
	
.panel2_icons{float:left; border:solid red 0px; padding:0px 0px 0px 0px; margin:0px 11px 30px 0px;}
	
#col2 .panel2{display:block; width:273px; border-top:dotted #cccccc 1px; margin:16px 0px 0px 0px; padding:0px;}
	.panel2 .Head{font-weight:bold; font-size:16px; color:#303030; padding:0px 0px 0px 0px; display:block; border:dotted blue 0px;}
	#col2 .panel2 .pnl2_content{margin:13px 0px 0px 0px !important; padding:0px !important; border:solid red 0px;}
	#col2 .panel2 .pnl2_content .Normal p, #col2 .panel2 .pnl2_content p{padding:0px 0px 0px 0px; margin:0px; border:solid red 0px; display:block; color:#0067b1; font-size:93%;}
	#col2 .panel2 h2{margin:0px 0px 0px 0px !important; padding:0px 0px 0px 0px !important;}
	#col2 .panel2 h2 a{ color:#333333; font-size:182%; letter-spacing:.022em; margin:0px 0px 8px 0px !important; border:solid red 0px; display:block;}
	#col2 .panel2 h2 a:hover{color:#999999;}
	#col2 .panel2 ul li{padding:3px 0 3px 0; list-style:circle;}    
    #col2 .panel2 ul li a{text-decoration:none;}
	
.panel4{background:url(images/panel2_bg.gif) top left no-repeat; display:inline-block; width:273px; float: left; padding: 10px 0 0 0;}
	.panel4 h1{height:38px; padding:0px 0 2px 0; border:solid red 0px; border:solid red 0px;}
	.panel4 .Head{font-weight:bold; font-size:16px; color:#303030; padding:23px 0 0 0px; display:block; border:dotted blue 0px;}
	#col2 .panel4 .pnl4_content .Normal p, #col2 .panel4 .pnl4_content p{padding:4px 2px 0px 0px; border:solid red 0px; display:block; color:#0067b1;}
	#col2 .panel4 .info{text-decoration:none; color:#303030; background:url(images/panel2_btn.gif) top center no-repeat; display:block; text-indent:8px; padding:2px 0px 0 0; height:21px; width:71px; font-size:85%;}
	#col2 .panel4 .pnl4_content p{padding:4px 2px 0px 0px;}

	#col2 .panel4 ul li{padding:3px 0 3px 0; list-style:none;}
    #col2 .panel4 ul li a{text-decoration:none;}
	
	.panel4 .paraDyme_vehicles{
		background: url(images/paradyme_vehicles.png) top left no-repeat;
		width: 277px;
		height: 76px;
		display: block;
		text-decoration: none;
		outline: none;
		margin-top: 18px;
	}
	.panel4 .paraDyme_vehicles:hover{
		background: url(images/paradyme_vehicles.png) 0 -76px no-repeat;
	}
	.panel4 .paraDyme_vehicles span{
		visibility: hidden;	
	}

.panel3{float:left; display: block;  margin-top: 20px;}
.panel3 .Head{font-weight:bold; font-size:16px; color:#303030; padding:6px 0 2px 0px; display:block; border:dotted blue 0px;}
	.panel3 #services{width:230px; border:dotted red 0px; position:relative; margin:0; padding:0;}
	.panel3 #services li{list-style:none; color:#0067b1; padding:0 0 6px 0; margin-left:0;}
    .panel3 #services li a{color:#0067b1; text-decoration:none; width:228px; height:42px; display:block; border:dashed green 0px; text-indent:62px; font-weight:bold; font-size:93%; line-height:3.5; padding:1px;}
	
	.panel3 #services li .product_catalog{background: url(images/product_catalog.gif) top left no-repeat;}
    .panel3 #services li .product_catalog:hover{background: url(images/product_catalog.gif) 0 -53px no-repeat;}
    
    .panel3 #services .marketing_info{background: url(images/marketing_info.gif) top left no-repeat;}
    .panel3 #services .marketing_info:hover{background: url(images/marketing_info.gif) 0 -53px no-repeat;}

    .panel3 #services li .company_store{background: url(images/company_store.gif) top left no-repeat;}  
    .panel3 #services li .company_store:hover{background: url(images/company_store.gif) 0 -53px no-repeat;}

    .panel3 #services .service_info{background:transparent url(images/service_info.gif) top left no-repeat;}  
    .panel3 #services .service_info:hover{background:transparent url(images/service_info.gif) 0 -53px no-repeat;}

    .panel3 #services .training_info{background: url(images/training_info.gif) top left no-repeat;}  
    .panel3 #services .training_info:hover{background: url(images/training_info.gif) 0 -53px no-repeat;}
    
    .panel3 #services .resources{background: url(images/resources.gif) top left no-repeat;}  
    .panel3 #services .resources:hover{background: url(images/resources.gif) 0 -53px no-repeat;}
    
    .panel3 #services .forms{background: url(images/forms.gif) top left no-repeat;}  
    .panel3 #services .forms:hover{background: url(images/forms.gif) 0 -53px no-repeat;}
 
 /* dealer menu items */   
		.panel3 #services li ul{ border:solid #303030 0px; padding:0px 0 4px 0px; position:absolute; margin:0px 0 0px 4px; background:transparent url(images/dealer_submenuBg.gif) bottom left no-repeat; width:220px;}
        .panel3 #services li ul li{padding:0; margin:0;}
        .panel3 #services li ul li a{text-indent:10px; line-height:1.5 ; font-weight:normal; height:20px; color:#0067b1; margin:0; padding:0;}
        .panel3 #services li ul li a:hover{text-indent:10px; margin-left:0px; line-height:1.5 ; font-weight:normal; height:20px; color:#ffffff; width:217px; background-color:#0067b1;}
        
        .hideSub{display:none;}
        .showSub{display:block;}

/* sub menu nav */
.h1_contentPane #level2_nav{border:solid #ccc 1px; width: 698px; text-align:left; display: inline-block; background:#eee; margin:0px 0 20px 0; padding:0; position: static; z-index: 0;}
	.h1_contentPane #level2_nav li{list-style:none; display:inline-block; float: left; border:solid red 0px; margin:0; position: static;}
    .h1_contentPane #level2_nav li a{color:#666666; padding:4px 8px 4px 8px; text-decoration:none; font-weight:normal; display:block; border-left:dotted #eeeeee 1px;}
	.h1_contentPane #level2_nav .highlight a{color:#0067b1; font-weight:bold; border-top:solid #0067b1 0px; }
	.h1_contentPane #level2_nav li a:hover{color:#71afff; text-decoration:underline}
	
	.h1_contentPane #level2_subNav{ display: none; float: left; position: absolute; width: 230px;  border-left: solid #ccc 1px; border-right: solid #ccc 1px; padding: 0px; margin: 2px 0px 0px 0px; z-index: 20;}
	.h1_contentPane #level2_subNav li{ display:block; float: none; background: #eee; margin: 0px; padding: 0px; }
	.h1_contentPane #level2_subNav li a{ border-left: 0; display: block; border-bottom: solid #ccc 1px; padding: 6px; margin: 0px; width: 218px;}
	
	.drop_arrow a{background: none;}
	.drop_arrow{background: url(images/dropdown_arrow.png) center right no-repeat; padding-right:10px !important;}
	
.editControls{margin-top:2px; border:solid #cccccc 1px; clear:both; display:block;}
#topbtns{padding:4px; float:left; border:solid red 0px; }
#bottombtns{padding:4px; text-align:right; border:solid red 0px; width:120px; float:right;}