/**

   * =================================================================

   *  Copyright (c) 2001-2009.  APSIVA, Inc.  All rights reserved.

   *

   *  No part of this document can be reproduced. Protected under

   *  national and international copyright laws and treaties.

   *  Unauthorized distribution of reproduction of this program, or

   *  any portions of it, may result in severe civil or criminal

   *  penalties, and will be prosecuted to the maximum extent

   *  possible under the law.

   *

   *  Apsiva Inc.,

   *  1400 E Touhy Ave, Suite 410, Des Plaines, IL 60018

   *  www.apsiva.com | info@apsiva.com | 866-277-4826

   *  =================================================================

   */





/* ---------------------------------- TOP -------------------------------------------*/

#top

{

	width: 800px;

}

#top .menu

{

	border-bottom-color:#CCCCCC;

	border-bottom-style: solid;

	border-bottom-width: 1px;

	border-collapse: collapse;

	margin: 0 auto 0 auto;

	padding: 0 0 0 0;	

	height: 25px;

	float:none;

	clear:both;

}

#top td

{

	margin: 0px;

	padding: 0px;

	border: none;

}

/*#top a

{

	background-image:url('../images/common/MainMenuBar_Silver.png');

	background-repeat: no-repeat;

	text-align: center;

	vertical-align:text-top;

	width: 158px;

	height: 25px;

	margin: 0 1px;

	display: block;	

	font-family: Calibri;

	font-size: 14px;

	color: #305083;

	font-weight: bold;

	text-decoration: none*/

}



/* ------------------------------------ ALL PAGES ------------------------------------ */

.mainBody

{

	background-image: url('../images/common/CorpBkgrd.gif');

	background-repeat: repeat;

	/*font-family: arial; Commented by Shivam for IE */

}

.centeredContent

{

	margin: auto;

	background-color: #ffffff;

	width: 802px;

	min-height: 600px;

}

img

{

	border-style: none;

	behavior: url("../iepngfix.htc"); 

	border: none;

}

div

{

	 behavior: url("../iepngfix.htc"); 

}

/* ------------------------------------ DIVISION ------------------------------------ */

.SelectDivision

{

	background-image:url('../images/common/Globe_Gray.png');

	background-repeat:no-repeat;

	width:800px;

	height:406px;

	vertical-align: middle;

	margin-left:auto;

	margin-right: auto;

	margin-top:25px;

	border: medium none;

}

.DivisionLinks

{

	font-family: Calibri;

	font-size: 20px;

	color: #305083;

	font-weight: bold;

	text-decoration: none;

}

.DivisionLinks:hover

{

	font-family: Calibri;

	font-size: 20px;

	color:#3333FF;

	font-weight: bold;

	text-decoration: none;

}

.divHeader

{

	width: 800px;

	height: 25px;

	background-image: url('../images/common/MainMenuBar_Silver.png');

	font-family: Calibri;

	font-size: 16px;

	color: #ffffff;

	font-weight: bold;

	text-align: center;

	margin-left: 1px

}

td.Select

{

	font-family: Calibri;

	font-size: 20px;

	width:400px;

	color: #305083;

	font-weight: bold;

	text-align: right;

	padding: 0 3px 0 0;

	vertical-align: middle;

	border-right-color: #305083;

	border-right-style: solid;

	border-right-width: 1px;

}

td.Links

{

	text-align: left;

	padding: 0 0 0 3px;

	vertical-align: middle;

}





/* ------------------------------------ REGION ------------------------------------ */

.menuWide

{

	border-bottom-color:#CCCCCC;

	border-bottom-style: solid;

	border-bottom-width: 1px;

	border-collapse: collapse;

	margin: 0 auto 0 auto;

	padding: 0px;	

	height: 25px;

	float:none;

	clear:both;

}

.menuWide a

{

	width: 397px;

	height: 25px;

	background-image: url('../images/common/MainMenuBarWide_Silver.png');

	background-repeat: no-repeat;

	text-align: center;

	vertical-align: text-top;

	display: block;

	text-decoration: none;

	font-family: Calibri;

	font-size: 14px;

	color: #ffffff;

	font-weight: bold;

	vertical-align: text-top; margin-left:1px; margin-right:0; margin-top:0; margin-bottom:0

}

.menuWide a:hover

{

	background-image: url('../images/common/MainMenuBarWide_Blue.png');

}

