@import url("ie.css");
@import url("fonts.css");
@import url("dropdown.css");
@import url("right_gallery/stylesheet.css");
@import url("right_gallery/prettyphoto.css");
@import url("slider.css");
/*@import url("right_gallery/skin.css");
@import url("right_gallery/slider-style.css");*/

/*COMMON STYLE =======================================================================================*/

.fleft { float:left !important;}
.fright { float:right !important;}
.noMargin{margin:0px !important}
.noMarginLeft{margin-left:0px !important}
.noMarginRight{margin-right:0px !important}
.noMarginTop{margin-top:0px !important}
.noMarginBtm{margin-bottom:0px !important}
.noPadding{padding:0px !important}
.noPaddingLeft{padding-left:0px !important}
.noPaddingRight{padding-right:0px !important}
.noPaddingTop{padding-top:0px !important}
.noPaddingBtm{padding-bottom:0px !important}
.bold{font-weight:bold !important}
.center{text-align:center; margin:0 auto}
.noBorder{border:none !important}
.noBg { background: none !important }
.clear { clear:both; }
.pr { position:relative;}

/* MARGINS & PADDINGS */

h1,h2,h3,h4,h5,h6,p,ul,li { margin:0; padding:0}

/* TAG */

a,input[type=submit]{ border:none; outline:none; cursor:pointer; text-decoration:none; }
img { border:none; outline:none; }

/* COLUMN GRID */

