/* JH - generic 4 columns Homepage */

/* DIV layout */
.columns { display: block; width: 760px; margin:0px auto;}


.eachcolumn h2 a:link { color: #fff; font-size: 13px; text-decoration: none; }
.eachcolumn h2 a:visited { color: #fff; font-size: 13px; text-decoration: none; }
.eachcolumn h2 a:hover { color: #fff; font-size: 13px; text-decoration: underline; }
.eachcolumn h2 a:active { color: #fff; font-size: 13px; text-decoration: none; padding-left: 0px; font-weight: bold;}

.eachcolumn .btn_link { height:26px; text-align: center; font-weight: bold; color: #fff; font-size: 12px; padding: 5px; background: url(/graphics/global/btn_blue_136x26.jpg) top center no-repeat #fff; }
.eachcolumn .btn_link a:link { color: #fff; font-weight: bold; font-size: 12px; text-decoration: none; }
.eachcolumn .btn_link a:visited { color: #fff; font-weight: bold; font-size: 12px; text-decoration: none; }
.eachcolumn .btn_link a:hover { color: #fff; font-weight: bold; font-size: 12px; text-decoration: underline; }
.eachcolumn .btn_link a:active { color: #FAE65A; font-weight: bold; font-size: 12px; text-decoration: none; padding-left: 0px; }

.eachcolumn .eachcolumnbody p { padding: 10px 6px 10px 6px; }
.eachcolumn .eachcolumnbodyicons { text-align: center; padding-bottom: 7px; }

/* ############# 2 Columns #############  */
.two .eachcolumn, .two2x .eachcolumn { width: 370px; float:left; }
.two .marleft, .two2x .marleft {  margin: 0px 0px 0px 12px; }
.two .eachcolumn h2 { width:370px; height:25px; background:url(/graphics/global/product_cat_header_2col.jpg) top center no-repeat #fff; text-align:center; padding: 10px 0px 0px 0px; margin: 0px 0px 0px 0px; }
.two2x .eachcolumn h2 { width:370px; height:34px; background:url(/graphics/global/product_cat_header_2col2x.jpg) top center no-repeat #fff; text-align:center; padding: 10px 0px 0px 0px; margin: 0px 0px 0px 0px; }
.two .eachcolumn .imgHeader, .two2x .eachcolumn .imgHeader { width: 370px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: none; }
.two .eachcolumn img, .two2x .eachcolumn img { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: none; }
.two .eachcolumn .eachcolumnbody, .two2x .eachcolumn .eachcolumnbody { width:368px; border-left:1px solid #CCE3EF; border-right:1px solid #CCE3EF; border-bottom:1px solid #CCE3EF; border-top: 0px solid #CCE3EF; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }

/* ############# 3 Columns #############  */
.three .eachcolumn, .three2x .eachcolumn { width: 250px; float:left; }
.three .marleft, .three2x .marleft {  margin: 0px 0px 0px 4px; }
.three .eachcolumn h2 { width:250px; height:25px; background:url(/graphics/global/product_cat_header_3col.jpg) top center no-repeat #fff; text-align:center; padding: 10px 0px 0px 0px; margin: 0px 0px 0px 0px; }
.three2x .eachcolumn h2 { width:250px; height:34px; background:url(/graphics/global/product_cat_header_3col2x.jpg) top center no-repeat #fff; text-align:center; padding: 10px 0px 0px 0px; margin: 0px 0px 0px 0px; }
.three .eachcolumn .imgHeader, .three2x .eachcolumn .imgHeader { width: 250px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: none; }
.three .eachcolumn img, .three2x .eachcolumn img { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: none; }
.three .eachcolumn .eachcolumnbody, .three2x .eachcolumn .eachcolumnbody { width:248px; border-left:1px solid #CCE3EF; border-right:1px solid #CCE3EF; border-bottom:1px solid #CCE3EF; border-top: 0px solid #CCE3EF; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }

/* ############# 4 Columns #############  */
.four .eachcolumn, .four2x .eachcolumn { width: 180px; float:left; }
.four .marleft, .four2x .marleft {  margin: 0px 0px 0px 12px; }
.four .eachcolumn h2 { width:180px; height:25px; background:url(/graphics/global/product_cat_header_4col.jpg) top center no-repeat #fff; text-align:center; padding: 10px 0px 0px 0px; margin: 0px 0px 0px 0px; }
.four2x .eachcolumn h2 { width:180px; height:34px; background:url(/graphics/global/product_cat_header_4col2x.jpg) top center no-repeat #fff; text-align:center; padding: 10px 0px 0px 0px; margin: 0px 0px 0px 0px; }
.four .eachcolumn .imgHeader, .four2x .eachcolumn .imgHeader { width: 180px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: none; }
.four .eachcolumn img, .four2x .eachcolumn img { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: none; }
.four .eachcolumn .eachcolumnbody, .four2x .eachcolumn .eachcolumnbody { width:178px; border-left:1px solid #CCE3EF; border-right:1px solid #CCE3EF; border-bottom:1px solid #CCE3EF; border-top: 0px solid #CCE3EF; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }

.clear { clear: both; }