.menuWide .selected

{

	background-image: url('../images/common/MainMenuBarWide_Blue.png');

}



/* ------------ Header ---------------- */

.corporateHeaderCommon

{

	background-image: url('../images/common/trueLogo.png');

	height: 88px;

	margin-left: auto;

	margin-right: auto;

}

.searchBox

{

	margin-top: 54px;/*55px; modified by Shivam*/

	margin-bottom: 0px;

	margin-right: 0px;

	margin-left: 0px;

	float: right;

}

.searchBox input

{

	vertical-align: middle;

}



/*------------Bottom -----------------*/



.tdStyle{

	border:1px solid black;

	height:20px;

	font-family:Calibri;

	font-size:12px;

	overflow:hidden;

	padding-left:1px;

	padding-right:1px;

	padding-bottom:0px;

	text-align: center;

}

.tableStyle{

	border:2px solid black;

	border-collapse:collapse;

}





/*#bottom .widecell a

{

	background-image:url(../images/FooterMenuBar.png);

	background-repeat: repeat-x;

	vertical-align:text-top;

	height: 16px;

	width: 266px;

	font-family: Constantia;

	font-size: 10px;

	color: #ffffff;

	text-align: center;

	text-decoration: none;

	display: block;

}*/





/* --------------------------------------------------- */



/* ------------------------------------ TOP ------------------------------------ */

/*

.searchBox

{

	margin-top: 54px;

	margin-bottom: 0px;

	margin-right: 7px;

	margin-left: 0px;

	float: right;

}

.searchBox input

{

	vertical-align: middle;

}*/

#top

{

	width: 802px;

}

#top .menu

{

	border-bottom-color:#CCCCCC;

	border-bottom-style: solid;

	border-bottom-width: 1px;

	border-collapse: collapse;

	margin: 0 auto 0 auto;

	padding: 0 0 0 0;	

	height: 25px;

	float:none;

	clear:both;

}

#top td

{

	margin: 0px;

	padding: 0px;

	border: none;

}

/* ------------------------------------ MIDDLE MENU ------------------------------------ */

#middle

{

	clear:both;

}

.productCaption

{

	border-bottom:1px solid #CCCCCC; width: 183px;

	height: 20px;/*22px; modified by Shivam*/

	background-image:url('../images/common/SelectProdBar2.png');

	background-repeat:no-repeat;

	/*background-color:#D6D6D6;*/

	font-family: Calibri;

	font-variant: small-caps;

	/*color: #305083;*/

	font-size: 16px;

	text-align: center;

	padding: 0px;

	margin-left: 1px

}

.productMenu

{

	text-align: left;

	margin-left: 1px;

	background-color: #acacac;

	width: 183px;

	float:left;

}

#upControl 

{

	width: 183px;

	height: 20px; 

	z-index: 1;

	background-color: #acacac;

	position: relative;

	top: 0px;

}

#upControl img

{

	vertical-align: top;

}

#downControl 

{

	width:183px;

	height:20px; 

	z-index:1;

	background-color:#acacac;

	position:relative;

	top:0px;

	border-bottom-color:#CCCCCC;

	border-bottom-style: solid;

	border-bottom-width: 1px;

}

.productContainer 

{

	visibility: hidden; 

	overflow: hidden;

	width:183px;

	/*clip: rect(0px 183px 430px 0px);*/

	height:430px;

	position:relative;

	top:0px;

	left: 0px;

}

.productContent 

{

	top: 0px;

	left: 0px;

	position:absolute;

}

.productContent ul

{

	list-style: none;

	margin: 0px;

	padding: 0px;

}

/* ------------------------------------ MIDDLE PRODUCT INFO ------------------------------------ */



.productViewingPane

{

	text-align: left;

	margin: 0px;

	background-color: #ffffff;

	top: 0px;

}

.productInfo

{

	width: 600px;

	height: 325px;	

	margin-bottom: 5px;

	float: right;

	overflow: hidden; /* added by Shivam */

}

td.textProduct

{

	font-size: 14px;

	color: #305083;

	text-align: center;

	width: 190px;

	height: 215px;

	vertical-align: top;

	font-family: Calibri;

}

table.roughIn

{

	border-color:#000000;

	border-style: solid;

	border-width: 2px;

	margin-left: 5px;

	margin-bottom: 5px;

	border-collapse: collapse;

}

