﻿/* Layout */
body{margin: 0 auto; background:#020100;}
td{vertical-align:top;}
/*Layout Styles*/
#page{width:100%; margin: 0 auto; border-top:9px solid #ee8322;}
.home #page, .internal #page{background: transparent url('../img/home_BKG.jpg') no-repeat top center; min-height:318px; }
/*.internal #page{background: transparent url('../img/inside_BKG.jpg') no-repeat top center; min-height:318px; }*/
#page-nav{position:relative; top:-9px; width:772px; margin: 0 auto;}
#page-nav ul, #page-nav li{margin: 0; padding: 0; list-style: none; }
#page-nav a{text-decoration:none; color:black;}
#page-nav ul.lvl0{}
#page-nav ul.lvl0 li{float:left;padding-left:4px; background: transparent url('../img/Nav_L.png') no-repeat left; height:48px;}
#page-nav ul.lvl0 li a{display:block; padding-right:4px; height:48px; background: transparent url('../img/Nav_R.png') no-repeat right;}
#page-nav ul.lvl0 li a span{ padding-left:5px; padding-right:3px; display:block; height:48px; line-height: 48px; background: transparent url('../img/Nav_strip.png') repeat-x;  font-weight:bold; font-size:13px;}
#page-nav ul.lvl0 li a span img{position:relative; top: 4px; left:-2px;}
#page-nav ul.lvl0 li:hover,#page-nav ul.lvl0 li.active{background: transparent url('../img/Nav_L_h.png') no-repeat left; }
#page-nav ul.lvl0 li:hover a, #page-nav ul.lvl0 li.active a{ background: transparent url('../img/Nav_R_h.png') no-repeat right;}
#page-nav ul.lvl0 li:hover a span, #page-nav ul.lvl0 li.active a span{background: transparent url('../img/Nav_strip_h.png') repeat-x;}
.home #page-head{height:215px;}
#head-logo{float:left; margin-left:30px; width:289px;padding-top:30px;}
#head-video{float:left;margin-left:60px; width:341px; padding-top:10px; padding-bottom:10px;}
#page-body{clear:both;}
#body-wrap{width:100%;}
#body-wrap td.l{padding-left:8px;background: transparent url('../img/body_container_L_strip.png') repeat-y right;}
#body-wrap td.r{padding-right:8px;background: transparent url('../img/body_container_R_strip.png') repeat-y left;}
#body-wrap td.m{width:100%; vertical-align: top;}
#wrap-top td.l{background: transparent url('../img/body_container_top_L.png') no-repeat right top; height: 177px; }
#wrap-top td.m{background: white url('../img/body_container_top_strip.png') repeat-x top; height:177px; vertical-align: top }
#wrap-top td.r{background: transparent url('../img/body_container_top_R.png') no-repeat left top; height: 177px; }
#wrap-btm td.l{ background: transparent url('../img/body_container_btm_L.png') no-repeat top right;}
#wrap-btm td.m{height:8px; background: transparent url('../img/body_container_btm_strip.png') repeat-x top;}
#wrap-btm td.r{background: transparent url('../img/body_container_btm_R.png') no-repeat top left;}
#body-left{width: 285px;margin-left:7px; float: left; min-height:1px; margin-top:12px;}
#left-wrap{margin-bottom:10px;}
#left-wrap td.l{padding-left:7px;}
#left-wrap td.r{padding-right:7px;}
#left-wrap td.m{width:100%;}
#left-wrap td{height:7px!important; width:7px!important;}
#lwrap-top td.l{background: transparent url('../img/wht_container_top_L.png') no-repeat bottom right!important; height:7px; }
#lwrap-top td.m{background: transparent url('../img/wht_container_top_strip.png') repeat-x bottom!important; height:7px; }
#lwrap-top td.r{background: transparent url('../img/wht_container_top_R.png') no-repeat bottom left!important;height:7px; }
#lwrap-mid td.l{background: transparent url('../img/wht_container_L_strip.png') repeat-y right!important;}
#lwrap-mid td.m{background: white; width:100%!important; padding: 10px 5px;}
#lwrap-mid td.r{background: transparent url('../img/wht_container_R_strip.png') repeat-y left!important;}
#lwrap-btm td.l{ background: transparent url('../img/wht_container_btm_L.png') no-repeat top right!important;height:7px;}
#lwrap-btm td.m{height:7px; background: transparent url('../img/wht_container_btm_strip.png') repeat-x top!important;height:7px;}
#lwrap-btm td.r{background: transparent url('../img/wht_container_btm_R.png') no-repeat top left!important;height:7px;}
#body-right{width:450px; margin-top:10px; margin-left:10px; padding: 10px 0; float:left; min-height:1px;}
#body-full{clear:both;margin-bottom:10px; padding: 0 20px;}
#body-foot{position: relative; padding: 15px 10px 0; background: transparent url('../img/foot-bg.jpg') no-repeat top;}
#foot-left{float:left;}
#foot-right{float:right; }
#foot-left ul{margin: 0; padding: 0;}
#foot-left ul  li, #foot-right p{color:#4C4C4C;}
#foot-left ul  li, #foot-left ul li a, #foot-right p{margin: 0; padding: 0; list-style:none; font-size:10px; line-height: 16px;}
#foot-left a{color:#640304;}
#foot-right ul.foot-nav{position:absolute; bottom: 0; right: 10px;	margin: 0; padding: 0;}
#foot-right ul.foot-nav li{ margin:0; padding: 0; float:left; list-style:none; border-left:1px solid #4C4C4C; height:10px; line-height: 8px; margin-right: 5px; padding-left:5px}
#foot-right ul.foot-nav li:first-child{border:0;}
#foot-right ul.foot-nav li a{color:#4C4C4C; text-decoration:none; font-size:10px;}
#right-left{float:left; width:220px;}
#right-right{float:right; width:220px;}

.product{background: url('../img/product-bg.jpg') no-repeat; height:96px;padding:10px; position:relative;}
.product .detail-btn{background: url('../img/btn_detials.png') no-repeat; width:64px; height:20px; display:block; text-indent:-5000px;}
.product .download-btn{background: url('../img/btn_download.png') no-repeat; width:92px; height:23px; display:block; text-indent:-5000px;}
.product img.new{position:absolute; top:2px; left:2px; z-index:10;}
.product .product-img{float:left;}
.product h3{float:left; padding-left:5px;width:85px; font-size:10px!important; margin: 10px 0 0!important; color:#FF4500!important; white-space:nowrap;}
.product .sub{float:left; padding-left:5px;width:85px;font-size:9px!important; color:#FF4500!important;white-space:nowrap;}
.product .detail-btn{position:absolute; bottom: 30px; right:10px}
.product .download-btn{position:absolute; bottom: 30px; right:10px}
.video-thumb{background: url('../img/product-bg.jpg') no-repeat; height:96px;padding:10px; position:relative;}
.video-thumb .btn{background: url('../img/btn_detials.png') no-repeat; width:64px; height:20px; display:block; text-indent:-5000px;}
.video-thumb img.new{position:absolute; top:2px; left:2px; z-index:10;}
.video-thumb .product-img{float:left;}
.video-thumb h3{float:left; padding-left:10px;width:105px; font-size:13px!important; margin: 0!important; color:#FF4500!important;}
.video-thumb .sub{float:left; padding-left:10px;width:105px;font-size:13px!important; color:#FF4500!important;}
.video-thumb .btn{position:absolute; bottom: 25px; right:10px}

.product-detail-img{width: 220px;padding-right:10px; float:left;}
/* Forms */
form{}
form ul{padding:0; margin:0 0 10px; }
form ul li{margin: 0 0 5px; padding:0; list-style:none;}
form label{display:block; width:100px;}
form input{ width:200px;}
form textarea{width: 200px;}
/* Misc Styles */
.page-width{width:775px; margin: 0 auto;}
a img{border:0;}
/* Font */
body{font-family: Arial, Helvetica, sans-serif; color:#504f4f;}
body * {font-family: Arial, Helvetica, sans-serif;}
#body-right h1{font-size:22px;font-weight:bold; line-height:normal; margin:0; margin-bottom:10px; color: black;}
#body-right h2{font-size:18px;font-weight:bold; line-height:normal; margin:0; margin-bottom:10px; color: black;}
#body-right h3{font-size:16px;font-weight:bold; line-height:normal; margin:0; margin-bottom:10px; color: black;}
#body-right h4{font-size:14px;font-weight:bold; line-height:normal;margin:0; margin-bottom:10px; color: black;}
#body-right h5{font-size:12px;font-weight:bold; line-height:normal;margin:0; margin-bottom:10px; color: black;}
#body-right h6{font-size:10px;font-weight:bold; line-height:normal;margin:0; margin-bottom:10px; color: black;}
#body-left h1{font-size:20px;font-weight:bold; line-height:normal; margin:0;margin-bottom:10px; color: black;}
#body-left h2{font-size:16px;font-weight:bold; line-height:normal;margin:0; margin-bottom:10px; color: black;}
#body-left h3{font-size:14px;font-weight:bold; line-height:normal; margin:0;margin-bottom:10px; color: black;}
#body-left h4{font-size:12px;font-weight:bold; line-height:normal;margin:0; margin-bottom:10px; color: black;}
#body-left h5{font-size:10px;font-weight:bold; line-height:normal;margin:0; margin-bottom:10px; color: black;}
#body-left h6{font-size:8px;font-weight:bold; line-height:normal; margin:0;margin-bottom:10px; color: black;}
h2{ background: transparent url('../img/line_strip.png') repeat-x bottom; padding-bottom: 10px; }
h2 span{display:block; /* background: transparent url('../img/orange_arrows.png') no-repeat right center; */ }
a:link{text-decoration:underline; font-size:12px; }
a:visited{text-decoration:underline; font-size:12px;}
a:hover{text-decoration:underline; font-size:12px; }
a:active{text-decoration:underline; font-size:12px;}
ul{margin: 10px 0;}
ul li{list-style-type:disc; line-height:18px;}
ul li li{list-style-type:disc; line-height:18px;}
ul li li li{list-style-type:disc; line-height:18px;}
ol li{line-height:18px;}
ol ol li{line-height:18px;}
ol ol ol li{line-height:18px;}
ol ul li{list-style-type:disc; line-height:18px;}
p{line-height:18px; margin-bottom:10px; margin-top:0; }
p, li, td, div, .normal, a, ol, ol li, ul, ul li{font-size:12px;}
.exsm-font{font-size:10px;}
.exsm-font-white{font-size:10px; color:white;}
.exsm-font-black{font-size:10px; color:black;}
.exsm-font-gray{font-size:10px; color:#555555;}
.exsm-font-green{font-size:10px; color:#1f6c35;}
.exsm-font-orange{font-size:10px; color:#EE8322}
.exsm-font-blue{font-size:10px; color:#006699}
.sm-font{font-size:12px;}
.sm-font-white{font-size:12px; color:white;}
.sm-font-black{font-size:12px; color:black;}
.sm-font-gray{font-size:12px; color:#555555;}
.sm-font-green{font-size:12px; color:#1f6c35;}
.sm-font-orange{font-size:12px; color:#EE8322;}
.sm-font-blue{font-size:12px; color:#006699;}
.md-font{font-size:14px;}
.md-font-white{font-size:14px; color:white;}
.md-font-black{font-size:14px; color:black;}
.md-font-gray{font-size:14px; color:#555555;}
.md-font-green{font-size:14px; color:#1f6c35;}
.md-font-orange{font-size:14px; color:#EE8322;}
.md-font-blue{font-size:14px; color:#006699;}
.lg-font{font-size:16px; line-height:normal;}
.lg-font-white{font-size:16px; color:white; line-height:normal;}
.lg-font-black{font-size:16px; color:black; line-height:normal;}
.lg-font-gray{font-size:16px; color:#555555; line-height:normal;}
.lg-font-green{font-size:16px; color:#1f6c35; line-height:normal;}
.lg-font-orange{font-size:16px; color:#EE8322; line-height:normal;}
.lg-font-blue{font-size:16px; color:#006699; line-height:normal;}
.exlg-font{font-size:18px; line-height:normal;}
.exlg-font-white{font-size:18px; color:white; line-height:normal;}
.exlg-font-black{font-size:18px; color:black; line-height:normal;}
.exlg-font-gray{font-size:18px; color:#555555; line-height:normal;}
.exlg-font-green{font-size:18px; color:#1f6c35; line-height:normal;}
.exlg-font-orange{font-size:18px; color:#EE8322; line-height:normal;}
.exlg-font-blue{font-size:18px; color:#006699; line-height:normal;}
.clearfix:after {content: " ";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}
.clearboth{clear:both; height:0;line-height:0}
.float-left{float:left;}
.float-right{float:right;}
.align-left{text-align:left}
.align-center{text-align:center}
.align-right{text-align:right}
.image-rotator {margin: 0; padding:0; position: relative; height:235px; width:450px;}
.image-rotator li{list-style:none; position: absolute; top:0; left:0; }
#ez-controls{position:relative;}
#ez-controls a{position:absolute;top: 5px; cursor:pointer;}
#ez-controls a.ez-prev{right:30px;display:block;background: transparent url('../img/orange_arrows-R.png') no-repeat right center; height:14px; width:14px; text-indent:-5000px}
#ez-controls a.ez-next{right:0; display:block;background: transparent url('../img/orange_arrows.png') no-repeat right center; height:14px; width:14px; text-indent:-5000px}
#ez-controls a.showall{}
#paginate{position:relative; height:350px; overflow:hidden;}
#paginate .page{position: absolute; top:0; left: 0;}


.container{background:white url('../img/container-bg.jpg') repeat-x bottom; border:1px solid #C5C5C5; position:relative; padding:10px 10px 30px; margin-bottom:10px}

.container .btn{background: url('../img/btn_detials.png') no-repeat; width:64px; height:20px; display:block; text-indent:-5000px;}
.container img.new{position:absolute; top:2px; left:2px; z-index:10;}
.container .product-img{float:left;}
.container h3{float:left; padding-left:10px;width:105px; font-size:13px!important; margin: 0!important; color:#FF4500!important;}
.container .sub{float:left; padding-left:10px;width:105px;font-size:13px!important;}
.container .btn{position:absolute; bottom: 10px; right: 10px;}

.container:after {content: " ";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.container {display: inline-block;}
html[xmlns] .container {display: block;}
* html .container {height: 1%;}
.back-link{text-decoration:none!important;  color:#EE8322; display: block; background: transparent url('../img/orange_arrows-R.png') no-repeat left; line-height: 15px; height: 15px; padding-left: 15px;}


#body-right .subtitle{font-weight:bold; font-style:italic;}
