/* ===============================
Style CSS 
Product Catalog
  =============================*/

/* ========================== 
TITLE Style 
============================= */

.NewHeadline {
color:#000000;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:36px;
line-height:36px;
}
.Sub_Title {
color:#000000;
font-family: Arial, Helvetica, sans-serif;
font-size:14pt;
font-weight:normal;
line-height:16pt;
text-align:left;
padding-bottom: 0px;
margin-bottom: 10px;
}
.SeriesName {
color:#0083C6;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
line-height:16px;
padding-bottom: 2px;
}
.product_names {
color:#000000;
font-size:14px;
font-weight:bold;
line-height:16px;
}
.product_names_light {
color:#000000;
font-size:14px;
font-weight:normal;
line-height:16px;
}
/* ========================== 
Box Style 
============================= */
.pro_box {
padding-bottom: 20px;
/* min-height: 112px; */
width: 900px;
float: left;
}
.pro_imagebox {
width:125px;
float:left;
}
.pro_textbox {
float:left;
padding-left: 5px;
}
.pro_buttonbox {
width:150px;
float:left;
}
/* ========================== 
Column Style 
============================= */
.cols .col {
float: left;
display: inline;
width: 47.99%;
margin-left: 3.9%;
}
.cols .col img{
max-width: 120px;
max-height: 213px;
}
.cols .col a:hover img{
border: 5px solid #fff;
border-width: 5px 5px 20px; 
border:1px solid #afbd22;
}
.cols .col.first {
margin-left: 0;
clear:both;
}

/* 3 Column */
.cols.three .col {
width: 31.99%;
margin-left: 1.9%;
float:left;
}
.cols.three .col.first {
margin-left: 0;
}

/* 3 Column -> Home*/
.cols.three.home .col {
/**width: 308px;
margin-left: 19px;
line-height: 1.35;**/
}
.cols.three.home .col.first {
margin-left: 0;
}

.cols .caption {
padding-bottom:20px;
PADDING-LEFT: 2px;
FONT-WEIGHT: bold;
FONT-SIZE: 11px;
COLOR: #373737;
LINE-HEIGHT: 1.2em;
FONT-FAMILY: Arial;
HEIGHT: 30px
}
/* ========================== 
Right WYSIWYG
============================= */
.right_col {
float:right;
}

/* ========================== 
Clearfix
============================= */
.clearfix:after,
form div.item:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix,
form div.item {
display: inline-block; /* IE/Mac */
}
/* Hides from IE-mac \*/
* html .clearfix,
* html form div.item {
height: 1%;
}
/**.clearfix,
form div.item {
display: block;
}**/
/* End hide from IE-mac */

/* ========================== 
Font Style 
============================= */
.product_text {
color:#000000;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
line-height: 16px;
}
.product_text a {
color:#000000;
font-size:12px;
text-decoration:underline;
}
.product_text a:hover {
color:#ff6418;
font-size:12px;
text-decoration:underline;
}

/* ========================== 
Font Style 
============================= */
.Body_Copy {
color:#000000;
font-size:12px;
font-weight:normal;
line-height:16px;
text-align:left;
vertical-align:baseline;
}
.Body_Copy a {
color:#000000;
text-decoration:underline;
}
.Body_Copy a:hover {
color:#ff6418;
text-decoration:underline;
}

/* ========================== 
WISYWIG Box Style 
============================= */
.wisywig_box {
width: 100%;
}
.wisywig_image {
padding: 10px;
}
.wisywig_textbox {
padding-top: 100px;
padding-right: 345px;
padding-bottom: 10px;
padding-left: 20px;
}
.wisywig_textbox p {
font-size: 13px;
color: #FFFFFF;
}
.wisywig_textbox p a {
font-weight: bold;
font-size: 14px;
color: #FFFFFF;
line-height: 1.5em;
text-decoration: none;
}
.wisywig_textbox p a:hover {
color: #ccc;
text-decoration: none;
}
.wisywig_border {
height: 1px;
border-bottom-style:solid;
border-bottom-width:1px;
border-bottom-color: #FFFFFF;
padding-top: 10px;
padding-bottom: 10px;
}
/* ========================== 
Product Catalog Box Style 
============================= */
.pro_box {
padding-bottom: 20px;
width: 900px;
float: left;
}
.pro_imagebox {
width:125px;
float:left;
}
.pro_textbox {
float:left;
padding-left: 5px;
}
.pro_buttonbox {
width:150px;
float:left;
}

/* ========================== 
Font Style 
============================= */
.product_text {
color:#000000;
font-size:12px;
font-weight:normal;
line-height: 16px;
}
.product_text a {
color:#000000;
font-size:12px;
text-decoration:underline;
}
.product_text a:hover {
color:#ff6418;
font-size:12px;
text-decoration:underline;
}


