/* mitre plans css */

div.mitreplan{
clear:both;
border-bottom:solid 1px #cccccc;
padding:10px;
}
div.mitreplan .listThumbnail{
float:left;
border:solid 1px #cccccc;
padding:2px;
}
div.mitreplan div.floatleft{
float:right;
width:270px;
padding-left:20px;
padding-right:20px;
border-right:solid 1px #cccccc;
min-height:100px;
_height:100px;
}
div.mitreplan div.floatright{
float:right;
width:110px;
padding-left:10px;
}
div.mitreplan_detail .floatleft{
width:160px;
padding-left:10px;
text-align:center;
}

div.mitreplan_detail .floatright{
width:380px;
}
div.mitreplan_detail p{
padding-top:15px;
padding-bottom:15px;
}
div.mitreplan_detail{
margin-bottom:20px;
}
table.material_list{
width:100%;
margin-top:1px;
}
table.material_list th{
background: #dbdbcd;
height:22px;
text-align:left;
/*border-right:solid 1px #bebeb2;*/
padding-left:10px;
padding-right:10px;
}
table.material_list td{
height:22px;
text-align:left;
/*border-right:solid 1px #bebeb2;*/
padding-left:10px;
padding-right:10px;
padding-top:4px;
padding-bottom:4px;
border-bottom:solid 1px #bebeb2;
}
table.material_list th.last, table.material_list td.last{
border-right:none;
}
table.material_list tfoot th{
text-align:right;
padding-right:25px;
}


/* MitrePlan Finder form */
#mitreplan-finder { position: relative; width: 569px; height: 369px; background: 0 0 no-repeat url(../images/diy/mitreplan-finder.jpg); margin: 1px 0; }
  #mitreplan-finder h1, #mitreplan-finder h2 { text-indent: -1000em; }
  #mitreplan-finder .summary { position: absolute; left: 20px; top: 55px; width: 298px; height: 62px; font-size: 1.1em; }
    #mitreplan-finder .summary span { font-weight: bold; color: #039; }
  #mitreplan-finder li { position: absolute; list-style: none; padding: 0; margin: 0; }
  #mitreplan-finder .option-1 li { top: 177px; }
  #mitreplan-finder .option-2 li { top: 280px; }
  #mitreplan-finder li.item-1 { left: 50px; }
  #mitreplan-finder li.item-2 { left: 195px; }
  #mitreplan-finder li.item-3 { left: 335px; }  
  #mitreplan-finder label { position: absolute; left: 30px; top: 0; width: 115px; height: 32px } 
  #mitreplan-finder .submit button { position: absolute; left: 469px; top: 344px; }
  
/* MitrePlan Results page */
#content div.center .diy-details-resources h1 { width: 569px; height: 90px; text-indent: -1000em; background: 0 0 no-repeat url(../images/diy/mitreplan-finder-header.jpg); margin: 1px 0; padding: 0; }

.diy-details-resources #search-summary { margin: 20px 15px 15px; font-size: 1.2em; }
  .diy-details-resources #search-summary strong { font-size: 1.1em; color: #039; margin-right: 6px; }
  .diy-details-resources #search-summary em { font-weight: bold; text-decoration: underline; font-style: normal; }
  .diy-details-resources #search-summary a { margin-left: 20px; }

#diy-details-resources-outer { margin: 0 3px; width: 563px }
#diy-details-resources-lhs #filterForm li.checked { color: #039; }
#diy-details-resources-lhs #filterForm li img { vertical-align: middle; }
#diy-details-resources-lhs #filterForm li img.active { display: none; }
  #diy-details-resources-lhs #filterForm li.checked img.active { display: inline; }
#diy-details-resources-lhs #filterForm li.checked img.inactive { display: none; }

#content div.center .diy-details-resources .diy-details-resources-items ul { padding: 0 12px; }
.diy-details-resources .diy-details-resources-items li { list-style: none; background: bottom left repeat-x url(../images/diy/dotted-line.gif); }
.diy-details-resources-items h3, .diy-details-resources-items .pdf-link, .diy-details-resources-items .difficulty { margin: 5px 0; }
.diy-details-resources-items h3 { float: left; }
.diy-details-resources-items .pdf-link { float: right; }
  .diy-details-resources-items .pdf-link a { padding-right: 10px; background: 100% 50% no-repeat url(../images/skin/navarrow1.png); }
