.breadcrumb-main { margin:0px auto; width:1002px; background:#f2f4f3; text-transform:uppercase; font-family: 'Open Sans', sans-serif;}
.breadcrumb { margin:0px auto; height:60px; line-height:60px; padding-left:65px; font-size:16px; color:#51442b; background:url(../images/breadcrumb-line.jpg) 20px center no-repeat;}
.breadcrumb span.arrow { color:#51442b; padding:0px 7px;}
.breadcrumb a { color:#51442b;}
.breadcrumb a:hover { color:#000;}

.content-main { margin:30px auto; width:1002px; min-height:400px; background:#fff; -webkit-box-shadow: 0px 0px 10px 0 #ccc; -moz-box-shadow: 0px 0px 10px 0 #ccc; box-shadow: 0px 0px 10px 0 #ccc;}
.content { margin:0px auto; width:962px; padding:20px;}
.content h1 { margin:0px; padding:0px; font-family: 'Open Sans', sans-serif; font-size:22px; color:#444; font-weight:normal; text-transform:uppercase;}
.content h3 { margin:20px 0px 0px 0px; padding:0px 0px 5px 0px; font-family: 'Open Sans', sans-serif; font-size:17px; color:#444; font-weight:normal; text-transform:uppercase; border-bottom:1px solid #444;}

.left-pro-nav-main { float:left; width:27%; border:1px solid #e1e1e1;}

.left-pro-nav-main ul.left-pro-nav { margin:0px; padding:0px; list-style-type:none;}
.left-pro-nav-main ul.left-pro-nav li { border-bottom:1px solid #e1e1e1;}
.left-pro-nav-main ul.left-pro-nav li a { display:block; padding:10px 10px 10px 30px; text-transform:uppercase; font-size:14px; color:#38393a; background:url(../images/left-pro-nav-arrow.png) #f2f4f3 12px 15px no-repeat;}
.left-pro-nav-main ul.left-pro-nav li a:hover { color:#000; padding:10px 10px 10px 35px; background:url(../images/left-pro-nav-arrow.png) #f2f4f3 22px 15px no-repeat;}
.left-pro-nav-main ul.left-pro-nav li a.active { color:#ddd; background:url(../images/left-pro-nav-arrow-down-white.png) #142F5C 12px 15px no-repeat;}

.left-pro-nav-main ul.left-pro-nav li ul.sub1 { padding:0px 20px; margin:0px; list-style-type:none; background:#e9e9e9;}
.left-pro-nav-main ul.left-pro-nav li ul.sub1 li { border-bottom:0px solid #e1e1e1;}
.left-pro-nav-main ul.left-pro-nav li ul.sub1 li a { display:block; padding:7px 10px 7px 30px; text-transform:none; font-size:14px; color:#38393a; background:url(../images/left-pro-nav-arrow.png) 12px 12px no-repeat;}
.left-pro-nav-main ul.left-pro-nav li ul.sub1 li a:hover { color:#000; padding:7px 10px 7px 35px; background:url(../images/left-pro-nav-arrow.png) 22px 12px no-repeat;}
.left-pro-nav-main ul.left-pro-nav li ul.sub1 li a.active { color:#000; background:url(../images/left-pro-nav-arrow-down.png) 12px 12px no-repeat;}

.left-pro-nav-main ul.left-pro-nav li ul.sub1 ul.sub2 { padding:5px 20px; margin:0px; list-style-type:none; background:#fff;}
.left-pro-nav-main ul.left-pro-nav li ul.sub1 ul.sub2 li { border-bottom:0px solid #e1e1e1;}
.left-pro-nav-main ul.left-pro-nav li ul.sub1 ul.sub2 li a { display:block; padding-left:30px; text-transform:none; font-size:12px; color:#38393a; background:url(../images/left-pro-nav-square.png) 12px 12px no-repeat;}
.left-pro-nav-main ul.left-pro-nav li ul.sub1 ul.sub2 li a:hover { color:#000; background:url(../images/left-pro-nav-squaren.png) 22px 12px no-repeat;}
.left-pro-nav-main ul.left-pro-nav li ul.sub1 ul.sub2 li a.active { color:#000; background:url(../images/left-pro-nav-arrow-down.png) 12px 12px no-repeat;}

.right-pro-listing { float:right; width:70%;}
.right-pro-listing .pro-list-panel { position:relative; margin:0px 0px 10px 0px;}
.right-pro-listing .pro-list-panel .view-more { position:absolute; right:13px; top:8px; font-family: 'Open Sans', sans-serif; font-size:16px; color:#444;}
.right-pro-listing .pro-list-panel .view-more a { color:#444; padding-left:30px; background:url(../images/product-list-viewmore-line.jpg) left center no-repeat;}
.right-pro-listing .pro-list-panel .view-more a:hover { color:#000; margin-right:10px;}
.right-pro-listing .pro-list-panel h2 { font-family: 'Open Sans', sans-serif; font-size:20px; color:#444; font-weight:normal; background: #f2f2f2; border: 1px solid #ccc; margin: 0 0 15px; padding: 5px 10px;}
.right-pro-listing .pro-list-panel ul.product-list { margin:0px; padding:0px; list-style-type:none;}
.right-pro-listing .pro-list-panel ul.product-list li { float:left; margin-right:35px; margin-bottom:30px; width:313px; position:relative; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.right-pro-listing .pro-list-panel ul.product-list li:nth-child(2n) { margin-right:0px;}
.right-pro-listing .pro-list-panel ul.product-list li .thumb { height:313px; overflow:hidden; margin:0px auto 15px auto; text-align:center;}
.right-pro-listing .pro-list-panel ul.product-list li .thumb img { max-height:313px !important;}
.right-pro-listing .pro-list-panel ul.product-list li .thumb:hover {}
.right-pro-listing .pro-list-panel ul.product-list li .label { background:#e9e9e9; text-align:center; height:36px; line-height:36px;}
.right-pro-listing .pro-list-panel ul.product-list li:hover a { color:#000;}
.right-pro-listing .pro-list-panel ul.product-list li img { -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -ms-transition: all 1s ease; /* IE 9 */
    -o-transition: all 1s ease; /* Opera */
    transition: all 1s ease;}
.right-pro-listing .pro-list-panel ul.product-list li:hover img { -webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.10); /* Firefox */
    -ms-transform:scale(1.10); /* IE 9 */
    -o-transform:scale(1.10); /* Opera */
     transform:scale(1.10);}

.right-pro-listing .pro-list-panel ul.product-list li .caption { background-color1: rgba(33,72,143,0.2); position: absolute; color: #fff; z-index: 100;
	-webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out; left: 0;
}
.right-pro-listing .pro-list-panel ul.product-list li .fade-caption { opacity: 0; width: 100%; height:313px; background-image: url(../images/zoom.png); background-position: center center; background-repeat: no-repeat; }
.right-pro-listing .pro-list-panel ul.product-list li:hover .fade-caption { opacity: 1; display:block; width:313px; height:313px; text-align:center; vertical-align:middle; }

/* Start News */
.content ul.news { margin:0px; padding:0px; list-style-type:none;}
.content ul.news li { padding:30px 0px;}
.content ul.news li h2 { margin:0px; padding:0px; font-family: 'Open Sans', sans-serif; font-size:22px; line-height:28px; color:#152d5d; font-weight:normal; text-transform:uppercase;}
.content ul.news li div .thumb-left { float:left; width:480px; position:relative; margin-right:30px;}
.content ul.news li div .thumb-left .arrow { position:absolute; right:0; top:0; width:23px; z-index:3;}
.content ul.news li div .thumb-right { float:right; width:480px; position:relative; margin-left:30px;}
.content ul.news li div .thumb-right .arrow { position:absolute; left:0; top:0; width:23px; z-index:3;}
.content ul.news li div .news-data { float:right; width:45%;}
.content ul.news li div .news-line { margin-top:37px;}
.content ul.news li a { display1:none;}
.content ul.news li a { border:1px solid #000; color:#444; padding:5px 15px; font-size:16px; margin-top:10px;}
.content ul.news li a:hover { color:#fff; background:#142F5C; border:1px solid #142F5C;}

.news-pagging { margin:0px auto; text-align:right; width:100%;}
#pagination { margin:0px auto; line-height:30px; padding:15px 10px 15px 0px; text-align:center; border:1px solid #787878; color:#000000;}
#pagination .showing { line-height:30px; padding:15px 10px 15px 15px; margin-right:10px; background:#f2f4f3; color:#828186;}
#pagination a { font-size:80%; border:1px solid #ccc; background:#f2f4f3; padding:3px 8px; margin-right:5px;}
#pagination a:hover, #pagination a.active { border:1px solid #142F5C; background:#142F5C; color:#fff;}
/* End News */

.product-gallery { float:left; width1:690px;}

.product-data { float:right; width:470px; text-align:left;}
.product-attributes { margin:40px 0px 10px 0px; padding:10px 0px; border-top:2px solid #f2f4f3; border-bottom:2px solid #f2f4f3;}
.pro-attri-data { padding:1px 15px 8px 15px; font-family: 'Open Sans', sans-serif; font-size:19px; color:#444; text-transform:uppercase; background:#f9f9f9;}
.pro-attri-data p { line-height:22px;}
.pro-attri-data p span { color:#828186; padding-left:7px; font-family: 'Lora', serif; font-size:20px;}
p a.share { display:none; line-height:40px; margin-top:10px; text-transform:none; color:#444; padding:5px 40px 5px 10px; border:1px solid #444444; background:url(../images/share-icon.png) right center no-repeat;}

/* Start Contact */
.contact-line { font-family: 'Merriweather', sans-serif; font-size:16px; color:#828186; margin-bottom:40px;}
.col { font-size:20px; color:#444;}
.col01 { float:left; width:48%;}
.col02 { float:right; width:48%;}
.colspacer { height:25px; display:block;}
.col label { margin-bottom:7px; display:block; font-size:14px;}
form.contact-form input, form.contact-form select { padding:1% 2%; border:1px solid #919292; background:#f2f4f3;}
form.contact-form textarea { border:1px solid #919292; background:#f2f4f3;}
form.contact-form .button { float:right; border:1px solid #444; padding:7px 15px !important; width:100px; background:#fff; cursor:pointer; text-transform:uppercase; color:#444; font-size:18px; text-align:center;}
form.contact-form .button:hover { color:#fff; border:1px solid #142F5C !important; background:#142F5C !important; padding:7px 15px !important;}

.content ul.contact { margin:0px; padding:0px; list-style-type:none;}
.content ul.contact li { padding:30px 0px;}
.content ul.contact li div .thumb-left { float:left; position:relative;}
.content ul.contact li div .thumb-left .arrow { position:absolute; right:0; top:0; width:23px; z-index:3;}
.content ul.contact li div .contact-right { float:left; padding-top:92px; position:relative; color:#444; margin-left:75px; font-size:17px; text-align:left; background:url(../images/news-line.jpg) left 60px no-repeat;}
.content ul.contact li div .contact-right h2 { margin:0px 0px 20px 0px; padding:0px; font-size:18px; color:#444; font-weight:normal; text-transform:uppercase;}
.content ul.contact li div .contact-line { margin:60px 0px 30px 0px;}
.content ul.contact li div .contact-right p { line-height:36px;}

.txtwidth { width:96%;}
.txtwidthhalf { width:46%;}
.drplong { width:100%;}
.drpshort { width:auto;}
.txtremark { width:96%; padding:1% 2%;}
/* End Contact */

.attri-tbl { margin:30px 0px 0px 0px;}
.attri-tbl { margin-bottom:25px;}
.attri-tbl .lable { width:45%; padding-right:70px; padding-bottom:12px;}
.attri-tbl .data { width:55%; color:#000; padding-bottom:12px;}

ul.colors { margin:0px; padding:0px; list-style-type:none;}
ul.colors li { display:inline-block; width:40px; height:40px; margin:0px 25px 25px 0px;}
ul.colors li.color13 { background:#363437;}
ul.colors li.color12 { background:#1f2021;}
ul.colors li.color11 { background:#666f6e;}
ul.colors li.color10 { background:#53595d;}
ul.colors li.color09 { background:#b7b8b2;}
ul.colors li.color08 { background:#c9ceca;}
ul.colors li.color07 { background:#ebeae6;}
ul.colors li.color06 { background:#ecede8;}
ul.colors li.color05 { background:#1d1f24;}
ul.colors li.color04 { background:#1f2531;}
ul.colors li.color03 { background:#605f62;}
ul.colors li.color02 { background:#b3afa4;}
ul.colors li.color01 { background:#eff4ee;}

ul.pro-feature-icons { margin:15px 0px 0px 0px; padding:0px; list-style-type:none;}
ul.pro-feature-icons li { display:inline-block; width:48px; height:48px; margin:0px 25px 0px 0px; position: relative;
	background: #dddddd;
	border: 1px solid #b2b1b4;}
/**
 * Tooltip Styles
 */

/* Base styles for the element that has a tooltip */
[data-tooltip],
.tooltip {
  position: relative;
  cursor: pointer;
}

/* Base styles for the entire tooltip */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after {
  position: absolute;
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: 
      opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    -moz-transition:    
        opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        -moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    transition:         
        opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform:    translate3d(0, 0, 0);
  transform:         translate3d(0, 0, 0);
  pointer-events: none;
}

/* Show the entire tooltip on hover and focus */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* Base styles for the tooltip's directional arrow */
.tooltip:before,
[data-tooltip]:before {
  z-index: 1001;
  border: 6px solid transparent;
  background: transparent;
  content: "";
}

/* Base styles for the tooltip's content area */
.tooltip:after,
[data-tooltip]:after {
  z-index: 1000;
  padding: 7px 15px;
  background-color: #ddd;
  background-color: rgba(221, 221, 221, 1);
  color: #000;
  content: attr(data-tooltip);
  font-size: 13px;
  line-height: 1.2;
  text-transform:uppercase;
  font-family: 'Open Sans', sans-serif;
  border1:1px solid #b2b1b4;
}

/* Directions */

/* Horizontally align top/bottom tooltips */
[data-tooltip]:after,
.tooltip:after,
.tooltip-top:after {
  margin-left:-20px;
}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after,
.tooltip-top:hover:before,
.tooltip-top:hover:after,
.tooltip-top:focus:before,
.tooltip-top:focus:after {
  -webkit-transform: translateY(-12px);
  -moz-transform:    translateY(-12px);
  transform:         translateY(-12px); 
}

/* Bottom */
.tooltip-bottom:before,
.tooltip-bottom:after {
  top: 230%;
  bottom: auto;
  left: 40%;
}

.tooltip-bottom:before {
  margin-top: -12px;
  margin-bottom: 0;
  border-top-color: transparent;
  border-bottom-color: #ddd;
  border-bottom-color: rgba(221, 221, 221, 1);
}

.tooltip-bottom:hover:before,
.tooltip-bottom:hover:after,
.tooltip-bottom:focus:before,
.tooltip-bottom:focus:after {
  -webkit-transform: translateY(12px);
  -moz-transform:    translateY(12px);
  transform:         translateY(12px); 
}