/* previous colour url("bg_theme_cny2013.jpg")*/
/* previous colour #151B54*/
body {
background: #151B54;
font-family: calibri, arial;
font-size: 13px;
color: #000000;
}

.margintop20 {
margin: 20px 0px 0px 0px;
}

.padleft5 {
padding-left: 5px;
}

.padleft20 {
padding-left: 20px;
}

.padright10 {
padding-right: 10px;
}

#bodystyle {
margin-right: auto;
margin-left: auto;
background: #FFFFFF;
}

#bkground_washout {
background: url("corporatelogo_washout.jpg");
background-position: center center;
background-repeat: no-repeat;
Background-attachment: fixed;
}

.scrollbar {
overflow: -moz-scrollbars-vertical;
}

.bw {
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
 
.bw:hover {
  -webkit-filter: grayscale(50%);
}

.tilt {
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
 
.tilt:hover {
  -webkit-transform: rotate(-10deg);
     -moz-transform: rotate(-10deg);
       -o-transform: rotate(-10deg);
      -ms-transform: rotate(-10deg);
          transform: rotate(-10deg);
}

.morph {
  -webkit-transition: all 1.0s ease;
     -moz-transition: all 1.0s ease;
       -o-transition: all 1.0s ease;
      -ms-transition: all 1.0s ease;
          transition: all 1.0s ease;
}
 
.morph:hover {
  border-radius: 50%;
  -webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
       -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
}

.center {
margin-right: auto;
margin-left: auto;
}

.right {
margin-left: 554px;
}

.lt {
text-align: left;
vertical-align: top;
}		

.lm {
text-align: left;
vertical-align: middle;
}		

.lb {
text-align: left;
vertical-align: bottom;
}		

.ct {
text-align: center;
vertical-align: top;
}		

.cm {
text-align: center;
vertical-align: middle;
}		

.cb {
text-align: center;
vertical-align: bottom;
}		

.cb120 {
text-align: center;
vertical-align: bottom;
height: 120px;
}		

#rm {
text-align: right;
vertical-align: middle;
}		

.rm {
text-align: right;
vertical-align: middle;
}		

.rb {
text-align: right;
vertical-align: bottom;
}	

.imgborder {
border: none;
}

.imgborder1 {
border: 1px solid #736F6E;
}

/* previous border 1px solid #98AFC7 */
.imgbordernav {
}

.bordert {
border-top: 1px solid #98AFC7; 
}

.bordertb {
border-top: 1px solid #98AFC7;
border-bottom: 1px solid #98AFC7; 
}

.borderlb {
border-left: 1px solid #98AFC7;
border-bottom: 1px solid #98AFC7; 
}

.borderb {
border-bottom: 1px solid #98AFC7; 
}

.borderl {
border-left: 1px solid #98AFC7; 
}

.borderall {
border-top: 1px solid #98AFC7;
border-bottom: 1px solid #98AFC7; 
border-left: 1px solid #98AFC7;
border-right: 1px solid #98AFC7;
}

.borderplain {
border-bottom: 1px solid #FFFFFF; 
}

.borderb_padding5 {
border-bottom: 1px solid #98AFC7;
padding: 5px 0px 5px 0px; 
}

.darkblue {
color: #151B8D;
}

.navybluebold {
color: #151B54;
font-weight: bold;
}

.red {
color: #FF0000;
}

.redbold {
color: #FF0000;
font-weight: bold;
}

.pyramexblue {
color: 3A8DDB;
}

.blue {
color: blue;
}

.bluebold {
color: blue;
font-weight: bold;
}

.bold {
font-weight: bold;
}

.orangebold {
color: #FBB917;
font-weight: bold;
}

.boldblink {
font-weight: bold;
text-decoration: blink;
}

.boldunderline {
font-weight: bold;
text-decoration: underline;
}

.redblink {
color: #FF0000;
text-decoration: blink;
}

.boldredblink {
font-weight: bold;
color: #FF0000;
text-decoration: blink;
}

.underline {
text-decoration: underline;
}

.italic {
font-style: italic;
}

.boldreditalic {
font-weight: bold;
color: #FF0000;
font-style: italic;
}

.floatl {
float: left;
}

.floatr {
float: right;
}

.oos {
color: #736F6E;
text-decoration: blink;
}

#frame{
border-left: 1px solid #151B54;
border-right: 1px solid #151B54;
}

#header {
background: url("bg_header_pyramex.jpg") no-repeat;
}