table.roughIn table

{

	border-collapse: collapse;

}

td.tblHeader

{

	font-family: Calibri;

	vertical-align: top;

	font-size: 10px;

	color: #000000;

	font-weight: bold;

	text-align: center;

	border-color: #000000;

	border-style: solid;

	border-width: 1px;

	padding: 0 1px 0 1px;

	margin: 0px;

}

td.tblData

{

	font-family: Calibri;

	vertical-align: middle;

	font-size: 10px;

	color: #000000;

	text-align: center;

	border-color: #000000;

	border-style: solid;

	border-width: 1px;

	padding: 0 1px 0 1px;

	margin: 0px;

}

.PlanView

{

	font-family: Calibri;

	font-size: 12px;

	font-weight: bold;

	color: blue;

	text-align: center;

	vertical-align: middle;

	padding: 0 0 5px 0;

	border: none;

	text-decoration: none;

}



.PlanView a

{

	text-decoration: none;

	color: blue;

}

.PlanView a:hover

{

	color: #094FC4;

}

.divSideScroll

{

	margin-right: 5px;

	/*float: right;*/

}

.divLeftControl 

{

	z-index:1;

	background-color:#ffffff;

	position:relative;

	top:10px;/*0px; modified by Shivam */

}

.divRightControl 

{

	z-index:1;

	background-color:#ffffff;

	position:relative;

	top:10px;/*0px; modified by Shivam */

}

#divProductImageContainer

{

	visibility: hidden;

	overflow: hidden;

	width:549px;/*554px;/* 555px; */

	/*clip: rect(0px 555px 125px 0px); Modified by Shivam*/

	height: 98px;/*110px; modified by Shivam */

	position:relative;

	top:0px;

	left: 0px;

}

#divProductImageContent

{

	top: 0px;

	left: 0px;

	position:absolute;

}

 #divProductImageContent img

 {

 	border-style: none;

	margin-left: auto;

	margin-right: auto;

	display: block; 

 }

 #divProductImageContent a

 {

	/*color: #305083;*/

	font-family: Calibri;

	font-size: 11px;

	text-decoration: none;

	display: block;

	text-align: center;

 }

 #divProductImageContent a:hover

 {

	font-weight: bold;

	color:#094FC4;

	background-color: #F0F0F0;

 }

/* ------------------------------------ BOTTOM ------------------------------------ */

/*

#bottom

{

	float: none;

	clear: both;

}



#bottom .fill

{

	width: 800px;

	border: none;

	border-collapse: collapse;

	margin: 0 auto 0 auto;	

}



#bottom .fillGray

{

	background-color:#F0F0F0;

	width: 183px;	

	margin-left:0px;

}



#bottom .fillWhite

{

	background-color:#ffffff;

	border-top-color:#CCCCCC;

	border-top-style: solid;

	border-top-width: 1px;

	font-family: Calibri;

	font-size: 12px;

	color: #305083;

	text-align: left;

	padding-left:10px;

}



#bottom .menu

{

	border-collapse: collapse;

	border: none;

	text-align: left;

	margin: 0px 1px 1px 1px;

	padding: 0px;	

	width: 798px; 	

}



#bottom a

{

	background-image:url('../images/common/FooterMenuBar.png');

	background-repeat: repeat-x;		

	vertical-align:text-top;

	width: 133px;								

	height: 16px;

	font-family: Constantia;

	font-size: 13px;

	color: #305083;

	text-align: center;

	text-decoration: none;

	margin: 0px;

}



#bottom a:hover

{

	color: #ffffff;

}



#bottom td

{

	margin: 0px;

	padding: 0px;

	border: none;

}



#bottom .widecell a

{

	background-image:url('../images/common/FooterMenuBar.png');

	background-repeat: repeat-x;

	vertical-align:text-top;

	height: 16px;

	width: 266px;

	font-family: Constantia;

	font-size: 10px;

	color: #305083;

	text-align: center;

	text-decoration: none;

	margin: 0px;

}



#bottom .widecell a:hover

{

	color: #ffffff;

}



*/





/* ------------------------------------ INDEX ------------------------------------ */

.divMain

{

	margin: 0 auto 0 auto;

}

.divHome

