/*------------------------------------------------
BOX
------------------------------------------------*/
.box { margin:0px 0px 10px 0px; width:auto }

.box .head { background: url(../images/elements/box-head-mid.jpg) repeat-x left top; height:39px }
.box .head div.left { background: url(../images/elements/box-head-left.jpg) no-repeat left top; padding-left:5px; /* to show the left corner*/ display: block; float: none; width:auto; height:39px }
.box .head span.right { background: url(../images/elements/box-head-right.jpg) no-repeat right top; display: block; float: none; height:39px; padding:0 10px 0 5px }
.box .head h3 { color:red; line-height:39px; float:left; margin:0 }
.box .head .divider { float:right; margin:0px; width:22px; height:39px; background:url(../images/elements/box-head-divider.jpg) no-repeat left top  }
.box .head a { float:right; color:red; line-height:39px; margin-left:5px; font-size:11px }
.box .head a:hover { color:red }

.box .category {background: #FFF url(../images/elements/box-category.jpg) repeat-x center bottom; height:120px; border-left:1px solid #CCC; border-right:1px solid #CCC; border-bottom:1px solid #CCC; padding:10px 10px 0px 10px; }
.box .category h4 {color:#666; margin-bottom:8px}
.box .category div.image { float:left; width:60px; height:80px; /*background-image: url(../images/elements/placeholder-image-productCategoryMenu.jpg); */display:block; margin-right:5px;}

.box .category div.image a {font-weight:normal;font-size:11px; text-decoration:none; background:none; display:block; line-height: 13px; color:#007195; text-align:left; margin: 0; padding:0; white-space:nowrap; }

.box .category div.links { float:left; display:block }
.box .category a {font-weight:normal;font-size:11px; text-decoration:none; background:url(../images/elements/nav-sub-bullet-blue.gif) no-repeat 2px 5px; display:block; line-height: 13px; color:#007195; text-align:left; margin: 0; padding:0 10px 5px 12px; white-space:nowrap; }
.box .category a:hover { color:#F60; text-decoration:underline }

.box .searchProducts {width:878px; background: #FFF url(../images/elements/box-category.jpg) repeat-x center bottom; height:45px; border-left:1px solid #CCC; border-right:1px solid #CCC; border-bottom:1px solid #CCC; padding:10px 10px 0px 10px; }


.box .body  { border-bottom:1px solid #CCC; border-left:1px solid #CCC; border-right:1px solid #CCC; padding:5px 5px 0px 5px; height:auto;width:auto; background-color:#FFF;float:none;}
.box .body a.image { height:130px; width:150px; margin-right:7px; float:left }
.box .body .text { font-size:11px; float:none}
.box .body h4 { margin:0}
.box .body a { float:none }
.box .body a:hover { }

.box .base {height:5px; clear:left; margin:0; padding:0; font-size:1px }

/*------------------------------------------------
CONTENT BOX LAYOUT
------------------------------------------------*/
table.contentBoxLayout {width:900px; border:0 } 
table.contentBoxLayout td {width:100%; vertical-align:top}
table.contentBoxLayout td .box { width:900px }
table.contentBoxLayout td .box .body  { width:868px; border-left:1px solid #CCC; border-right:1px solid #CCC; padding:15px 15px 0px 15px; height:auto;}
table.contentBoxLayout td .box .body .text { font-size:12px; width:100%;padding-bottom:20px;}
table.contentBoxLayout td .box .body h4 { margin-bottom:10px; }
table.contentBoxLayout .box .base {background:url(../images/elements/box-base-bottom900px.jpg) no-repeat center bottom; }

table.contentBoxLayout table.categoryLayout {width:100%; border:0 } 
table.contentBoxLayout table.categoryLayout td {width:20%; vertical-align:top}


.productItem { width:161px; height:205px; text-align:center; float:left; margin:5px; padding-top:10px; background-color:#FFF; border:1px solid white;
	border-radius: 6px; 
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
	behavior: url(border-radius.htc);
}
.productItem:hover {border:1px solid #87D1D3;background:#FFF url(../images/elements/productItem-hover.jpg) repeat-x center bottom; }
.productItem a:hover {color:#F60; }

/*------------------------------------------------
RETAILERS
------------------------------------------------*/
.retailers { width:165px; height:125px; text-align:left; float:left; margin:5px; padding:20px; background-color:#FFF; border:1px solid white;
	border-radius: 6px; 
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
	behavior: url(border-radius.htc);
}
.retailers:hover {border:1px solid #87D1D3;background:#FFF url(../images/elements/productItem-hover.jpg) repeat-x center bottom; }
.retailers h4 { }
.retailers ul { color:#999}
.retailers li { }

/*------------------------------------------------
TEASER BOX LAYOUT
------------------------------------------------*/
/* 1 Column */
table.teaserBoxLayout1 {width:900px; border:0 } 
table.teaserBoxLayout1 td {width:100%; vertical-align:top}
table.teaserBoxLayout1 td .box { width:900px }
table.teaserBoxLayout1 td .box .body { float:none } 
table.teaserBoxLayout1 td .box .body .text { width:730px}
table.teaserBoxLayout1 .box .base {background:url(../images/elements/box-base-bottom900px.jpg) no-repeat center bottom; }
/* 2 Column */
table.teaserBoxLayout2 {width:900px; border:0 } 
table.teaserBoxLayout2 td {width:50%; vertical-align:top}
table.teaserBoxLayout2 td .box { width:443px }
table.teaserBoxLayout2 td .box .body { float:none } 
table.teaserBoxLayout2 td .box .body .text { width:272px }
table.teaserBoxLayout2 .box .base {background:url(../images/elements/box-base-bottom443px.jpg) no-repeat center bottom;  }
/* 3 Column */
table.teaserBoxLayout3 {width:900px; border:0 } 
table.teaserBoxLayout3 td {width:33%; vertical-align:top}
table.teaserBoxLayout3 td .box { width:293px }
table.teaserBoxLayout3 td .box .body { float:none } 
table.teaserBoxLayout3 td .box .body .text { width:123px }
table.teaserBoxLayout3 .box .base {background:url(../images/elements/box-base-bottom293px.jpg) no-repeat center bottom;  }