#logo {
color: #FFFFFF;
font-family:"impact";
font-size: 58pt;
letter-spacing: 1px;
width: 300px;
text-align: center;
vertical-align: bottom;

}

#slogan {
color: #FFFFFF;
font-family: "Script MT Bold";
font-size: 20px;
padding-bottom: 10px;
text-align: center;
vertical-align: top;
}

span.i {
color: #FF0000;
}

#banner {
vertical-align: top;
padding-top: 3px;
}

/* for HOME page */
#welcometext {
padding: 0px 20px 0px 0px;
}

.homeimgframe {
height: 150px;
}

/* previous background color: #151B54 */
.homegroupframe {
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
background: #151B54;
}

.homegroupframe2 {
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
background: #151B54;
padding: 9px 0px 9px 5px;
}

.homegroupframeborder {
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
background: #151B54;
border-right: 2px solid #FFFFFF;
}

.homegroupframe2border {
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
background: #151B54;
border-right: 2px solid #FFFFFF;
padding: 9px 0px 9px 5px;
}

.hometextframe {
padding: 10px 10px 10px 10px;
}

.hometextframeborder {
padding: 10px 10px 10px 10px;
border-right: 2px solid #98AFC7;
}

.hometextframe2border {
padding: 10px 10px 10px 10px;
border-right: 2px solid #98AFC7;
border-bottom: 2px solid #98AFC7;
}

.hometext2frame {
padding: 10px 10px 10px 10px;
border-bottom: 2px solid #98AFC7;
}

#nav a {
font-family: "arial";
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
display: block;
padding: 5px 0px 5px 35px;
background:  #151B54;
}

#nav a:hover {
color: #FDD017;
text-decoration: none;
}

#nav a:active {
color: #FBB917;
text-decoration: none;
}

/* previous color: #9AFEFF */
#navactive a{
color: #9AFEFF;
}

/* for top-navigator */
/* previous background color #C11B17 */
/* previous background color #C4CAFD */
#navtop {
text-align: center ;
vertical-align: middle;
margin: 0px 0px 0px 0px;
border-top: 1px solid #FFFFFF;
font-family: "arial";
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
background: #151B54;
}

#navtop a {
font-family: "arial";
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
display: block;
padding: 10px 0px 10px 0px;
}

#navtop a:hover {
color: #FF0000;
text-decoration: none;
}

/* previous color: #585858 */
#navtop a:active {
color: #FF0000;
text-decoration: none;
}

/* previous color: ##585858 */
#navtopactive a{
color: #3a8ddb;
}

.blue {
color: #151B8D;
}

/* for mainpage-left-side-navigator */
#nav {
width: 240px;
text-align: center;
vertical-align: middle;
}

/* for PRODUCT-left-side-navigator */
.nav2 {
width: 240px;
text-align: left;
vertical-align: middle;
}

/* previous background #151B54 */
.nav2 a {
font-family: "arial";
font-size: 11px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
display: block;
padding: 5px 0px 5px 10px;
background: #151B54;
border-bottom: 1px dotted #736F6E;

}

.nav2 a:hover {
color: #C4CAFD;
text-decoration: none;
}

.nav2 a:active {
color: #495096;
text-decoration: none;
}

/* previous color: #9AFEFF */
#nav2active {
color: #FFFFFF;
background: #495096;
}

/* for PRODUCT-left-side-sub-navigator */
.nav3 {
width: 240px;
text-align: left;
vertical-align: middle;
}

/* previous background: #C6D9F1 */
/* current background: #E3E4FA */
/* current color: #151B8D */
.nav3 a {
font-family: "arial";
font-size: 11px;
font-weight: bold;
color: #000000;
text-decoration: none;
display: block;
padding: 3px 0px 3px 40px;
background: #FFFFFF;
border-bottom: 1px dotted #736F6E;
}

/* current color: #C11B17 */
.nav3 a:hover {
color: #736F6E;
text-decoration: none;
}

/* previous background: #         */
.nav3 a:active {
color: #736F6E;
text-decoration: underline;
}

/* current color: #000000 */
/* previous background: #495056 */
#nav3active {
color: #FFFFFF;
background: #495096;
}

/* for PRODUCT-left-side-sub-navigator */
.nav4 {
width: 240px;
text-align: left;
vertical-align: middle;
}

/* previous background: #FFF380 */
/* previous font color #413839 */
.nav4 a {
font-family: "arial";
font-size: 11px;
font-weight: bold;
color: #000000;
text-decoration: none;
display: block;
padding: 2px 0px 2px 60px;
background: #C4CAFD;
}