{

	background-image: url('../images/trueMfg_en/Home_Bkgrnd.png');

	width: 800px;

	height: 265px;

	margin: 0 auto;

	position: relative

	

}

.AltText

{

	padding: 210px 5px 0 0;

	border: none;

  	font-family: Calibri;

 	font-size: 16px;

  	font-weight: bold;

  	color: #ffffff;

  	text-align: right;

	/*float: right;*/

}

.divBoxes

{

	width: 800px;

	height: 220px;

	margin: 0 auto 0 auto;

}

.divWarehouse

{

	background-image: url('../images/trueMfg_en/Warehouse_Square.png');

	width: 198px;

	height:198px;

	float: left;

	margin-right: 2px;

	text-align: center;

	font-family: Calibri;

	font-size: 13px;

	color: #ffffff

}

.divParts

{

	background-image:url('../images/trueMfg_en/Parts_Square.png');

	width: 198px;

	height:198px;

	float: left;

	margin-right: 2px;

	text-align: center;

	font-family: Calibri;

	font-size: 13px;

	color: #51638C

}

.divTop20

{

	background-image:url('../images/trueMfg_en/Top20_Square.png');

	width: 198px;

	height: 198px;

	float:left;

	margin-right: 2px;

	text-align: center;

	font-family: Calibri;

	font-size: 13px;

	color: #ffffff

}

.divAddtl

{

	width: 198px;

	height: 198px;

	float:left;

	background-image:url('../images/trueMfg_en/Addtl_Square.png');

	text-align: center;

	font-family: Calibri;

	font-size: 13px;

	color: #305083

}

.textBoldHomePage

{

	font-size: 16px;

	font-weight: bolder;

}

.BoxesLink

{

	font-family: Calibri;

	font-size: 13px;

	color: #ffffff;

	font-variant: small-caps;

	text-decoration: none;

}

.BoxesLink:hover

{

	color:#0B91FF;

	text-decoration: underline;

}

.BoxesLink2

{

	font-family: Calibri;

	font-size: 13px;

	color: #51638C;

	font-variant: small-caps;

	text-decoration: none;

}

.BoxesLink2:hover

{

	color:#0066FF;

	text-decoration:underline;

}

/* -----------------------------Warranty-----------------------------*/

.divHomeWarranty

{

	background-image: url('../images/trueMfg_en/Home_Bkgrnd_Warranty.png');

	width: 800px;

	height: 265px;

	margin: 0 auto;

	position: relative

	

}

.divWarranty

{

	width: 800px;

	height: 265px;

	margin: 0 auto 0 auto;

	position: relative;

	

}

.AltTextWarranty

{

	padding: 175px 0 0 55px;

	width: 515px;

	margin-right: 5px;

	border: none;

  	font-family: Calibri;

 	font-size: 16px;

  	font-weight: bold;

  	color: #ffffff;

  	text-align: right;

}

td.image

{

	padding-top: 135px;

}/*

.divUSA

{

	background-image: url("../i_storefront/true/USFLag.png");

	width: 198px;

	height:198px;

	float: left;

	margin-right: 2px;

	text-align: center;

	font-family: Calibri;

	font-size: 13px;

	color:#000099;

}

.divCanada

{

	background-image:url("../i_storefront/true/CanadaFlag.png");

	width: 198px;

	height:198px;

	float: left;

	margin-right: 2px;

	text-align: center;

	font-family: Calibri;

	font-size: 13px;

	color:#CC0000;

}

.divMexico

{

	background-image:url("../i_storefront/true/MexicoFlag.png");

	width: 198px;

	height: 198px;

	float:left;

	margin-right: 2px;

	text-align: center;

	font-family: Calibri;

	font-size: 13px;

	color:#003300;

}

.divClaim

{

	width: 198px;

	height: 198px;

	float:left;

	background-image:url("../i_storefront/true/WarrantyClaimForms.png");

	background-repeat: no-repeat;

	background-color: #F0F0F0;

	text-align: center;

	font-family: Calibri;

	font-size: 13px;

	color: #333333;

}*/

.WarrantyText

{

	font-family: Calibri;

	font-size: 13px;

	color: #333333;

	font-variant: small-caps;

	text-decoration: none;

}

.WarrantyTextUSA

{

	font-family: Calibri;

	font-size: 13px;

	color: #000099;

	font-variant: small-caps;

	text-decoration: none;

}

