@font-face {
font-family: 'GothamRegular';
src: url('Gotham Regular.ttf');
}

@font-face {
font-family: 'RobotoSlab-Bold';
src: url('RobotoSlab-Bold.ttf'); 
}

@font-face {
font-family: 'LatoRegular';
src: url('Lato-Regular.ttf');
}

@font-face {
font-family: 'QuadonHeavy';
src: url('Quadon Heavy.ttf');
}

*
{
	margin: 0;
	padding: 0;
	border: 0;
}

p, div
{
	font-family: Verdana; 
	/*font-family: "LatoRegular";*/
	font-style: normal;
	font-weight:normal;
	font-size: 12px;
	color: #414042;
}

.regulartext
{
	font-family: Arial;
	/*color: #414042;*/
	color: #a6a6a8;
	font-size: 12px;
}
a
{
	/*color: #414042;*/
	color: #a6a6a8;
	text-decoration: none;
}
a:hover
{
	color: #0057b9;
}
a:active
{
    color:Orange;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * Author Styles start * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * * * */
.ImageAlignLeft
{
	/* if image is left side of text */
	float: left;
	padding-right: 28px;
}

.ImageAlignRight
{
	/* if image is right side of text */
	float: right;
	padding-left: 28px;
}
.header
{
	font-family: Arial;
	color: #6d6e71;
	font-size: 14px;
	font-weight: bold;
	line-height: 20PX;
}
.subheader
{
	font-family: Arial;
	color: #6d6e71;
	font-size: 12px;
	font-weight: bold;
	line-height: 20PX;
}
.regulartext
{
	font-family: Arial;
	color: #6d6e71;
	font-size: 12px;
	line-height: 20PX;
}
.footerheading
{
	font-family: Arial;
	color: #414042;
	font-size: 11px;
	line-height: 20PX;
}

.EventsBoxCss
{
    background:url(/images/Metcal/body-text-bg2.png);
    height:325px;
    clear:both;
    background-repeat: no-repeat;
}
.RegularEventText
{
    text-decoration:none;
    text-align:justify;
    line-height:18px;
    float:left;
    list-style:none;
    padding-top:35px;
    padding-left:20px;
    background:transparent;
}
.EventHeadingCSS
{
    width:212px;
    font-family:verdana;
    font-size:12px;
    color:#313131;
    line-height:20px;
}
.EventDescCSS
{
    width:215px;
    font-family:Arial;
    font-size:12px;
    color:#58595b;
    line-height:20px;
}


.ApplicationHeaderCSS
{
    background: url(/Images/Metcal/Application-bg.jpg) no-repeat;
}
.ProductMainCatHeadingCSS
{
    background: url(/Images/Metcal/product-header.jpg) no-repeat;
}
.ProductMainCatHeadingTextCSS
{
    font-family:Arial;
    color:Black;
    font-size:13px;
    text-decoration:none;
}
.ProductFontCSS
{
    font-family:Arial;
    color:Black;
    font-size:12px;
    text-decoration:none;
}

.ProductMainCatHeading2CSS
{
    background: url(/Images/Metcal/title-bg.png) no-repeat;
}
.ProductConvectionbackgroundcss
{
    background: url(/Images/Metcal/accessories-bg.jpg) no-repeat;
}
.ProductMainCatHeading3CSS
{
    background: url(/Images/Metcal/header2-bg.png) no-repeat;
}
.ProductConvectionApplicationcss
{
   background: url(/Images/Metcal/Application-bg.jpg) no-repeat
}
.ProductFumeBenchtop
{
   background: url(/Images/Metcal/benchtop-and-port-title-bg.jpg) no-repeat;
}
.ProductFumetip
{
   background: url(/Images/Metcal/tip-ex-title-bg.jpg) no-repeat;
}
.ProductFumeunderbench
{
   background: url(/Images/Metcal/under-bench-title-bg.jpg) no-repeat;
}
.ProductFumevolume
{
   background: url(/Images/Metcal/volume-ex-bg.jpg) no-repeat;
}
.ProductFontCSS2
{
    font-family:Arial;
    color:white;
    font-size:14px;
    text-decoration:none;
}
.ProductConvectionbackgroundcss
{
    background: url(/Images/Metcal/accessories-bg.jpg) no-repeat;
}
.toolType
{
    background: url(/Images/Metcal/tool-type.jpg) no-repeat;
    margin-top:6px;
}
.toolFunction
{
    background: url(/Images/Metcal/tool-function.jpg) no-repeat;
}
/* * * * * Author Styles End * * * * * * * * * * * */

/*---------------------*/
.HomeContentCSS3
{
   /* margin-top:90px; */
    height:auto;
    width: 100%;
	min-width: 990px;
	min-height:300px;
	padding-left: 20px;
   	font-weight: normal;	
}

.RegularBannerCSS
{  background: url(/Image%20Library/Metcal/HeaderFooter/inside-bg.jpg) repeat-x;
	margin: 0 auto;
	width: 100%;
    min-width: 990px;
    margin-top:96px;
    display: inline-block;
    background-color: white;
}


.BannerTextCSS
{
    /*background: url(/Image%20Library/Metcal/En/GlobalNav/Contact%20Us/contact-us-banner.jpg) no-repeat;*/
	 width: 990px; 
	 
	margin: 0 auto;
	
	/*padding-right: 70px;*/
}

.BannerTextCSS2
{
    width: 100%;
/*    padding-top:50px;*/
}

.BreadcrumbLeftContainer
{
	width:80%;
	float:left;
	padding-bottom:5px;
	padding-top:5px;
}
.BreadcrumbRightContainer
{
	width:20%;
	float:left;
	text-align:right;
	padding-top:5px;
}
.BreadcrumbCSS
{
   /* margin-top:90px; */
    border-top: solid 1px #747474;
    width: 960px;
	font-family: Arial;
	color: #808285;
	font-size: 11px;    
    
}

.BreadcrumbCSS2
{
    width: 990px;
    
}


.page-wrap
{
	width: 100%;
	min-width: 990px;
	background: white;
	background-repeat: repeat-x;
	margin: 0 auto;
}
.content-wrap
{
	width: 990px;
	margin: 0 auto;
	text-align: left;
	padding: 0 ;
}
.clear_both
{
    clear:both;
}

.BannerContainer {
    display: block;
    height: 223px;
}
.bannerHeadText {
    color: #f0b323;
    /*font-family: Arial;*/
    font-family: RobotoSlab-Bold;
    font-size: 44px;
    position: relative;
    top: -175px;
    left: 20px;
    font-weight: normal;
    height: 0px;
}
.BannerTextContainer
{
    top:-490px;
    position:relative;
    left:20px;
    z-index:12px;
}
//**Contact Us page*/
/* * * * * Contact Page styles start * * * * * * * * * */
.imgMap area
{
	cursor:pointer;
}
.contactHeading a
{
	font: bold 20px Arial;
	color: #231f20;
	cursor:pointer;
}
.contactDescWrap
{
    background: #F1F1F3;
	border: 1px solid #C5C7C8;
	-moz-border-radius: 10px;
	border-radius: 10px;
	overflow: hidden;
	padding: 10px;
	/*width: 100%; */
	width: 740px;
	margin-top: 10px;
}
.contactDesc
{
	line-height:1.5;
	display:none;
}

.contactHeading a, .contactHeadingSeperator
{
    font: bold 20px Arial;
    color: #0078C1;
    cursor: pointer;
}

/* * * * * Contact Page styles end * * * * * * * * * */

/* * * * * * * * * * * Header styles * * * * * * * * * * * * * * * */
.HeaderContainer
{
	width: 100%;
	background: #bcbdbf url(/images/Metcal/header-bg.jpg) repeat-x;
	height: 96px;
	position:fixed;
	z-index:1000;
	top:0;
}
.Header
{
	height: 65px;
	width: 990px;
	margin: 0 auto;
	z-index: 11;
	position: relative;
}
.headerPart1
{
	float: left;
	height: 65px;
	margin:0;
}
.headerPart2
{
	float: right;
	padding-right: 20px;
	padding-top: 24px;
	margin:0;
}
.headerPart2 li
{
	float: left;
	list-style: none;
	padding: 0px 10px;
	border-right: 1px solid #414042;
	margin:0;
	
}
.headerPart2 li.lastOne
{
	border: none;
	margin:0;
}
.headerPart2 li a
{
	font-size: 11px;
	font-family: Arial;
	margin:0;
	color: #A6A6A8;
}
.headerPart3
{
	padding-top: 26px;
	margin:0;
	margin-right:10px;
	float: right;
}
.headerPart4
{
	padding-top: 23px;
	margin:0;
	margin-left: 10px;
	float: right;
}
.headerPart5
{
	padding-top: 22px;
	margin:0;
	margin-left: 20px;
	float: right;
}
.ddlLanguageCSS
{
	font-size: 11px;
	height: 20px;
	line-height: 20px;
	width: 160px;
	color:#414042;
}
.txtSearch
{
	height: 20px;
	line-height: 20px;
	width: 212px;
	text-align: right;
	padding-right: 10px;
	background: #f0f0f0;
	border:1px solid #c6c6c6;
	font-family: Verdana;
	font-size: 10px;
	color:#414042;
}
/* * * * * * * End of Header styles* * * * * * * * * * * * * * * * * * * */


/* * * * * * * Navigation Menu styles* * * * * * * * * * * * * * * * * * * */
.MenuContainer
{
	clear: both;
	position: relative;
	width: 100%;
	height: 31px;
	background: url(/images/Metcal/menu-bg.jpg) repeat-x;
}
.Menu
{
	width: 990px;
	margin: 0 auto;
}

.mainNavTitleNew
{
	
	font-weight:bold;
}
#mainNav
{
	float: left;
	text-align: left;
}

#mainNav li
{
	float: left;
	margin-right: 0px;
	list-style: none;
	position: relative;
}
#mainNav li:hover, #mainNav li.selectedMenu:hover
{
	background-color: #4a4a4a;
	height: auto;
}
#mainNav li.selectedMenu
{
	background-color: #5d5d5d;
	height: auto;
}
#mainNav li a
{
	font-family: Verdana;
	font-size: 13px;
	/* color: #414042;*/
	color: #F0B323;
	margin-top: 3px;
	text-decoration: none;
	float: left;
	display: block;
	padding: 5px 15px;
	height: 18px;
	position: relative;
}
#mainNav li a:hover, #mainNav li:hover a, #mainNav li.selectedMenu a
{
	color: #fff;
}
#mainNav li a.first
{
	padding-left: 8px;
	padding-right: 8px;
}
div.level2, div.megamenu
{
	position: absolute;
	left: 0;
	top: 30px;
	background: #4a4a4a;
	padding: 0px;
	width: auto;
	min-width:200px;
	white-space:nowrap;
	display: none;
	z-index: 20;
}
div.megamenu
{
	width: 680px;
	height: 285px;
}
#mainNav li:hover div.level2, #mainNav li:hover div.megamenu
{
	display: block;
}


#mainNav div.level2 ul, #mainNav div.megamenu ul
{
	margin: 0;
	padding: 0;
}
#mainNav div.level2 ul li, #mainNav div.level2 ul li a, #mainNav div.megamenu ul li, #mainNav div.megamenu ul li a
{
	float: none;
	display: block;
	color: #fff;
	font: 12px Arial;
}
#mainNav div.level2 ul li:hover, #mainNav div.level2 ul li a:hover, #mainNav div.megamenu ul li:hover, #mainNav div.megamenu ul li a:hover
{
	background: #272727;
}
#mainNav div.level2 ul li:hover, #mainNav div.megamenu ul li:hover
{
	background: none;
}
#mainNav div.level2 ul li a, #mainNav div.level2 ul ul li a, #mainNav div.megamenu ul li a, #mainNav div.megamenu ul ul li a
{
	margin: 0;
	padding: 5px 10px 5px 15px;
	line-height: 20px;
}
#mainNav div.level2 ul ul ul li a, #mainNav div.megamenu ul ul ul li a
{
	padding-left: 10px;
}
#mainNav div.megamenu div.columns
{
	float: left;
	width: 207px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 5px;
	z-index: 2000;
}
div.level2 ul li ul
{
	position: absolute;
	left: 100%;
	top: 0;
	background: #5c5c5c;
	padding: 0px;
	width: auto;
	min-width:200px;
	white-space:nowrap;
	display: none;
	z-index: 20;
	text-align:left;
}
#mainNav div.level2 ul li:hover ul
{
	display:block;
}
#mainNav div.level2 ul li ul li:hover,#mainNav div.level2 ul li ul li a:hover
{
	background: #404040;
}
/* * * * * * * End of Navigation menu styles* * * * * * * * * * * * * * * * * * * */



.SocialLinks
{
	float: right;
	height:31px;
	padding:0;
}


/* * * * * * * Footer styles * * * * * * * * * * * * * * * * * * * */
.dvFooterContainer
{
	background-image: url(/images/Metcal/footer-bg.jpg);
	clear: both;
	width: 100%;
	height: 57px;
	z-index: 12;
}
.dvFooterWrap
{
	width: 990px;
	margin: 0 auto;
	font-family:Arial;
}
.dvFooterWrap *
{
	font-size:10px;
}
.FooterContainer
{
	margin: 0 auto;
	background-color:#313131;
}
.footerRightLine
{
	background: url("/Image Library/Metcal/HeaderFooter/Footer-line.jpg") no-repeat scroll right 5px transparent;
}
/* * * * * * * End of Footer styles * * * * * * * * * * * * * * * * * * * */



.pagination
{
	position: relative;
	top: -830px;
	width: 100px;
	margin: 0 auto;
	z-index: 112;
	height: 15px;
}
.pagination li
{
	float: left;
/*	background-image: url(/images/Metcal/bullet_Banner.png); */
	background-position: 0 0%;
	width: 15px;
	height: 15px;
	z-index: 115;
	list-style: none;
}
.pagination li:hover
{
	background-position: 0 50%;
}
.pagination li.current
{
	background-position: 0 100%;
}
.pagination li a
{
	display: block;
	width: 15px;
	height: 15px;
	color:transparent;
	
}
.BreadcrumbCSS
{
	border-top:1px solid #ccc;
}
.BreadcrumbLeftContainer, .BreadCrumbLeftContainer
{
	width:80%;
	float:left;
	padding:5px 0px;
    color:#929292;
}
.BreadcrumbLinks
{
    font-size:11px;
    color:#929292;
}

.detailbclink
{
    font-family: Arial;
    color: #6D6E71;
    font-size: 12px;
}
.BreadcrumbRightContainer, .BreadCrumbRightContainer
{
	width:19%;
	float:left;
	text-align:right;
    color:#929292;
    padding: 5px 0px;
}

/*Accordian styles for product pages*/
.PanelTab
{
    border:1px solid #424242;
    padding:5px;
    margin-bottom:15px;
}
.AcHeader
{
    background: url("/images/plus.jpg") no-repeat right top;
    min-height: 18px;
    cursor: pointer;
    font-size: 13px;
}
.AcHeader.AccSelected
{
    background: url("/images/minus.jpg") no-repeat right top;
    border-bottom: 1px solid #424242;
    margin-bottom: 5px;
    padding-bottom: 5px;
}
.accordianContent
{
    display:none;
}
.accordianContent *
{
    line-height:20px;
}
.accordButton
{
    background: url("/images/Metcal/acc-btn.gif") no-repeat ;
    text-align: center;
    color: white;
    width:134px;
    width:42%\0/;
    *width:42%;
}
.accordButton a
{
    color:#fff;
    width:100%;
    width:134px\9;
    display:block;
    padding-top:10px;
}
    

/* * * * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * Home Page styles start  * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * * * */
#BannerSlider
{
	width: 100%;
	background: #fff;
	background-repeat: repeat-x;
	margin: 0 auto;
	top: 96px;
	position: absolute;
	min-width: 990px;
}
.bannerLearnMore
{
	float: left;
    left: 27px;
    position: relative;
    top: 250px;
    z-index: 13;
    margin-top:-20px;
}
.slide
{
	margin: 0 auto;
	text-align: center;
	background-repeat: repeat-x;
	min-height: 538px;
	width:100%;
}
.ImageWrapper
{
	width: 990px;
	margin: 0 auto;
	text-align:left;
}
.newsVideoContainer
{
	clear: both;
    z-index: 11;
    float: right;
    position: relative;
}
.HomeVideoCSS
{
	z-index: 11;
	text-align: right;
	padding-top: 50px;
	position: relative;
	width: 302px;
	float: right;
}
.News
{
	background-color: #000000;
	height: 30px;
	position: relative;
	vertical-align: middle;
	filter: alpha(opacity=60);
	opacity: 0.6;
	-moz-opacity: 0.6;
	
}
.NewsListHeader
{
   /* background: #DFDFDF;*/
    background: #59595b;
    float: left;
    /*color: black;*/
    color: white;
    width: 207px;
    height: 21px;
    text-align: center;
    padding-top: 7px;
    font-size: 13px;
    font-weight: bold;
    margin-top: 13px;
    border:1px solid #BCBDBF;
    border-bottom:0px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    
}
.NewsListHome
{
	position: relative;
	z-index: 2;
	text-align: left;
	clear:both;
	border: 1px solid #BCBDBF;
	border-top:0px;
	height:310px;
	overflow:scroll;
	
}
.NewsListHome ul li div
{
	border: 1px solid #aaaaaa;
	background: #ffffff;
	z-index: 1;
	list-style: none;
	
	
	
}
.NewsText
{
	
	background: #202122;
	padding: 5px;
	min-height:38px;
	font-size: 12px;
	list-style: none;
	
	
	
}
.NewsText a
{
    font-family:Arial;
	vertical-align: middle;
	font-size:12px;
	line-height: 1.5;
	color: White;
	
	
}
.NewsText a span
{
	color: inherit;
	font: inherit;
	float: right;
	font-weight:bold;
	
	
}
.dvBannerVideo
{
	margin-top:20px;
}

.dvHomeContent
{
	text-align:left;
	min-height:400px;
	margin-top: 25px;
	padding-top: 50px;
    clear: both;
}
.dvCol1
{
	width:726px;
	float:left;
	z-index:12;
	position:relative;
	padding-left:20px;
}
.dvCol2
{
	width:209px;
	padding-left:15px;
	float:left;
	z-index:11;
	position:relative;
}
.ProdCatContainer
{
	/*position:relative;*/
	z-index:12;
width:690px;
	overflow:hidden;
	float:left;
	height:445px;	
}
.prod
{
    background-repeat: no-repeat;
    width: 222px;
    height: 160px;

    padding-left: 10px;
    float: left;
    cursor: pointer;
    padding-bottom:10px; 
}
.ProdCatContainer ul
{
    float: left;
    margin-right: 20px;
}
.ProdCatContainer ul li
{
    list-style: none;
    cursor: pointer;
    float: left;
    margin-top: 130px;
    padding: 10px 30px 10px 10px;
    background: url('/images/Metcal/plus.png') no-repeat 90% 10px;
}
.ProdCatContainer ul li:hover , .ProdCatContainer ul li.prodLiHover
{
    background-color: #404142;
    color:#fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding-bottom:25px;
}
.ProdCatContainer ul li.leftSubMenu
{
    min-width: 55px;
}
.ProdCatContainer ul li.rightSubMenu
{
    min-width: 87px;
    text-align: right;
    width:87px;
}
.dvProdDescContainer
{
}
.ProdDesc
{
    width: 70%;
    background:#404142;
    border-radius: 10px;
    position: absolute;
    top:160px;
    left:0;
    color:#fff;
    margin-top:10px;
    padding:20px;
    display:none;
    font-family: Arial;
    line-height: 25px;
    font-size:12px;
    
}
.ProdDesc *
{
	color:#fff;
}

/*-------Testimonial slide styles-------------------*/
.dvTestimonialSlide
{
	width:210px;
	height:187px;
	background:url("/Image Library/Metcal/En/GlobalNav/Home/Testimonials-bg.jpg") no-repeat;
	line-height:1.5;
	font-family:Arial;
}
.dvTestimonialSlide .slide_Testimonial
{
	min-height:165px;
	width:200px;
}
.dvTestimonialSlide .slide_Testimonial .Author
{
	text-align: right;
	width:200px;
	padding-right:10px;
	font-weight:bold;
}
.dvTestimonialSlide .slide_Testimonial .Author a
{
	color:#0057B9;
}
.dvTestimonialSlide .slide_Testimonial .Description
{
	text-align: left;
	margin:10px 10px 0 10px;
	padding-top:10px;
	width:190px;
	font-style:italic;
}
.dvTestimonialSlide .pagination
{
	position: relative;
	float:left;
	top: 0px;
	width: 70px;
	padding-left:10px;
}
.dvTestimonialSlide .pagination li
{
	background-image: url(/images/Metcal/bullet.png);
}
.readAllTestm
{
	float: right;
    padding-right: 10px;
    position: relative;
    text-align: right;
	font-style:italic;
    top: -21px;
}
/* * * * * Home Page styles end * * * * * * * * * */

/*--------------------- Text Editor CSS -----------------------*/

.RegularTextWhite
{
    font-family:Arial;
    color:White;
    font-size:12px;
    text-decoration:none;
}

.RegularText
{
	font-family: Arial;
	color: #58595b;
	font-size: 12px;
	text-decoration: none;
}

.RegularTextLeftNav
{
	font-family: Arial;
	color: #58595b;
	font-size: 12px;
	text-decoration: none;
	line-height: 25px;
}
.LeftNavigationText
{
	font-family: Arial;
	color: #0078c1;
	font-size: 12px;
	text-decoration: none;
	line-height: 25px;
}
.Heading1
{
	font-family: Arial;
	color: #0078c1;
	font-size: 20px;
}
.SubHeading1
{
	font-family: Arial;
	color: #0078c1;
	font-size: 16px;
}

.BannerText1
{
	font-family: Arial;
	color: White;
	font-size: 30px;
}
.BannerText2
{
	font-family: Arial;
	color: White;
	font-size: 18px;
}

.RightNavBckground
{
	background: url(/Image%20Library/OKI%20Images/English/GlobalNavigation/About%20Us/right-nav-bg.jpg) no-repeat;
}

.LargeBox
{
	background: url(/Image%20Library/OKI%20Images/English/GlobalNavigation/About%20Us/tab-bg.jpg) no-repeat;
}

/*--------------------- Ends Here -----------------------*/


/*--------------------Metcal Product Pages Styles ---------------------------*/
.LeftNavAnchorClass.arrow
{
    background:url('/images/arrow-nav.png') no-repeat 0% 4px;
    padding-left:13px;
    display:block;
}
.ProducRightNavParent1
{
    text-align:left;background-color:#333333;list-style:none;padding-bottom:2px;
}
.ProducRightNavParent2
{
    text-align:left;background-color:#333333;list-style:none;padding-top:10px;border-top:1px solid #6e6e6e;
}
.ProducRightNavChild1
{
    text-align:left;background-color:#333333;list-style:none;padding-bottom:5px;
}
.ProducRightNavChild2
{
    text-align:left;background-color:#333333;list-style:none;padding-top:10px;padding-bottom:5px;
}
.ProductRight1
{
    padding-left:8px;padding-bottom:10px;
    
}
.ProductRight2
{
    padding-left:23px;
    padding-bottom: 5px;
}
.space {
    clear: both;
    margin-bottom: 8px;
    min-height: 1px;
}


/*--------------------------Metcal Ecommerce CSS-------------------------------------*/

/*Hide add to cart button in techcon and metcal list pages*/
.prodAddCartInvisible
{
    display:none;
}
.knowMoreBtn
{
    padding-top:8px;
}

.productUtitlityContainer
{
    border: 1px solid #C5C7C8;
    width: 100%;
    display:inline-block;
}
.productUtitlityDiv
{
    padding: 10px;
    display:inline-block;
}
.productUtitlityContainer .placeOrderColumn
{
    padding-left:10px;
    padding-top:10px;
    width:48%;
    float:left;
    border-right: 1px solid #C5C7C8;
}
.productUtitlityContainer .addToWishlistColumn
{
    width:48%;
    float:left;
    padding-top:10px;
    padding-left:10px;
}
.productUtitlityContainer .productPriceLabel
{
    color:Blue;
    font-weight:bold;
}
.productUtitlityContainer .productPrice
{
    color:Blue;
}
.productUtitlityContainer .formRow
{
}
.productUtitlityContainer .formRow .formLabel
{
    display: inline-block;
    font-weight: bold;
    min-width: 100px;
    padding-bottom:5px;
}
.productUtitlityContainer .formRow .formValue
{
}
.ProdcuctLongDescCSS, .ProdcuctLongDescCSS p,.ProdcuctLongDescCSS div,.productShortDesc, .productShortDesc p,.productShortDesc div,.ProductAttributes .TabbedPanelsContent,.ProductAttributes .TabbedPanelsContent p,.ProductAttributes .TabbedPanelsContent div
{
    font-family:Arial;
    padding-top:2px;
    padding-bottom:2px;
    padding-left:1px;
}
.ProductDetailLeftCSS
{
    float: left;
    width: 260px
}
.ProductDetailContentCSS
{
    display: inline-block;
    width: 729px;
}
table.formComment {
    color: #333;
    text-align: left;
    border: 1px solid #C5C7C8;
    padding: 20px 20px 20px 20px;
}
table.formComment th {
    font-family: Arial, Helvetica;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 7px;
    color: #333;
}
table.formComment td {
    font-size: 11px;
    vertical-align: top;
    padding-bottom: 8px;
}
table.formComment td.col1 {
    width: 180px;
}
.commentsMessage 
{
    font-family:Arial;
    width: 450px;
    background-color: #CCC;
    border: solid 1px #999;
    padding: 6px;
    color: black;
}
.ctl12_ctl00_productcomments_ratings_ratingLabel, .ctl12_ctl00_ctl03_productcomments_ratings_ratingLabel
{
    display:block;
}
.ctl12_ctl00_full_ratings_ratingLabel
{
    color: white;
    vertical-align: top;
    display: inline-block;
}
.CommonProdListRightNav, .TechconCommonProdListRightNav, .MetcalProdCatRightNav, .TechconProdCatRightNav
{
    float: right; width: 790px; margin-left: 10px; margin-top: 5px;margin-bottom: 10px; 
}
.CommonProdListLeftNav, .TechconCommonProdListLeftNav
{
    margin: auto 0; float: left; width: 180px; text-align: right;margin-top: 5px;font-family:Arial;min-height:350px;
}
.CommonProdListContainer
{
    border: solid 1px #CCC;
    padding:10px;
}

/*--------------------------USWebstore Navigation CSS ----------------------------*/
.USWebstoreProducRightNavChild1
{
    text-align:left;background-color:#333333;list-style:none;
}
.USWebstoreProducRightNavParent2
{
    text-align:left;background: url(/images/USWebstore/left-menu-bg.jpg);list-style:none;padding-top:5px;border-top:1px solid #dadada;border-right:1px solid #dadada;border-left:1px solid #dadada;
}

.USWebstoreProducRightNavChild2 {
    text-align: left;
    list-style: none;
    padding-top: 7px;
    padding-bottom: 8px;
    border-right:1px solid #dadada;border-left:1px solid #dadada;
}

.USWebstoreProductRight2
{
    padding-left:23px;
}

.USWebstoreProducRightNavChild1
{
    text-align:left;background-color:#333333;list-style:none;
}

.USWebstoreProductRight1
{
    padding-left: 8px;
    padding-bottom: 7px;
    background: url(/images/plus.jpg) no-repeat 98% top;
}
.current .USWebstoreProductRight1
{
    background: url(/images/minus.jpg) no-repeat 98% top;
}
.USWebstoreProductRight1 a
{
    color:White;
    display:block;
}
.USWebstoreProducRightNavChild2.current 
{
    background: #d5d5d5;
}

.USWebstoreProducRightNavParent1
{
    text-align:left;background-color:#333333;list-style:none;padding-bottom:0px;border-bottom:1px solid #dadada; margin-bottom:10px;
}

.btnWebstoreSearchCSS
{
    background:url(/images/USWebstore/search.jpg);
    cursor:pointer;
}
.FindProductBtnCSS
{
    cursor:pointer;
}

.USWebstoreRegularBannerCSS
{
	margin: 0 auto;
	width: 100%;
    min-width: 990px;
}

.USWebstoreBreadcrumb
{
	float:left;
	padding-bottom:0px;
    color:#929292;
    width: 600px;
}
.ddlWishList
{
    border: 1px solid #C5C7C8;
    height: 20px;
    width: 150px;
}
.txtFeaturedProdSearch
{
    border:1px solid #bdbdbd;
    height:26px;
    width:265px;
    line-height:26px;
}
.featuredListLeftNav
{
    float: left;
    width: 240px;
}
.featuredListRightNav
{
    float:left;
    margin-left:15px;
    width:735px;
}
.bestSellingContainer
{
    float: left; 
    width: 328px;
    border: solid 1px #dadada;
    margin-bottom: 10px;
    background-color: #f8f8f9;
}
.newProductsContainer
{
    float: left; width: 185px; margin-left: 15px; border: solid 1px #dadada; margin-bottom: 10px; background-color: #f8f8f9;
}
.specialOfferProductsContainer
{
    float: left; width: 185px; margin-left: 15px; border: solid 1px #dadada; margin-bottom: 10px; background-color: #f8f8f9;
}
.WSProductListContainer
{
    border: solid 1px #CCC; margin-bottom: 10px; padding:10px;
}
.PagingContainer
{
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
    border-bottom: 1px solid #C5C5C5;
    padding-bottom: 5px;
}
.ddlProdSort 
{
    border: 1px solid;
    color: #414042;
    font-family: Arial;
    font-size: 12px;
}
.ProductSortLnkContainer
{
    float:right;
}
.prodAccordianHeader
{
    color: #666;
    background:#e2e2e2 url("/images/accordian-bg.png") repeat-x;
    padding: 5px;
    margin-top: 10px;
    cursor: pointer;
}
.prodAccordianHeaderSelected
{
    color: #666;
    background:#e2e2e2 url("/images/accordian-bg.png") repeat-x;
    padding: 5px;
    margin-top: 10px;
    cursor: pointer;
}
.prodAccordianHeader h4, .prodAccordianHeaderSelected h4
{
    color: #666;
    font-weight:normal;
    text-transform:capitalize;
}
.prodAccordianContent
{
    background-color: #f9f9f9;
    border: 1px solid #C5C7C8;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
    margin-bottom:5px;
    max-height:400px;
}
.prodAccordianContent .producttable td,.prodAccordianContent td.ProductListItem {
    width: 22%;
}
#td_rating span
{
    display:block;
    padding-right:8px;
}
/*-----------------------------------------------------------------------------------*/

.ProductTitlFontCSS
{
    color:White;
    float:left;
    width:570px;
    font-weight:bold;
}
.ProductTitlBackCSS
{
    background-color:#231f20; color:White;line-height: 20px;margin-top: 2px;padding: 6px 10px 6px 10px; display: inline-block; width: 708px;
}
.RatingStarsCSS
{
    padding-top:2px;
    float:right;
    height:24px;
}
.ProductCommentCSS
{
    padding:10px;
}
.ProductContentDesc
{
    border: 1px solid #C5C7C8;
    min-height: 160px;
    padding: 10px;
}
.ProductContentDesc a
{
    color:blue;
}
.ProductRecentCSS
{
    border: 1px solid #C5C7C8;
    padding: 20px 0px 20px 20px;
}
.BannerProductDetailCSS
{
    margin-top:-5px;
}
.thumbnailSection
{
    padding-top:15px;
}
.thumbnailSection img {
margin-right: 5px;
}

.selected
{
    color:Orange;
}
.TabbedPanelsContent ul li,.ProductContentDesc ul li, .textContainer ul li
{
    margin-left:10px;
    list-style-type:disc;
    list-style-position:inside;
}
.TabbedPanelsContent ul li li,.ProductContentDesc ul li li, .textContainer ul li li
{
    list-style-type:circle;
}


/*--------------------------Metccal Ecommerce CSS Ends-------------------------------------*/


/******** Video *******/

.tapVideo
{
	width:800px;
}
.DummyVideoContainer
{
	display:none;
}
.tapVideoColumn
{
    padding-left: 20px;
    float:left;
    /*width:230px; */
    width:160px;
}
#simplemodal-container a.modalCloseImg {
  background:url("/images/Fancybox/fancy_close.png") no-repeat; /* adjust url as required */
 width:29px;
 height:29px;
 display:inline;
 z-index:3200;
 position:absolute;
 top:-15px;
 right:-18px;
 cursor:pointer;
 }
 