/* previous color: #736F6E */
.nav4 a:hover {
color: #7880C5;
text-decoration: none;
}

.nav4 a:active {
color: #FFFFFF;
text-decoration: underline;
}

/* current color: #FDD017 */
#nav4active {
color: #FFFFFF;
background: #929ADC;
}

.subnav {
color: #FF8040;
font-weight: bold;
}

#update {
color: #413839;
font-size: 11px;
font: san serif, arial;
vertical-align: top;
padding: 2px 2px 2px 10px;
}

#update h3 {
color: #FFFFFF;
font-size: 13px;
font-weight: bold;
background:#E77471;
padding: 2px 0px 2px 5px;
margin-right: 5px;
}

#update h4 {
color: #FF0000;
font-size: 11px;
font-weight: bold;
}

#update p {
}

.hr-dots {
background: center url("dots.gif") repeat-x;
height: 10px;
padding: 0px 2px 0px 0px;
}

/* for updates */
/* previous border color #E77471 */
.new {
color: #413839;
font-size: 11px;
font: san serif, arial;
text-align: left;
vertical-align: top;
padding: 2px 2px 15px 2px;
margin: 2px 0px 15px 5px;
border: 1px solid #98AFC7;
background:#EFF2FB;
}

/* previous background color #E77471 */
.newtitle {
color: #FFFFFF;
font-size: 13px;
font-weight: bold;
background: #151B54;
padding: 2px 0px 2px 5px;
margin-right: 5px;
}

.newdate {
color: #848484;
font-weight: bold;
padding-left: 5px;
}

/* for promotion */
.promotion {
color: #413839;
text-decoration: none;
}

#nopromotion {
color: #736F6E;
text-align: center;
}

.promotion_pyramex_model {
color:#3a8ddb;
}

.promotion_cmfont13 {
text-align: center;
vertical-align: middle;
font-size: 13px;
}

.promotion_cmfont18bold {
text-align: center;
vertical-align: middle;
font-size: 18px;
font-weight: bold;
}

.promotion_cmfont20bold {
text-align: center;
vertical-align: middle;
font-size: 20px;
font-weight: bold;
}

.promotion_cmfont20bold  a{
text-align: center;
vertical-align: middle;
font-size: 20px;
font-weight: bold;
text-decoration: none;
}



/* temporarily not in use */
#callus {
padding: 2px 2px 2px 10px;
}

#callus h3 {
color: #151B8D;
font-size: 14px;
font-weight: bold;
padding: 0px 2px 2px 10px;
}

/* for general heading and text format */
.text {
padding: 2px 2px 2px 10px;
text-align: justify;
}

/* previous color #151B8D */
.text h2 {
color: #000000;
font-size: 20px;
font-weight: bold;
border-bottom: 1px solid #C6D9F1;
}

/* previous color #347C2C */
.text h3 {
color: #347C2C;
font-size: 18px;
font-weight: bold;
}

/* previous color #FF0000 */
.text h4 {
color: #FF0000;
font-size: 16px;
font-weight: bold;
}

.text p {
padding-right: 5px;
}

.text li {
padding-right: 5px;
}

.text dt {
color: #347C2C;
font-weight: bold;
}

.text a {

text-decoration: none;
}

/* for PRODUCTS AND SERVICES pages */
/* previous color #8DB4E2 */
.category1 {
color: #FFFFFF;
font-size: 16px;
font-weight: bold;
background: #151B54;
vertical-align: middle;
padding: 9px 0px 9px 10px;
}

/* previous color #FFCC00 */
.category2 {
color: #FFFFFF;
font-size: 16px;
font-weight: bold;
background: #151B54;
vertical-align: middle;
padding: 9px 0px 9px 10px;
}

/* previous color #92D050 */
.category3 {
color: #FFFFFF;
font-size: 16px;
font-weight: bold;
background: #151B54;
vertical-align: middle;
padding: 9px 0px 9px 10px;
}

#line_cat2 {
border-bottom: 1px solid #FFCC00;
}

#line_cat3 {
border-bottom: 1px solid #92D050;
}


.productgroup {   /* table format for product group image  */
border: 1px solid #736F6E;
padding: 10px 0px 10px 15px;
}

.productsubgroup {  /* table format for product group text  */
border: 1px solid #736F6E;
margin: 5px 0px 25px 0px;
}

.producttext {  /* for description*/
text-align: center;
vertical-align: middle;
}

.producttext a {
color: #151B8D;
font-size: 15px;
font-weight: bold;
text-decoration: none;
}

.producttext a:hover {
color: #347C2C;
}