.WarrantyTextCan

{

	font-family: Calibri;

	font-size: 13px;

	color: #CC0000;

	font-variant: small-caps;

	text-decoration: none;

}

.WarrantyText:hover

{

	color:#6666CC;

	text-decoration:underline;

}

.WarrantyTextUSA:hover

{

	color:#0066FF;

	text-decoration:underline;

}

.WarrantyTextCan:hover

{

	color:#FF3333;

	text-decoration:underline;

}

.FrameClass

{

	width:100%;

	height:100%;

	margin-bottom :0;

	margin-left:0;

	margin-top:0;

	margin-right: 0;

	border-width:0;

	border-style:none;

	overflow:hidden;

}

.BodyClass{

	margin-bottom :0;

	margin-left:0;

	margin-top:0;

	margin-right: 0;

	border-width:0;

	border-style:none;

	background-color: white;

	overflow:hidden; /*Added by Prasad on 09Jan09*/

}



.TreeClass{

	font-family: arial;

	margin-bottom :0;

	margin-left:0;

	margin-top:0;

	margin-right: 0;

	border-width:0;

	border-style:none;

	background-repeat: repeat;

	background-color: white;

	overflow: hidden;												/*************************************/

}





td.bgProcessGrn {

    background-color: #FFFFFF;

    /*background-image: url("../images/common/processingGrn.gif");*/

    background-repeat: no-repeat;

    background-position:  

               center;

}





.treeLevel2 a

{

	padding-top: 5px;

	padding-bottom: 5px;

	padding-left: 20px;

	padding-right: 10px;

	background-color: #acacac;

	background-image: url('none');

	font-size: 11px;

	color: #325080

}

.treeLevel2 a:hover

{

	background-color: #98b4e1;

	color: #ffffff;

	background-image: url('none');

}



.treeLevel3 a

{

	padding-top: 5px;

	padding-bottom: 5px;

	padding-left: 30px;

	padding-right: 10px;

	background-color: #d5d5d5;   

	background-image: url('none');

	font-size: 11px;

	color: #325080

}

.treeLevel3 a:hover

{

	background-color: #2d64bb;

	color: #ffffff;

	background-image: url('none');

}

.treeLevel4 a

{

	padding-top: 5px;

	padding-bottom: 5px;

	padding-left: 40px;

	padding-right: 5px;

	background-color: #acacac;

	background-image: url('none');

	color: #325080;

	font-size: 10px

}

.treeLevel4 a:hover

{

	background-color: #2d64bb;

	color: #ffffff;

	background-image: url('none');

}





.treeLevel5 a

{

	padding-top: 5px;

	padding-bottom: 5px;

	padding-left: 50px;

	padding-right: 5px;

	background-color: #d5d5d9;

	background-image: url('none');

	color: #325080;

	font-size: 10px

}

.treeLevel5 a:hover

{

	background-color: #2d64bb;

	color: #ffffff;

	background-image: url('none');

}





.treeLevel6 a

{

	padding-top: 5px;

	padding-bottom: 5px;

	padding-left: 60px;

	padding-right: 5px;

	background-color: #acacaa;

	background-image: url('none');

	color: #325080;

	font-size: 10px

}

.treeLevel6 a:hover

{

	background-color: #2d64bb;

	color: #ffffff;

	background-image: url('none');

}

.attributePadding

{

     font-size:  5px;

} 

.bgWhiteABlackb1{

	FONT-WEIGHT: bold; 

	FONT-SIZE: 13px; 

	COLOR: white/*#4c4a57*/; 

	FONT-STYLE: normal; 

	FONT-FAMILY: Calibri; 

	TEXT-DECORATION: none;

}



/*----- Products Menu ------*/

#dropmenudiv{

	position:absolute;

	border: none;

	border-bottom-width: 0;

	border-top: solid 2px white;

	font:normal 13px Calibri;

	line-height:18px;

	z-index:100;

	padding: 0 0 0 0;

}



#dropmenudiv a{

	width: 100%;

	display: block;

	text-indent: 5px;

	border: none;

	padding: 1px 0 0 0;

	text-decoration: none;

	font-weight: bold;

	color: #000000;

	/**************************************************************************************/

	font-family: Calibri;

}



#dropmenudiv a:hover{  /*hover background color*/

	background-color: #ffffff;

	color:#6633FF;

}