@charset "utf-8";
/* CSS Document */


/* Reset */
@import url(reset.css);

/*Fonts*/
@font-face {
    font-family: 'HelveticaNeueLTStd45Light';
    src: url('../fonts/helveticaneueltstd-lt-webfont.eot');
    src: url('../fonts/helveticaneueltstd-lt-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helveticaneueltstd-lt-webfont.woff') format('woff'),
         url('../fonts/helveticaneueltstd-lt-webfont.ttf') format('truetype'),
         url('../fonts/helveticaneueltstd-lt-webfont.svg#HelveticaNeueLTStd45Light') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'HelveticaNeueLTStd55Roman';
    src: url('../fonts/helveticaneueltstd-roman-webfont.eot');
    src: url('../fonts/helveticaneueltstd-roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helveticaneueltstd-roman-webfont.woff') format('woff'),
         url('../fonts/helveticaneueltstd-roman-webfont.ttf') format('truetype'),
         url('../fonts/helveticaneueltstd-roman-webfont.svg#HelveticaNeueLTStd55Roman') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'HelveticaNeueLTStd65Medium';
    src: url('../fonts/helveticaneueltstd-md-webfont.eot');
    src: url('../fonts/helveticaneueltstd-md-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helveticaneueltstd-md-webfont.woff') format('woff'),
         url('../fonts/helveticaneueltstd-md-webfont.ttf') format('truetype'),
         url('../fonts/helveticaneueltstd-md-webfont.svg#HelveticaNeueLTStd65Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Define tags */
body{background:#f2f2f2; font: 12px/1.3em arial, helvetica, sans-serif; color:#333;}
img{}
h1, h2, h3, h4, h5, h6{ line-height: 1.1em; margin: 0 0 10px 0}
h1{font-size: 1.8em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#F00; margin:0px 0 10px 10px; background-color:#F00; color:#fff; padding:2px 2px 2px 15px; margin-left:0}
#feature h1 {background:transparent;}
h2{font-size: 1.6em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#F00;}
h3{font-size: 1.3em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; border-bottom:1px dotted #999; width:100%;}
h4{font-size: 1.2em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold}
h5{font-size: 1.1em; font-family: 'HelveticaNeueLTStd45Light' Arial, Helvetica, sans-serif;}
h6{font-weight: bold; color: #000;}
h3 a{text-decoration:none; }
h3 a:hover{color:#000;}
p{margin: 0 0 0.5em 0}
ul{margin: 0 0 1em 15px; }
ul li{list-style-type: disc}
ol{margin: 0 0 1em 2em; line-height:1.8em }
ol li{list-style-type: decimal}
ol li a:hover{text-decoration:none;}
a{color: #333;}
a:hover{}
strong{color: #000; font-weight:bold}
em{font-style:italic;}
ul li.pdf{ list-style-image:url(../images/pdf.jpg); margin:0 0 0 10px;}

/* Define content areas */
#wrapper{background:#f2f2f2;margin: 0 auto; width: 960px;  }
#skip-main-content{position: absolute; top: -20px}
#skip-sub-navigation{position: absolute; top: -20px}

#logo{position:absolute; top:2px; margin-left:-13px;}

#header{  }

#utility-navigation{float: right; margin: 0}
#utility-navigation li{display: inline}

#main-navigation-wrapper{width:100%; background-color:#F00; position:fixed; height:20px; z-index:9999; padding:10px 0px 10px 20px; margin:0; }
#main-navigation{margin: 0 auto; width: 960px;}
#main-navigation ul{float:right; padding:0 12px 0 0;}
#main-navigation li{display:inline-block; padding-right:10px;}
#main-navigation a{text-decoration:none; font-family: 'HelveticaNeueLTStd45Light'; font-size:1.4em; color:#fff; font-weight:600}
#main-navigation ul li a.selected{color:#000;}
#main-navigation a:hover{color:#000;}

#page-tools{float: right; margin: 0}
#page-tools li{display: inline}

#sub-navigation{ clear: both; float: left; position: relative; width: 200px; margin: 0; border:1px dotted #ccc; /*box-shadow:2px 2px 8px #CCC; -moz-box-shadow:2px 2px 8px #CCC; -webkit-box-shadow:2px 2px 8px #CCC;*/ padding:13px;}
#sub-navigation ol{ padding:0 0 0 30px; margin:0; background:#ccc;}
#sub-navigation ol li{ list-style:decimal-leading-zero; font-family: 'HelveticaNeueLTStd45Light' Arial, Helvetica, sans-serif; background:#f2f2f2; color:#333; padding-left:10px;}

#content{ }

#inner-content{width: 72%; /*border:1px solid #ccc;*/ float:left;    box-shadow:2px 2px 8px #CCC; -moz-box-shadow:2px 2px 8px #CCC; padding:15px; overflow:scroll; height:370px;}
#inner-content-contact{width: 72%; /*border:1px solid #ccc;*/ float:left;    box-shadow:2px 2px 8px #CCC; -moz-box-shadow:2px 2px 8px #CCC; padding:15px;}

#feature{position: relative; width: 990px; height: 200px; margin:15px 0 10px 0; display: block; overflow: hidden;}
#feature-text{background:#000; color: #f2f2f2; position: absolute; top: 0; left: 0}

#main-content-wrapper{float: right; margin: 0 0 0 -200px ; width: 100%;}
#main-content{margin: 0 -200px 0 0 ; float:left;   }

#related-content{ float: right; width: 200px; box-shadow:2px 2px 8px #CCC; -moz-box-shadow:2px 2px 8px #CCC; padding:15px; height:auto;}

#footer{background:transparent; clear: both; height: 30px; color:#333}
#footer-navigation{float: right}
#footer-navigation li{display: inline; margin-left:2px;}

#banner-set{width:968px; height:337px; margin:0; padding:0; position:absolute; top:17px; left:12px;}
.banner{display:block; width:968px; height:337px; /*margin:0 auto;*/ margin:0; padding:0;}
.banner h1{font:21px Arial, Helvetica, sans-serif; font-style:italic; color:#000; line-height:28px; /*text-shadow:2px 2px 8px black; -moz-text-shadow:2px 2px 8px black;*/ position:absolute; top:25px; left:50px; margin:0; padding:0; width:278px; z-index:1000;}
.banner img{ margin:0; padding:0; z-index:100;}

/* Redefine areas for home page */
#home #main-content-wrapper{margin: 0; float: none;}
#home #main-content{margin: 0}

/* Define common classes */
.clear{clear: both}
.row{clear: both}
.col{width: 20%; padding:13px; /*border:1px solid #ccc;*/ float:left; margin-right:28px ; height:300px; box-shadow:2px 2px 8px #CCC; -moz-box-shadow:2px 2px 8px #CCC; }
.col a{color:#F00; text-decoration:none}
/*.col p{margin:0 0 0 0;}*/
.col a:hover{color:#000; border-bottom:1px solid #000; text-decoration:none; border:none;}
.col h3 a{ color:#333; text-transform:uppercase; font-weight:bold;}
.col h4 a{color:#fff; font-size:1.1em; margin:0}
.col h4 a:hover{color:#fff; text-decoration:underline;}
.col.left{float: left;}
.col.right{float: right}
.nbb{border-bottom:none;}
ul.no-list-style{margin:0;}
ul.no-list-style li{list-style:none; margin:0 0 0.5em 0;}

.col-home a{color:#F00; text-decoration:none}


.col-products{width: 20%; padding:13px; /*border:1px solid #ccc;*/ float:left; margin-right:25px ; margin-bottom:10px; height:180px; box-shadow:2px 2px 8px #CCC; -moz-box-shadow:2px 2px 8px #CCC; }
.col-products a{color:#F00; text-decoration:none}
/*.col p{margin:0 0 0 0;}*/
.col-products a:hover{color:#000; border-bottom:1px solid #000; text-decoration:none; border:none;}
.col-products h3 a{ color:#333; text-transform:uppercase; font-weight:bold;}
.col-products h4 a{color:#fff; font-size:1.1em; margin:0}
.col-products h4 a:hover{color:#fff; text-decoration:underline;}
.col-products.left{float: left;}
.col-products.right{float: right}
.center{text-align:center; margin:0 0 10px 0;}

.nmb{margin-bottom:0}

/* tables */
table{margin: 0 0 1em 0; width: 100%;  border-bottom:2px solid #ccc}
td, th{padding: 3px 7px 3px 3px; text-align: right; vertical-align:bottom; border-bottom:1px dotted #ccc; }
caption{font-weight: bold; font-family: Arial; font-size: 1.25em; line-height: 1.1em; padding: 3px}
caption span{font-weight: normal}
.ta-l, .ta-l td, .ta-l th{text-align: left}
.ta-c, .ta-c td, .ta-c th{text-align: center}
.shade, .shade td{background: #F6F3E8}
thead th{background: #3c9f47; color: #fff; font-weight: bold;  text-align: right;}
thead td{background: #A5A4A4; border-top: #fff 3px solid; color: #fff}
thead tr.nb td {background: #FA9C1E; border-top: #FA9C19 3px solid}
thead tr.nb th, th.nb{background: #2E2B2C}
.rule td, .rule{border-bottom: #CECECE 1px solid}
.rule-nb td{border-bottom: #000 1px solid}
.indent{padding-left: 15px}
.va-t td, .va-t{vertical-align: top}
.v-borders td, td.v-borders{border-right: #FA9C1E 1px solid}
.v-borders thead th, th.v-borders, thead td.v-borders{border-right: #fff 1px solid}
.nvb{border-right: none !important}
.box-left{border-left:1px solid #CECECE}
.box-right{border-right:1px solid #CECECE}
.box-top{border-top:1px solid #CECECE}
.box-bottom{border-bottom:1px solid #CECECE}

/*CONTACT FORM*/
form.form{ float:left;}
input.text{width:200px; height:25px;}
input.submit{background-color:#FF0000; color:#fff; border:none; font-family: 'HelveticaNeueLTStd45Light'; font-size:1.2em; color:#fff; font-weight:100; margin:5px 0 5px 0; cursor:pointer; width:100px; height:20px;}

/*CONTACT CONTAINER*/
#contact-details{width:500px; margin:0 0 0 20px; padding:0 0 0 300px;}

/*JS STYLES*/

a img{ border:none;  outline:none;}
           
.ad{position:absolute; right:10px; top:5px; width:470px; height:70px;}

.content{margin-top:80px; padding:0px;bottom:0px;}
            
.about{ width:100%; height:200px; background-color:#AFD9E4; border-top:2px solid #fff; border-bottom:2px solid #fff; clear:both;}
.about .text{width:45%; margin:5px 2% 10px 2%; height:180pxfloat:left; color:#444; font-size: 12px; text-align:justify; letter-spacing:0px; }
.about .text h1{border-bottom: 1px dashed #fff; color:#fff;}

.demo{float:left;}

/*EXCHANGE*/
#exchange table{ width:100%; margin-bottom:0px;}
#exchange table tr td{ line-height:5px; padding:4px;}

.ic_container{vertical-align:baseline; margin:0px;  position:relative;
    /*-moz-border-radius:10px;
    -webkit-border-radius:10px;
    -khtml-border-radius:10px;
    -moz-box-shadow: 0 1px 3px #888;
    -webkit-box-shadow: 0 1px 3px #888;*/
}
.overlay{
	background:url(images/j_slide.png);
    opacity:0.3;
    position:absolute;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}
.ic_caption{
	background:url(images/j_slide.png !important);
    position:absolute;    
    /*opacity:0.85;*/ 
    overflow:hidden;
    margin:0px;
    padding:0px;
    left:0px;
    right:0px;
    cursor:default;
    /*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=85);*/
}
.ic_category{
    text-transform:uppercase;
    font-size:11px;
    letter-spacing:3px;
    padding:5px;
    margin:0px;
}
.ic_caption h3{
    padding:0px 5px 5px 5px;
    margin:0px;
    font-size:18px;
}
.ic_caption h3 a{color:#FFF !important;}
.ic_caption h3 a:hover{text-decoration:underline;}
.ic_text{
    padding:5px;
    margin:0px;
    font-size:11px;

}