.producttext a:active {
text-decoration: underline;
}

 /* for product categories */
.subproduct {
height: 120px;
text-align: center;
vertical-align: middle;
}

.subproducttext {
height: 50px;
text-align: center;
vertical-align: top;
}

/* previous color #151B8D */
.subproducttext a {
color: #000000;
font-size: 14px;
font-weight: bold;
text-decoration: none;
}

.subproducttext a:hover {
text-decoration: underline;
}

.subproducttext a:active {
font-size: 110%;
text-decoration: underline;
}

/* for quick links */
.qlbox {
background: #413839;
color: #FFFFFF;
padding: 1px 0px 1px 15px;
}

.quick {
background: #E3E4FA;
border: 1px solid #413839;
text-align: left;
vertical-align: top;
margin-right: auto;
margin-left: auto;
}

.quick a {
font-family: "arial";
font-size: 11px;
font-weight: bold;
color: #736F6E;
text-decoration: none;
padding: 2px 2px 2px 10px;
}

.quick a:hover {
color: #FBB917;
text-decoration: underline;
}

.quick a:active {
color: #FF0000;
text-decoration: underline;
}

.currentpage {
color: #347C2C;
font-weight: bold;
font-size: 105%;
}

.currentpage a {
color: #151B8D;
}

.currentpage a:active {
font-size: 101%;
}

/* for subproducts title links */
.linktext a {
color: #736F6E; 
font-size: 11px;
text-decoration: underline;
padding: 0px 2px 0px 2px;
}

.linktext a:hover {
color: #413839;
text-decoration: underline;
}

.linktext a:active {
color: #151B8D;
font-size: 11px;
font-weight: bold;
text-decoration: underline;
}

/* for BRANDS page */

#brandtop {
padding-bottom: 20px;
font-family: "arial";

font-size: 16px;
text-align: center;
vertical-align: middle;
}

#brandtopactive {
color: #151B54;
font-weight: bold;
border-bottom: 4px solid #CCFB5D;
}

.brandtoplink a{
color: #736F6E;
font-size: 16px;
text-decoration: none;
}

.brandtoplink a:hover{
color: #151B54;
font-size: 16px;
font-weight: bold;
}

#brandnolink {
color: #736F6E;
font-size: 16px;
text-decoration: none;
}

.brands {
height: 100px;
text-align: center;
vertical-align: middle;
}

.brandslink {
color: #736F6E;
font-size: 13px;
font-weight: bold;
text-decoration: none;
text-align: left;
vertical-align: middle;
}

.brandslink a {
color: #151B8D;
font-size: 13px;
text-decoration: none;
}

/*proposed background color: #E3E4FA */
.brandslink a:hover {
color: #FFFFFF;
background: #151B8D;
}

.brandslink a:active {
color: #E3E4FA;
text-decoration: underline;
background: #151B8D;
}

.brandslinkborder {
color: #151B8D;
font-size: 13px;
font-weight: bold;
text-decoration: none;
text-align: left;
vertical-align: middle;
border-bottom: 1px solid #C6D9F1;
}

.brandstable {
margin: 5px 0px 5px 0px;
}

.nobrandslogo {
font-size: 24px;
font-weight: bold;
text-align: center;
vertical-align: middle;
}

.nobrandslogofooter {
font-size: 14px;
font-weight: bold;
text-align: center;
vertical-align: middle;
}

/* for ABOUT FIMATT page */
#corporatelogo {
float: left;
width: 150px;
}

#vision {
padding-left: 30px;
}

.vision {
font-family: "impact";
color: #FF8040;
font-size: 20px;
}

/* for CONTACT US page */
#contact {
text-align: left;
vertical-align: top;
padding: 2px 2px 2px 10px;
}

#contact h2 {
color: #151B8D;
font-size: 20px;
font-weight: bold;
border-bottom: 1px solid #C6D9F1;
}

#contact h3 {
color: #413839;
font-size: 16px;
font-weight: bold;
}

#contact h4 {
font-size: 13px;
font-weight: normal;
}

#contact p {
color: #413839;
font-size: 14px;
}

span.contact {
color: #FF8040;
}

#contact a {
text-decoration: none;
}

#locationmap {
float: right;
padding-top: 15px;
}

/* for SAFETY STANDARDS page - navigator */
.standard {
border: 1px solid #413839;
font-size: 11px;
text-align: left;
vertical-align: top;
margin-right: auto;
margin-left: auto;
}

