/* product grid - 1 item with product summary floated right */

.product-grid_1 {
   width: 553px;
   height: auto;
   margin: 0 0 0 0;
   padding: 0;
   }

.product-grid_1 .product {
   float: left;
   width: 130px;
   height: auto;
   margin: 0 11px 0 0;
   padding: 0;
   }
   
.product-grid_1 .product-summary-container {
   float: left;
   width: 412px;
   height: auto;
   margin: 0;
   padding: 0;
   }
   
.product-grid_1 img {
   width: 130px;
   height: auto;
   margin-bottom: 2px;
   padding: 0;
   }  

.product-grid_1 img.border-padding {
   width: 124px;
   height: auto;
   padding: 2px;
   margin-bottom: 2px;
   border: 1px solid #e9e9e9;
   }
   

/* product grid - 1 SPECIAL item with product summary floated right */

.product-grid_1-special {
   width: 553px;
   height: auto;
   margin: 0 0 0 0;
   padding: 0;
   }

.product-grid_1-special .product {
   float: left;
   width: 176px;
   height: auto;
   margin: 0 11px 0 0;
   padding: 0;
   }
   
.product-grid_1-special .product-summary-container {
   float: left;
   width: 366px;
   height: auto;
   margin: 0;
   padding: 0;
   }
   
.product-grid_1-special img {
   width: 176px;
   height: auto;
   margin-bottom: 2px;
   padding: 0;
   }  

.product-grid_1-special img.border-padding {
   width: 170px;
   height: auto;
   padding: 2px;
   margin-bottom: 2px;
   border: 1px solid #e9e9e9;
   }
   


/* product grid - 1 MEDIUM item with product summary floated right */

.product-grid_1-med {
   width: 553px;
   height: auto;
   margin: 0 0 0 0;
   padding: 0;
   }

.product-grid_1-med .product {
   float: left;
   width: 230px;
   height: auto;
   margin: 0 20px 0 0;
   padding: 0;
   }

/* product on right */  
.product-grid_1-med .product-right {
   float: left;
   width: 230px;
   height: auto;
   margin: 0 0 0 20px;
   padding: 0;
   }
   
.product-grid_1-med img {
   width: 230px;
   height: auto;
   margin-bottom: 2px;
   padding: 0;
   }
   
.product-grid_1-med img.border-padding {
   width: 224px;
   height: auto;
   margin-bottom: 2px;
   padding: 2px;
   border: 1px solid #e9e9e9;
   }  
   
.product-grid_1-med .product-summary-container {
   float: left;
   width: 300px;
   height: auto;
   margin: 0;
   padding: 0;
   }
   
   
/* product grid - 1 LARGE item with product summary floated right */

.product-grid_1-lrg {
   width: 553px;
   height: auto;
   margin: 0 0 0 0;
   padding: 0;
   }
   
.product-grid_1-lrg img {
   width: 271px;
   height: auto;
   margin-bottom: 2px;
   padding: 0;
   }
   
.product-grid_1-lrg img.border {
   width: 269px;
   height: auto;
   margin-bottom: 2px;
   padding: 0;
   border: 1px solid #e9e9e9;
   }
   
.product-grid_1-lrg img.padding {
   width: 265px;
   height: auto;
   margin: 0;
   padding: 2px;
   }
   
.product-grid_1-lrg img.border-padding {
   width: 265px;
   height: auto;
   margin-bottom: 2px;
   padding: 2px;
   border: 1px solid #e9e9e9;
   }  
   
.product-grid_1-lrg .product {
   float: left;
   width: 271px;
   height: auto;
   margin: 0 11px 0 0;
   padding: 0;
   }
   
.product-grid_1-lrg .product-border {
   float: left;
   width: 269px;
   height: auto;
   margin: 0 11px 0 0;
   padding: 0;
   border: 1px solid #e9e9e9;
   overflow: hidden;
   }
   
.product-grid_1-lrg .product-summary-container {
   float: left;
   width: 271px;
   height: auto;
   margin: 0;
   padding: 0;
   }
   
   
/* product grid - 2 LARGE items no product summary */

.product-grid_2-lrg {
   width: 553px;
   height: auto;
   margin: 0 0 0 0;
   padding: 0;
   }
   
.product-grid_2-lrg .product {
   float: left;
   width: 271px;
   height: auto;
   margin: 0 11px 0 0;
   padding: 0;
   }
   
.product-grid_2-lrg .product-last {
   float: left;
   width: 271px;
   height: auto;
   margin: 0;
   padding: 0;
   }

.product-grid_2-lrg img {
   width: 271px;
   height: auto;
   margin-bottom: 2px;
   padding: 0;
   }
   
.product-grid_2-lrg img.border-padding {
   width: 265px;
   height: auto;
   margin-bottom: 2px;
   padding: 2px;
   border:1px solid #e9e9e9;
   }
   
/* product grid - 2 SPECIAL used for classic wood door panel options */

.product-grid_2-special {
   width: 553px;
   height: auto;
   margin: 0 0 0 0;
   padding: 0;
   }
   
.product-grid_2-special .product {
   float: left;
   width: 254px;
   height: auto;
   margin: 0 11px 0 0;
   padding: 0;
   }
   
.product-grid_2-special .product-last {
   float: left;
   width: 254px;
   height: auto;
   margin: 0;
   padding: 0;
   }

.product-grid_2-special img {
   width: 254px;
   height: auto;
   margin-bottom: 2px;
   padding: 0;
   }
   
.product-grid_2-special img.border-padding {
   width: 248px;
   height: auto;
   margin-bottom: 2px;
   padding: 2px;
   border:1px solid #e9e9e9;
   }
   
   