#simplemodal-overlay {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 z-index: 1100;
 display: none;
 background:#000;
}

/*IE8 specific style*/
@media \0screen
{
	.ddlLanguageCSS
	{
		padding-bottom: 1px;
	}
	.pagination li a
	{
		filter:alpha(opacity=0);
	}
}
/*Chrome specific style*/

/*Firefox Specific style*/
@-moz-document url-prefix() {
	.pagination
	{
		
	}
}


.ProductSlide
{
    width: 220px;
    padding-left: 10px;
    float: left;
    cursor: pointer;
    padding-bottom:10px;
}
.ProductSlide img
{
    padding-bottom:10px\0/;
    *padding-bottom:10px;
}
.ProductSlide_control
{
    /*height: 100%;*/
    width: 804px;
}
.ProductSelector
{
    height: 165px;
    width: 760px;
    float: left;
    padding-bottom: 20px;
    margin-top: 20px;
}
#ProductSlidesContainer
{
    width: 691px;
    height: 165px;
    overflow: hidden;
    float: left;
}
.ProductNextArrow
{
    cursor: pointer;
    float: left;
    margin-top: 70px;
    width: 24px;
    z-index: 10;
    padding-left: 0px;
}
.ProductPrevArrow
{
    cursor: pointer;
    float: left;
    left: 10px;
    margin-top: 76px;
    width: 24px;
    z-index: 10;
}

.ProductMenu
{
    float: left;
    display: none;
    top: 189px;
    position: relative;
}
.ProductMenu li
{
    float: none;
    list-style: none;
    border-bottom: 1px solid #000;
    background-color: #e2e2e2;
    padding-left: 20px;
    height: 20px;
    line-height: 20px;
}
.prodListContainer
{
    position:absolute;
    height:0;
    *left:20px;
}