.standard a {
font-family: "arial";
font-size: 11px;
font-weight: bold;
color: #151B8D;
text-decoration: none;
padding: 2px 2px 2px 10px;
}

.standard a:hover {
color: #FF0000;
text-decoration: underline;
}

.standard a:active {
color: #FF0000;
text-decoration: underline;
}

/* for SAFETY STANDARDS page - standard codes */
.std {
color: #FF0000;
font-weight: bold;
text-align: left;
vertical-align: top;
}

#mcep {
color: #000000;
font-family: impact;
font-size: 26px;
text-align: left;
vertical-align: top;

}


/* for SAFETY GUIDELINES page - table heading */
.guideheading {
font-weight: bold;
text-align: center;
}

/* for CATALOG DOWNLOADS page - table heading */
#catalogdiv {
font-size: 13px;

}

.catalogdiv_header {
font-size: 14px;
font-weight: bold;
text-align: center;
vertical-align: middle;
border-top: 1px solid #98AFC7;
border-bottom: 1px solid #98AFC7; 

}

.catgrp {
width: 100px;
text-align: center;
vertical-align: middle;
border-bottom: 1px solid #98AFC7; 
padding: 10px 0px 10px 10px;
}

.catcat {
width: 130px;
text-align: center;
vertical-align: middle;
border-bottom: 1px solid #98AFC7; 
padding: 10px 0px 10px 10px;
}

.catbrd {
width: 110px;
text-align: center;
vertical-align: middle;
border-bottom: 1px solid #98AFC7; 
padding: 10px 0px 10px 10px;
}

.catmod {
width: 110px;
text-align: center;
vertical-align: middle;
border-bottom: 1px solid #98AFC7; 
padding: 10px 0px 10px 10px;
}

.catdes {
width: 350px;
text-align: left;
vertical-align: middle;
border-bottom: 1px solid #98AFC7; 
padding: 10px 0px 10px 10px;
}

.catdl {
width: 150px;
text-align: center;
vertical-align: middle;
border-bottom: 1px solid #98AFC7; 
padding: 10px 0px 0px 10px;
}

/* for footer format*/
#deco {
background:  #C11B17;
margin-bottom: 1px;
}

#footer {
background: #151B54;
width: 1004px;
}

#footercontact1 {
color: #FFFFFF;
font-size: 14px; 
text-align: left;
padding: 5px 0px 0px 5px;
}

#footercontact2 {
color: #FFFFFF;
font-size: 14px; 
text-align: right;
}

#footercontact3 {
font-family: "Impact"; 
color: #FFFFFF;
font-size: 20px;
text-align: right;
}

#footercontact4 {
font-family: "Impact"; 
color: #9AFEFF; 
font-size: 35px;
text-align: right;
}

.footerlink p{
color: #FFFFFF;
font-size: 11px;
font-weight: bold;
text-decoration: underline;
}

.footerlink a {
color: #FFFFFF; 
font-size: 10px;
text-decoration: none;
text-decoration: none;
}

.footerlink a:hover{
color: #151B54;
font-weight: bold;
text-decoration: none;
background: #E3E4FA;
}

#facebook {
text-align: right;
padding: 2px 2px 0px 0px;
}

.fb-like-box {

}

#copyright {
color: #C6DEFF;
font-size: 10px;
text-align: right;
padding: 0px 2px 2px 0px;
}

#copyright a{
color: #C6DEFF;
font-size: 10px;
text-decoration: underline;
}

#copyright a:hover{
color: #FFFFFF;
font-size: 10px;
text-decoration: underline;
}

.linktop {
color: #736F6E;
font-size: 10px;
text-decoration: none;
text-align: right;
padding: 30px 2px 2px 0px;
} 

.linktop a{
color: #736F6E;
text-decoration: none;
} 

.linktop a:hover{
font-weight: bold;
text-decoration: underline;
} 

.linkheader {
width: 240px;
color: #151B8D;
font-size: 14px;
text-decoration: none;
text-align: left;
padding: 30px 0px 0px 2px;
} 

.linkheader a {
color: #151B8D;
text-decoration: none;
} 

.linkheader a:hover{
font-weight: bold;
text-decoration: underline;
} 

#comingsoon {
padding: 50px 0px 80px 0px;
width: 500px;
text-align: center;
vertical-align: middle;
margin-right: auto;
margin-left: auto;
}

#comingsoon h1{
color: #800000;
font-weight: bold;
}

.dividerhorizo {
background: url("divider_horizontal.png") repeat-x;
}

.dividervert {
background: url("divider_vertical.png") no-repeat;
padding-left: 25px;
}