/* ========================== 
Button Style 
============================= */
.btn {
float: left;
clear: both;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
margin-top: 5px;
margin-right: 0;
margin-bottom: 5px;
margin-left: 0;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 2px;
background-image: url(/images/button/btn_left.png);
background-repeat: no-repeat;
}
.btn a{
float: left;
height: 18px;
line-height: 18px;
color: #FFF;
text-decoration: none;
padding-top: 0;
padding-right: 3px;
padding-bottom: 0px;
padding-left: 3px;
text-align: center;
width: auto;
white-space: nowrap;
background-image: url(/images/button/btn_stretch.png);
background-repeat: repeat-x;
background-position: left top;
}
.btn span {
float: left;
width: 9px;
height: 18px;
background-image: url(/images/button/btn_right.png);
background-repeat: no-repeat;
}
.btn_go {
background-color: #616266;
float: right;
}
.btn_go:hover{
background-color: #ff6418;
}
.btn .left {
float: left;
width: 9px;
height: 18px;
background-image: url(/images/button/btn_right.png);
background-repeat: no-repeat;
}
.btn_product {
background-color: #616266;
}
.btn_product:hover{
background-color: #ff6418;
}

/* ========================== 
Table Style Type1 
============================= */
#tablebox_type1 {
width:100%;
font-family: Arial, Helvetica, sans-serif;
line-height: 16px;
font-size: 13px;
}
#tablebox_type1 .topRow {
width:10%;
background-color:#eeeeee;
text-align: center;
padding: 5px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #999999;
vertical-align: bottom;
font-size: 14px;
}
#tablebox_type1 .rightRow {
width:15%;
background-color:#eeeeee;
text-align: center;
padding: 5px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #999999;
vertical-align: middle;
font-size: 14px;
}
#tablebox_type1 .leftRow {
width: 70%;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #999999;
vertical-align: text-top;
padding: 5px;
}
#tablebox_type1 .lastRow {
padding: 5px;
}
#tablebox_type1 .bordernone {
border-bottom-style: none;
}
#tablebox_type1 .titleRow {
background-color:#0083C6;
padding: 5px;
font-size: 13px;
font-weight: bold;
color: #FFFFFF;
}
#tablebox_type1 .right {
text-align: center;
}
#tablebox_type1 .product_titles {
font-size:14px;
line-height:16px;
}
#tablebox_type1 .images {
padding: 5px;
}
#tablebox_type1 .energylogo {
float: left;
width: 60px;
}
#tablebox_type1 .energytext {
float: right;
width: 820px;
}
#tablebox_type1 .energytext p {
margin: 0;
}

/* ========================== 
Table Style Type2 
============================= */
#tablebox_type2 {
width:100%;
font-family: Arial, Helvetica, sans-serif;
line-height: 16px;
font-size: 13px;
}
#tablebox_type2 .topRow {
//width:10%;
background-color:#eeeeee;
text-align: center;
padding: 5px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #999999;
vertical-align: bottom;
font-size: 14px;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #999999;
}
#tablebox_type2 .topRowNoBorder {
//width:10%;
background-color:#eeeeee;
text-align: center;
padding: 5px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #999999;
vertical-align: bottom;
font-size: 14px;
}

#tablebox_type2 .rightRow {
width:5%;
background-color:#eeeeee;
text-align: center;
padding-top: 15px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #999999;
vertical-align: top;
font-size: 14px;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #999999;
}
#tablebox_type2 .rightRowNoBorder {
width:5%;
background-color:#eeeeee;
text-align: center;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #999999;
vertical-align: middle;
font-size: 14px;
vertical-align: top;
padding-top: 15px;
}

#tablebox_type2 .leftRow {
width: 60%;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #999999;
vertical-align: text-top;
padding: 5px;
}
#tablebox_type2 .lastRow {
padding: 5px;
}
#tablebox_type2   .bordernone {
border-bottom-style: none;
}
#tablebox_type2 .titleRow {
background-color:#0083C6;
padding: 5px;
font-size: 13px;
font-weight: bold;
color: #FFFFFF;
}
#tablebox_type2 .right {
text-align: center;
}
#tablebox_type2 .product_titles {
font-size:14px;
line-height:16px;
}
#tablebox_type2 .images {
padding: 5px;
}
#tablebox_type2 .energylogo {
float: left;
width: 60px;
}
#tablebox_type2 .energytext {
float: right;
width: 820px;
}
#tablebox_type2 .energytext p {
margin: 0;
}