.diy-details-resources-items .difficulty { float: left; text-indent: -1000em; width: 100px; height: 16px; margin-left: 10px; }
  .diy-details-resources-items .difficulty-easy { background: 0% 50% no-repeat url(../images/diy/difficulty-easy.png); }
  .diy-details-resources-items .difficulty-medium { background: 0% 50% no-repeat url(../images/diy/difficulty-medium.png); }
  .diy-details-resources-items .difficulty-difficult { background: 0% 50% no-repeat url(../images/diy/difficulty-difficult.png); }  
.diy-details-resources-items .summary { clear: both; }
#diy-details-resources-categories { padding: 6px 0 13px; }
  #diy-details-resources-categories span { color: #9c9fa6; }
  #diy-details-resources-categories img { vertical-align: middle; }
  
/* MitrePlan Detail page */
#article-summary { padding: 7px 13px 10px; margin: 5px; font-weight: 1.1em; }
  #article-summary strong { display: block; font-size: 1.1em; margin-bottom: -2px; }
#article-image { float: right; border: solid 3px #cbcbbf; margin: 5px 8px 20px 20px; }
#article-download { padding: 0 13px; margin: 5px; }
	#article-download .file-size { color: #9c9c9c; margin-left: 5px; }
#get-a-quote { clear: right; width: 558px; height: 36px; background: 0 0 no-repeat url(../images/diy/get-a-quote-header.png); position: relative; margin: 20px 5px 0; }
  #get-a-quote h2 { text-indent: -1000em; }
  #content #get-a-quote p { position: absolute; left: 148px; top: 12px; line-height: 1.2em; }

#quote-checklist { margin: -1px 5px 0; width: 558px; }
  #quote-checklist * {zoom: 1; /* for IE7 */}
  #quote-checklist #quote-checklist-inside { background: #fff 100% 0 url(../images/diy/get-a-quote-bg.gif) repeat-y; border: solid 1px #ccc; border-top: none; margin-top: -1px; position: relative; }
  #quote-checklist h2 { background: url(../images/diy/header_bar_blank.jpg) repeat-x 0 0; height: 19px; padding: 8px 0 0 10px; color: #039; }
  #quote-checklist h3 { margin: 0; height: 38px;}
  #quote-checklist .content { padding: 8px 5px; }
  #quote-checklist #products-list { width: 359px; float: left; }
    #quote-checklist #products-list h3 { background: #fbfbfb 10px 13px no-repeat url(../images/diy/product-checklist.png); text-indent: -1000em; }
    #quote-checklist #products-list table { width: 100%; }
      #quote-checklist #products-list tr { background: bottom left repeat-x url(../images/diy/dotted-line.gif); }
        #quote-checklist #products-list tr:last-child { background: none; }
      #quote-checklist #products-list td { padding: 5px 0;  }
    	#quote-checklist #products-list td.label { width: 72px; padding-right: 8px; }
    #quote-checklist #products-list label { font-weight: bold; }      
  #quote-checklist #tools-list { width: 197px; float: right; background: #fbfbfb; }
    #quote-checklist #tools-list h3 { background: #fbfbfb 10px 13px no-repeat url(../images/diy/tools-for-the-job.png); text-indent: -1000em; border-left: solid 1px #e3e3e3; border-bottom: solid 1px #fff; }
    #quote-checklist #tools-list .content { border-left: solid 1px #e3e3e3; }
    #quote-checklist #tools-list table { margin-bottom: 25px; }  
    #quote-checklist #tools-list .recommended { width: 166px; padding: 30px 10px 0 0; margin: 10px; text-align: center; background: 0 0 no-repeat url(../images/diy/mitre-10-recommends.png); }
  #quote-checklist table { border-collapse: collapse; }
    #quote-checklist table td { vertical-align: top; }
    #quote-checklist table td.checkbox { width: 24px; }
  #quote-checklist .buttons { padding: 5px; height: 14px; position: absolute; right: 5px; bottom: 5px; }
  #quote-checklist .clearer { height: 0; }