.container { width:967px; margin:0 auto}
body { margin:0; border-top:3px solid #171717; background:#f6f6f6; }

* { _noFocusLine: expression(this.hideFocus=true); }

/*=============================================================================================================*/

.header { height:117px;  background:url(../images/top-bg.jpg) repeat-x 0 0; }
#logo { float:left; padding-top:12px; }

.topRightPart { float:right; }
.topRightPart .socialIcon { float:right; padding-bottom:2px; }
.topRightPart .socialIcon a { float:left; margin:4px 0 0 7px; transition-duration:2s; }
.topRightPart .socialIcon a:hover { opacity:0.7; filter:alpha(opacity=70); }

.topRightPart .phone, .topRightPart .mobile { font:18px/25px 'OpenSansItalic'; color:#fff; float:right; clear:right; }
.topRightPart .phone span, .topRightPart .mobile span { color:#fffbb4; }
.topRightPart .mobile { padding-top:2px; }

.topRightPart .mail { color:#fff; font:14px/25px 'OpenSansRegular'; float:right; clear:right;  margin-top:-3px;}
.topRightPart .mail a { color:#fff; font:14px/25px 'OpenSansRegular'; transition:color 1s ease-in; }
.topRightPart .mail a:hover { color:#fffbb4; }
.topRightPart .mail span { color:#fffbb4; }

/* MENU ================================================================== */

.menuOuter { background:url(../images/menu-bg.jpg) repeat-x 0 0; height:44px; }
.menuOuter .topMenu { list-style:none; position:relative;}
.menuOuter .topMenu li { float:left; background:url(../images/menu-sep.jpg) no-repeat 100% 0; padding:0 8px; height:44px; position:relative;}
.menuOuter .topMenu li a { text-transform:uppercase; font:14px/31px 'OpenSansBold'; color:#fff; padding:0 13px 0 13px; margin-top:6px; display:block; text-align:center; transition:background 0.5s ease-in; }
.menuOuter .topMenu li a:hover { background:#fffbb4; color:#b45b16; }
.menuOuter .topMenu li a.active { background:#fffbb4; color:#b45b16; }
/*=============second level==============*/
.menuOuter .topMenu li ul{display:none;}
.menuOuter .topMenu li:hover ul{width:200px; position:absolute; background:#9c4707; height:auto; z-index:1001; left:0px; top:44px; display:block;}
.menuOuter .topMenu li ul li{width:200px;float:left; height:auto; text-align:left !important; padding:0px; background:none; }
.menuOuter .topMenu li ul li a{text-transform:uppercase; font:14px/31px 'OpenSansBold'; color:#fff; text-align:left;}
.menuOuter .topMenu li:hover > a{background:#fffbb4; color:#b45b16;}
/* BANNER */

.bannerOuter { background:#010101 url(../images/banner-bg.jpg) no-repeat 50% 0; height:406px; }
.bannerOuter .banner { position:relative;  width:980px !important;} 
.bannerOuter .banner li { background:none;  height:406px; padding-left:0;}
.bannerOuter .banner li .caption { float:left; top:104px; left:0; background:url(../images/transprent-bg.png) repeat 0 0; position:absolute; padding:30px 40px 23px 17px; width:518px; height:162px; overflow:hidden; }
.bannerOuter .banner li .caption h1 { font:47px/35px 'OpenSansLight'; color:#fff; text-transform:uppercase;  padding-bottom:21px;}
.bannerOuter .banner li .caption h1 span { font-family:'OpenSansBold'; }
.bannerOuter .banner li .caption p { color:#fefefe; font:15px/20px 'OpenSansRegular'; width:481px; text-align:justify; padding-bottom:20px;}
.bannerOuter .banner li .caption a { color:#fffeab; font:19px 'OpenSansSemibold'; text-transform:uppercase; background:url(../images/banner/view-product.png) no-repeat 100% 9px;
 padding-right:16px; transition:color 1s ease-in; }
.bannerOuter .banner li .caption a:hover { color:#fff; }

.bannerOuter #nav { position:absolute; z-index:888; left:4px; top:362px; }
.bannerOuter #nav a { background:url(../images/nav-bullets.png) no-repeat 0 0; width:12px; height:12px; margin-right:4px; float:left; text-indent:-99999px; }
.bannerOuter #nav a.activeSlide { background-position:-12px 0; }



/* HOME LEFT COLUMN ================================================*/

.leftColMenu { float:left; width:287px; margin-left:1px;}
.leftColMenu h1 { border-top:4px solid #555; border-bottom:2px solid #efefef; background:#9b4606; width:272px; height:36px; font:22px/36px 'zurich_condensed_bt'; color:#fff; padding-left:15px; text-transform:uppercase; }

.leftColMenu #leftMenu { list-style:none; position:relative; }
.leftColMenu #leftMenu li { z-index:888; padding-left:0; transition:background 0.5s ease-in; background:#efefef url(../images/li-border.jpg) repeat-x 0 100%; height:auto; min-height:30px; cursor:pointer; position:relative;  }
.leftColMenu #leftMenu li a { display:block; width:251px;  color:#454444; font:13px/29px 'OpenSansRegular'; background:url(../images/a-bg-hover.png) no-repeat 15px 12px; padding: 0 0 0 35px; }

.leftColMenu #leftMenu li.first { height:34px; background:#efefef url(../images/li-border-hover.jpg) repeat-x 0 100%;  }
.leftColMenu #leftMenu li.first a { line-height:34px; background:url(../images/a-bg.png) no-repeat 15px 12px !important; text-transform:uppercase; color:#fff;  }
.leftColMenu #leftMenu li.first:hover a { color:#fff; }
/*.leftColMenu #leftMenu li a.active{color:#b45b16 !important;}*/
.leftColMenu #leftMenu li a.active{color:#b45b16 !important;font-weight:bold;}
.leftColMenu #leftMenu li:hover { background-color:#f7f7f7; }
.leftColMenu #leftMenu li:hover>a { color:#b45b16; background:url(../images/a-hover.png) no-repeat 15px 12px; }
.leftColMenu #leftMenu li:last-child:hover ul{position:absolute !important; bottom:0px !important; top:auto;}

/* SUB CATEGORY */

.leftColMenu #leftMenu .subCategory { position:absolute; top:0; left:100%; transition-duration:1s; width:200px; display:none; }
.leftColMenu #leftMenu li:hover .subCategory { display:block; }
.subCategory li{width:250px !important;}
.subCategory li a{width:225px !important; word-wrap:break-word !important;}
/* RIGHT COLUMN */

.contentCol { float:right; width:653px; }
.contentCol h2.home { border-left:0; height:40px; color:#d75f08; font:22px/39px 'zurich_condensed_bt'; text-transform:uppercase; background:url(../images/title-bg.jpg) no-repeat 0 0; margin-bottom:13px; }
.contentCol h2 { height:40px; color:#d75f08; font:22px/39px 'zurich_condensed_bt'; text-transform:uppercase; background:#e6e6e6; border-left:4px solid #555; margin-bottom:13px; }
.contentCol h2 span { font-family:'zurich_condensedbold'; color:#303030; padding-left:10px;  }
.contentCol p { color:#454444; font:13px/19px 'OpenSansRegular'; padding-bottom:10px;}

ul { list-style:none;}
ul li { background:url(../images/a-bg-hover.png) no-repeat 0 8px; color:#454444; font:13px/19px 'OpenSansRegular'; padding-left:13px; }
ol { list-style:none;}
ol li { color:#454444; font:13px/19px 'OpenSansRegular'; padding-left:0px; list-style:decimal !important;}

/* FOOTOER */


.quickLink {  float:left; width:630px; }
.quickLink h2 { display:block; color:#fffbb4;  font:22px/30px 'zurich_condensed_bt'; padding:10px 0 5px 18px; }
.footerLinks { padding:0 0 0 31px; }
.footerLinks li { float:left; width:190px; background:none; padding:0;}
.footerLinks a { transition:color 1s ease-in; font:14px/22px 'Calibri'; color:#fff; background:url(../images/bullets-yellow.jpg) no-repeat 0 7px; padding-left:14px; }
.footerLinks a:hover { color:#fffbb4; }

.footer .rightCol { padding:65px 0 40px 30px; background:url(../images/footer-sep.jpg) no-repeat 0 26px;  font:14px/22px 'Calibri'; color:#fff; width:304px; text-align:center; float:right; }
.footer .rightCol .copyright a { font:14px/22px 'Calibri'; color:#fff; }
.footer .rightCol .signature {  display:block; font:14px/22px 'Calibri'; color:#fff; text-indent:-19px; }
.footer .rightCol .copyright a:hover { color:#fffbb4; }

.btnSizingGuide { position:absolute; top:-11px; right:53px; background:url(../images/sizing-guide.png) no-repeat 0 0; width:201px; height:45px; display:block; }

/* INNER PAGE START ===================================================================*/

.innerPage P { color:#454444; font:13px 'OpenSansRegular'; padding-bottom:10px;  text-align:justify; }
.innerPage { background:#f6f6f6 url(../images/inner-page-shade.png) repeat-x 0 0; padding:20px 0 45px 0;}
.refresh { float:left; margin-top:5px; }
.captha { float:left; padding:0 8px; }
.required { color:#454444; font:12px 'OpenSansRegular'; }
.required span { color:#bc611a; }
.default { color:#bc611a; font:13px 'OpenSansRegular'; text-decoration:underline; }
.default:hover { text-decoration:none; }

.breadcrums { margin-top:-4px; text-align:left; color:#bc611a; font:11px/18px 'OpenSansRegular'; width:654px; height:28px; }
.breadcrums span {  padding-right:8px; float:left; text-transform:capitalize; }
.breadcrums span img { margin-top:1px; }
.breadcrums span a { float:left; color:#454444;  text-decoration:none; font:11px/18px 'OpenSansRegular'; }
.breadcrums span a img  {  vertical-align:middle;}
.breadcrums span a:hover {  color:#bc611a; }
.aboutus { padding-bottom:15px; }



.inputField label { color:#5f5f5f; font:13px/26px 'OpenSansRegular'; text-align:right; float:left; padding-right:5px; }
.inputField label span { color:#bc611a; }




/* CONTACT US	 =================================================================== */

.address { width:444px;}
.address p { color:#454444; font:13px 'OpenSansRegular'; padding-bottom:3px; }
.address p span { color:#303030; font:16px 'zurich_condensedbold'; padding-right:2px; }
.postal span { height:30px; float:left; width:56px; text-align:right; }
.fax { margin-top:-17px; clear:right; white-space:nowrap; *margin-top:5px; }
.email { clear:left; white-space:nowrap; *width:250px;} 
.email span { float:left; width:56px; text-align:right; }
.email a { float:left; color:#bc611a; font:13px/21px 'OpenSansRegular'; }
.email a:hover { color:#454444; }

.requestCallBack { background:url(../images/shade-contact.png) no-repeat 0 0; padding-top:33px; margin-top:20px; }
.requestCallBack  h3.subTitle { float:left; padding-bottom:10px; color:#303030; font:18px 'zurich_condensedbold'; }
.requestCallBack  h3.subTitle span { color:#bc611a; }
.requestCallBack .required { float:right; }

.requestCallBack .leftCol { width:280px; float:left; clear:left; *margin-top:-25px; }
.requestCallBack .leftCol .inputField label { width:59px;  }
.requestCallBack .rightCol { width:337px; float:right; clear:right;  *margin-top:-25px;   }
.requestCallBack .rightCol .inputField label { width:115px; }

.submit { background:url(../images/sprite.png) no-repeat 0 0; width:76px; height:32px; display:block; float:right; margin-top:12px; }
.submit:hover { background-position:0 -32px; }

/* PRODUCT LISTING ============================================================== */

/* PAGER */

.topPad { height:26px; width:100%; padding-bottom:16px; }
.pager { float:left; margin-top:2px; }
.pager span { float:left; margin-right:5px; }
.pager a { margin-right:5px; float:left; font:12px/20px 'OpenSansRegular'; color:#454444; height:20px; width:20px; background:#cecece; text-align:center; }
.pager a:hover { background:#9e4a03; color:#fff; }
.pager a.active { background:#9e4a03; color:#fff; }

.pager a.prev { background:url(../images/prev-page.jpg) no-repeat 0 0; width:7px; height:12px; margin:4px 10px 0 0; }
.pager a.prev:hover { background-position:-7px 0; }
.pager a.next { margin-left:5px; background:url(../images/next-page.jpg) no-repeat -7px 0;  width:7px; height:12px; margin-top:4px; }
.pager a.next:hover { background-position:0 0; background-color:none; }

.sortyBydd { float:right; }
.sortyBydd font { color:#454444; font:13px/25px 'OpenSansRegular'; padding-right:4px;  }

.productBox { transition-duration:1s; background:#e8e8e8; padding:2px; border:1px solid #e8e8e8; width:198px; height:222px; float:left; margin:0 20px 21px 0; }
.productBox img { display:block; opacity:9; transition-duration:1s; }
.productBox h3 { text-align:center;}
.productBox h3 a {  color:#454444; font:14px/30px 'OpenSansRegular'; }
.productBox:hover { border:1px solid #a7a7a7; }
.productBox:hover a { color:#9e4a03; }
.productBox:hover img { opacity:0.8; }

/* OUR PRODUCT ============================================================== */

.catelogTitle { color:#d75f08; font:22px 'zurich_condensed_bt'; text-transform:uppercase; }
.catelogTitle span { color:#303030; font-family:'zurich_condensedbold'; }

.buttons { padding-top:10px; }
.buttons a { opacity:9; transition-duration:1s; background:url(../images/button-left.png) no-repeat 0 100%; height:45px; float:left; padding-left:35px; margin:0 9px 8px 0;  *margin:0 9px 0px 0;}
.buttons a span { background:url(../images/button-right.png) no-repeat 100% 100%; height:45px; color:#fff; font:16px/56px 'zurich_condensedbold';  float:left; padding:0 27px 0 5px; }
.buttons a:hover { opacity:0.8; }

/* ACCORDIAN */

#accordion { padding:0px; margin:0px; }
#accordion h5 { padding-left:12px; background:#f6f6f6; color:#303030; border-top:1px solid #e6e6e6; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; border-left:2px solid #929292; height:38px; margin:0 0 2px 0; cursor:pointer; font:18px/38px 'zurich_condensedbold'; outline:none;}
#accordion h5 span { float:left}
#accordion .ui-state-active { background:#e6e6e6; color:#b45b16; }
#accordion h5:hover { background:#e6e6e6; color:#b45b16; }

#accordion .answer { padding:14px 14px 20px 14px; }
#accordion .answer p { padding-bottom:20px; }

/* IDEA CENTER ========================================================= */

.ideasCenter { padding-left:15px; }
.ideasCenter a { display:block; color:#b45b16; font:18px/27px 'zurich_condensedbold';}

.ideaCenterPage { }
.ideaCenterPage h3 { clear:both; color:#b45b16; font:18px 'zurich_condensedbold'; border-bottom:2px solid #e6e6e6; display:block; padding-bottom:8px; margin-bottom:15px; }
.ideaCenterPage .leftCol { width:306px; float:left; background:url(../images/border-v.jpg) repeat-y 100% 0; margin-right:14px; padding-right:13px; }
.ideaCenterPage .rightCol { width:304px; float:left; }

#productLunch,
#emloyeeApprec,
#safetyProgram,
#brandIdentity,
#newCustomer,
#anniversary,
#tradeShow,
#leadGeneration { float:left; padding:17px 0 0 15px; *margin-top:-15px; }
#productLunch { *margin-top:0; }


.ideaCenterPage .leftCol span,
.ideaCenterPage .rightCol span { color:#303030; font:16px 'zurich_condensedbold'; } 
.ideaCenterPage .leftCol p,
.ideaCenterPage .rightCol p { padding-bottom:15px; } 

.productDetail { padding:8px 0 0 260px; }
.productCode { float:left; clear:left; padding:8px 0 0 17px; white-space:nowrap; }

.btnContactEnquiry { transition-duration:1s; position:fixed; right:0; top:296px; z-index:999999; }
.btnContactEnquiry:hover { opacity:0.8; filter:Alpha(opacity=80); }

.btnBacktoProduct { transition-duration:1s; position:fixed; left:0; top:167px; }
.btnBacktoProduct:hover { opacity:0.8; filter:Alpha(opacity=80); }

.innerPage iframe { border:none; margin-top:-5px; }
.innerPage iframe html body { margin:0 !important; }
/*==============================22-8-2013===================================*/
.footer { min-height:169px; background:#0e0e0e; width:100%; float:left; margin:25px 0px 0px 0px !important; height:auto;}
.middle { padding:20px 0 45px 0;  }
.inputField { margin-bottom:9px; height:28px; width:380px; float:left; }
.inputField .txtBox { float:left; border:1px solid #e6e6e6; background:#fff; width:200px; padding-left:8px; height:24px; }
.inputField .txtBox input[type=text],input[type=password] { font:13px/17px 'OpenSansRegular'; color:#454444;  background:none; border:none;  height:16px; margin-top:3px; outline:none; width:192px; }
.inputField .txtArea { float:left; border:1px solid #e6e6e6; background:#fff; width:200px; padding-left:8px; }
.inputField .txtArea textarea { overflow:auto; font:13px/17px 'OpenSansRegular'; color:#454444;  background:none; border:none;  height:54px; margin:5px 0; outline:none; width:199px; resize:none; }


.leftColMenu #leftMenu li:last-child:hover ul{position:absolute !important; bottom:0px !important; top:auto;}

.backToTop {
    background-color: #FFFFFF;
    color: #ECB21F;
    display: block;
    float: right;
    font-size: 13px;
    font-style: italic;
    height: 22px;
    margin-top: -11px;
}
.backToTop a {
    background: url("../../images/backtoTop_arrow.jpg") no-repeat scroll right center #F6F6F6;
    color: #ECB21F !important;
    padding: 5px 28px 10px 5px;
    text-decoration: none;
}
.backToTop a:visited {
    text-decoration: none;
}

.paging_block{padding:0px; margin:0px;}
.paging_block a{padding:0px; margin:0px 5px 0 0; font-family:'OpenSansRegular'; font-size:12px; color:#000; width:19px; height:19px; line-height:19px; display:block; float:left; text-align:center;overflow:hidden;}
.paging_block a:hover, .paging_block a.active{ background:#c25e62;}

.leftColMenu #leftMenu li.first a:hover, .leftColMenu #leftMenu li.first a.active{color: #FFFBB4 !important;}

.caption ul{float:left; height:auto; width:100%;}
.caption ul li{float:left; height:22px !important; width:100%; background:url(../images/a-bg-hover.png) no-repeat 0 8px !important; padding:0px 0px 0px 13px !important;}