/* product grid - 2 items with product summary floated right */

.product-grid_2 {
   width: 553px;
   height: auto;
   margin: 0 0 0 0;
   padding: 0;
   }
   
.product-grid_2 img {
   width: 130px;
   height: auto;
   margin-bottom: 2px;
   padding: 0;
   }
   
.product-grid_2 img.border-padding {
   width: 126px;
   height: auto;
   border: 1px solid #e9e9e9;
   margin-bottom: 2px;
   padding: 2;
   }
   
.product-grid_2 .product {
   float: left;
   width: 130px;
   height: auto;
   margin: 0 11px 0 0;
   padding: 0;
   }
   
.product-grid_2 .product-summary-container {
   float: left;
   width: 271px;
   height: auto;
   margin: 0;
   padding: 0;
   }     

/* product grid - 3 items */

.product-grid_3 {
   width: 553px;
   height: auto;
   margin: 0 0 0 0;
   padding: 0;
   }
   
.product-grid_3 img {
   width: 177px;
   height: auto;
   margin-bottom: 2px;
   padding: 0;
   }
   
.product-grid_3 img.border {
   width: 175px;
   height: auto;
   margin-bottom: 2px;
   padding: 0;
   border:1px solid #e9e9e9;
   }
   
.product-grid_3 img.border-padding {
   width: 171px;
   height: auto;
   margin-bottom: 2px;
   padding: 2px;
   border:1px solid #e9e9e9;
   }  
   
.product-grid_3 .product {
   float: left;
   width: 177px;
   height: auto;
   margin: 0 11px 0 0;
   padding: 0;
   }
   
.product-grid_3 .product-last {
   float: left;
   width: 177px;
   height: auto;
   margin: 0;
   padding: 0;
   }

select.door-picker {
   width: 130px;
   border:1px solid #cbcbcb;
   font-size: 10px;
   height: 18px;
}

/* product grid - 4 items */

.product-grid_4 {
   width: 950px;
   height: auto;
   margin: 0 0 0 0;
   padding: 0;
   }

.product-grid_4 .product {
   float: left;
   width: 130px;
   height: auto;
   margin: 0 11px 0 0;
   padding: 0;
   }
   
.product-grid_4 .product-last {
   float: left;
   width: 130px;
   height: auto;
   margin: 0;
   padding: 0;
   }
      
.product-grid_4 img {
   width: 130px;
   height: auto;
   margin-bottom: 2px;
   padding: 0;
   }

.product-grid_4 img.border {
   width: 128px;
   height: auto;
   border: 1px solid #e9e9e9;
   margin-bottom: 2px;
   padding: 0;
   }
   
.product-grid_4 img.border-padding {
   width: 124px;
   height: auto;
   border: 1px solid #e9e9e9;
   margin-bottom: 2px;
   padding: 2px;
   }
   
/* product grid - 5 items */

.product-grid_5 {
   width: 553px;
   height: auto;
   margin: 0 0 0 0;
   padding: 0;
   }
   
.product-grid_5 img {
   width: 102px;
   height: auto;
   margin-bottom: 2px;
   padding: 0;
   }

.product-grid_5 img.border {
   width: 100px;
   height: auto;
   border: 1px solid #e9e9e9;
   margin-bottom: 2px;
   padding: 0;
   }
   
.product-grid_5 img.border-padding {
   width: 96px;
   height: auto;
   border: 1px solid #e9e9e9;
   margin-bottom: 2px;
   padding: 2px;
   }
   
.product-grid_5 .product {
   float: left;
   width: 102px;
   height: auto;
   margin: 0 10px 0 0;
   padding: 0;
   }
   
.product-grid_5 .product-last {
   float: left;
   width: 102px;
   height: auto;
   margin: 0;
   padding: 0;
   }
   

/* product grid - 6 items */

.product-grid_6 {
   width: 553px;
   height: auto;
   margin: 0 0 0 0;
   padding: 0;
   }
   
.product-grid_6 img {
   width: 88px;
   height: auto;
   margin-bottom: 2px;
   padding: 0;
   }
   
.product-grid_6 img.border {
   width: 86px;
   height: auto;
   border: 1px solid #e9e9e9;
   margin-bottom: 2px;
   padding: 0;
   }
   
.product-grid_6 img.border-padding {
   width: 82px;
   height: auto;
   /* border: 1px solid #e9e9e9; */
   border: 1px solid #ddd;
   /* border: 1px solid #ccc; */
   margin-bottom: 2px;
   padding: 2px;
   }  
   
.product-grid_6 .product {
   float: left;
   width: 88px;
   height: auto;
   margin: 0 5px 0 0;
   padding: 0;
   overflow: hidden;
   }
   
.product-grid_6 .product-last {
   float: left;
   width: 88px;
   height: auto;
   margin: 0;
   padding: 0;
   }
   
.product-grid_6 .product-summary-container {
   float: left;
   width: auto;
   height: auto;
   margin: 0;
   padding: 0 0 0 5px;
   }
   
   
/* product grid - 8 items */

.product-grid_8 {
   width: 553px;
   height: auto;
   margin: 0 0 0 0;
   padding: 0;
   }
   
.product-grid_8 img {
   width: 65px;
   height: auto;
   margin-bottom: 2px;
   padding: 0;
   }  
   
.product-grid_8 .product {
   float: left;
   width: 65px;
   height: auto;
   margin: 0 4px 0 0;
   padding: 0;
   }
   
.product-grid_8 .product-last {
   float: left;
   width: 65px;
   height: auto;
   margin: 0;
   padding: 0;
   }