body
{
    margin: 0px;
    width: 100%;
    background: #ffffff url(images/site-bg.gif) no-repeat top center;
}

.mainContainer
{
    width: 1003px;
    height: 570px;
    background: url(images/main-bg.jpg) no-repeat 0 0;
    margin: 0 auto;
    border:solid 0px red;
}

.menuLC
{
    width: 222px;
    height: 55px;
    background: url(images/menu-left-corner.jpg) no-repeat 0 0;
}

.menuRC
{
    width: 144px;
    height: 55px;
    background: url(images/menu-right-corner.jpg) no-repeat 0 0;
}


.link1
{
    display: block;
    height: 55px;
    width: 54px;
    background: url(images/menu.jpg) no-repeat -222px 0;
}

.link1:hover
{
    background-position: -222px -55px;
}

.link1Sel
{
    display: block;
    height: 55px;
    width: 54px;
    background: url(images/menu.jpg) no-repeat -222px -55px;
}


.link2
{
    display: block;
    height: 55px;
    width: 78px;
    background: url(images/menu.jpg) no-repeat -276px 0;
}

.link2:hover
{
    background-position: -276px -55px;
}

.link2Sel
{
    display: block;
    height: 55px;
    width: 78px;
    background: url(images/menu.jpg) no-repeat -276px -55px;
}

/*.link3
{
	display: block;
	height: 55px;
	width: 82px;
	background: url(images/menu.jpg) no-repeat -313px 0;
}

.link3:hover
{
	background-position: -313px -55px;
}

.link3Sel
{
	display: block;
	height: 55px;
	width: 82px;
	background: url(images/menu.jpg) no-repeat -313px -55px;
}*/

.link4
{
    display: block;
    height: 55px;
    width: 81px;
    background: url(images/menu.jpg) no-repeat -354px 0;
}

.link4:hover
{
    background-position: -354px -55px;
}

.link4Sel
{
    display: block;
    height: 55px;
    width: 81px;
    background: url(images/menu.jpg) no-repeat -354px -55px;
}

.link5
{
    display: block;
    height: 55px;
    width: 104px;
    background: url(images/menu.jpg) no-repeat -435px 0;
}

.link5:hover
{
    background-position: -435px -55px;
}

.link5Sel
{
    display: block;
    height: 55px;
    width: 104px;
    background: url(images/menu.jpg) no-repeat -435px -55px;
}

.link6
{
    display: block;
    height: 55px;
    width: 73px;
    background: url(images/menu.jpg) no-repeat -539px 0;
}

.link6:hover
{
    background-position: -539px -55px;
}

.link6Sel
{
    display: block;
    height: 55px;
    width: 73px;
    background: url(images/menu.jpg) no-repeat -539px -55px;
}

.link7
{
    display: block;
    height: 55px;
    width: 154px;
    background: url(images/menu.jpg) no-repeat -612px 0;
}

.link7:hover
{
    background-position: -612px -55px;
}

.link7Sel
{
    display: block;
    height: 55px;
    width: 154px;
    background: url(images/menu.jpg) no-repeat -612px -55px;
}

.link8
{
    display: block;
    height: 55px;
    width: 93px;
    background: url(images/menu.jpg) no-repeat -767px 0;
}

.link8:hover
{
    background-position: -767px -55px;
}

.link8Sel
{
    display: block;
    height: 55px;
    width: 93px;
    background: url(images/menu.jpg) no-repeat -767px -55px;
}


.homeRing
{
    height: 421px;
    position: relative;
    background-image: url(images/ring.png);
    background-repeat: no-repeat;
    background-position: 398px 72px;
}

.icon1
{
    display: block;
    width: 30px;
    height: 54px;
    background: url(images/icons2.jpg) no-repeat 0 0;
    float: left;
}

.icon1:hover
{
    background-position: 0 -54px;
}

.icon2
{
    display: block;
    width: 35px;
    height: 54px;
    background: url(images/icons2.jpg) no-repeat -30px 0;
    float: left;
}

.icon2:hover
{
    background-position: -30px -54px;
}

.icon3
{
    display: block;
    width: 35px;
    height: 54px;
    background: url(images/icons2.jpg) no-repeat -65px 0;
    float: left;
}

.icon3:hover
{
    background-position: -65px -54px;
}

.icon4
{
    display: block;
    width: 35px;
    height: 54px;
    background: url(images/icons2.jpg) no-repeat -100px 0;
    float: left;
}

.icon4:hover
{
    background-position: -100px -54px;
}

.titleHeight
{
    height: 40px;
}

.aboutNav1
{
    display: block;
    height: 25px;
    width: 93px;
    background: url(images/about-nav2.jpg) no-repeat 0 0;
}

.aboutNav1:hover
{
    background-position: 0 -25px;
}

.aboutNav1Sel
{
    display: block;
    height: 25px;
    width: 93px;
    background: url(images/about-nav2.jpg) no-repeat 0 -25px;
}

.aboutNav2
{
    display: block;
    height: 25px;
    width: 57px;
    background: url(images/about-nav2.jpg) no-repeat -93px 0;
}

.aboutNav2:hover
{
    background-position: -93px -25px;
}

.aboutNav2Sel
{
    display: block;
    height: 25px;
    width: 57px;
    background: url(images/about-nav2.jpg) no-repeat -93px -25px;
}

.aboutNav3
{
    display: block;
    height: 25px;
    width: 104px;
    background: url(images/about-nav2.jpg) no-repeat -150px 0;
}

.aboutNav3:hover
{
    background-position: -150px -25px;
}

.aboutNav3Sel
{
    display: block;
    height: 25px;
    width: 104px;
    background: url(images/about-nav2.jpg) no-repeat -150px -25px;
}

.aboutNav4
{
    display: block;
    height: 25px;
    width: 114px;
    background: url(images/about-nav2.jpg) no-repeat -254px 0;
}

.aboutNav4:hover
{
    background-position: -254px -25px;
}

.aboutNav4Sel
{
    display: block;
    height: 25px;
    width: 114px;
    background: url(images/about-nav2.jpg) no-repeat -254px -25px;
}

.aboutNav5
{
    display: block;
    height: 25px;
    width: 109px;
    background: url(images/about-nav2.jpg) no-repeat -368px 0;
}

.aboutNav5:hover
{
    background-position: -368px -25px;
}

.aboutNav5Sel
{
    display: block;
    height: 25px;
    width: 109px;
    background: url(images/about-nav2.jpg) no-repeat -368px -25px;
}

.aboutNav6
{
    display: block;
    height: 25px;
    width: 117px;
    background: url(images/about-nav2.jpg) no-repeat -477px 0;
}

.aboutNav6:hover
{
    background-position: -477px -25px;
}

.aboutNav6Sel
{
    display: block;
    height: 25px;
    width: 117px;
    background: url(images/about-nav2.jpg) no-repeat -477px -25px;
}

/*.aboutNav7
{
	display: block;
	height: 30px;
	width: 120px;
	background: url(images/about-nav.jpg) no-repeat -591px 0;
}

.aboutNav7:hover
{
	background-position: -591px -30px;
}

.aboutNav7Sel
{
	display: block;
	height: 30px;
	width: 120px;
	background: url(images/about-nav.jpg) no-repeat -591px -30px;
}*/

.extraStrap
{
    display: block;
    background: url(images/about-nav2.jpg) no-repeat -594px 0;
    height: 25px;
    width: 168px;
}

/*for custom scroll*/
.scrollgeneric
{
    line-height: 1px;
    font-size: 1px;
    position: absolute;
    top: 0;
    left: 0;
}

.vscrollerbase
{
    width: 10px;
    background-color: #def6ff;
}
.vscrollerbar
{
    width: 10px;
    background-color: #a1e4ff;
}
.hscrollerbase
{
    height: 10px;
    background-color: white;
}
.hscrollerbar
{
    height: 10px;
    background-color: black;
}

.scrollerjogbox
{
    width: 10px;
    height: 10px;
    top: auto;
    left: auto;
    bottom: 0px;
    right: 0px;
    background-color: gray;
}

/*#mycustomscroll
{
   
    font: normal 11px georgia;
    line-height: 18px;
    width: 462px;
    height: 275px;
    overflow: auto; 
    position: relative;
    margin: 0px auto;
    padding: 0 10px;
    border: solid 0px red;
    text-align: justify;
}

#mycustomscroll u
{
    font: bold 11px georgia;
    color: #006994;
    text-decoration: none;
}
#mycustomscroll a
{
    font: bold 11px georgia;
    color: #006994;
    text-decoration: underline;
}*/

/*for custom scroll*/


#mycustomscroll2
{
    /* Typical fixed height and fixed width example */
    font: normal 11px georgia;
    line-height: 18px;
    width: 467px;
    height: 340px;
    overflow: auto; /* IE overflow fix, position must be relative or absolute*/
    position: relative;
    margin: 0px auto;
    padding: 0 10px;
    border: solid 0px red;
}

#mycustomscroll2 u
{
    font: bold 11px georgia;
    color: #006994;
    text-decoration: none;
}
#mycustomscroll2 a
{
    font: bold 11px georgia;
    color: #000000;
    text-decoration: underline;
}



.trsdeShowBox
{
    height: 200px;
    width: 300px;
    border: solid red 0px;
}
.paraTitle
{
    font: bold 16px georgia;
    color: #004268;
    text-decoration: underline;
}
.extraStrap2
{
    height: 50px;
    width: 51px;
}

.onlineStock
{
    display: block;
    height: 47px;
    width: 113px;
    background: url(images/online-stock.jpg) no-repeat 0 0;
}

.onlineStock:hover
{
    background-position: 0 -47px;
}


.kbOnline
{
    display: block;
    height: 54px;
    width: 139px;
    background: url(images/kb_online.jpg) no-repeat 0 0;
}

.kbOnline:hover
{
    background-position: 0 -54px;
}

.makeAppointment
{
    display: block;
    width: 137px;
    height: 54px;
    background: url(images/contact-icons.jpg) no-repeat 0 0;
}

.makeAppointment:hover
{
    background-position: 0 -54px;
}
.blackberry
{
    display: block;
    width: 300px;
    height: 54px;
    background: url(images/blackberry.jpg) no-repeat 0 0;
}

.blackberry:hover
{
    background-position: 0 -54px;
}

.weatherUpdates
{
    display: block;
    width: 137px;
    height: 54px;
    background: url(images/contact-icons.jpg) no-repeat -137px 0;
}

.weatherUpdates:hover
{
    background-position: -137px -54px;
}

.googleMap
{
    display: block;
    width: 137px;
    height: 54px;
    background: url(images/contact-icons2.jpg) no-repeat 0 0;
}

.googleMap:hover
{
    background-position: 0 -54px;
}

/*New styles*/

.aboutTab1
{
    display: block;
    height: 25px;
    width: 93px;
    background: url(images/about-nav3.jpg) no-repeat 0 0;
}

.aboutTab1:hover
{
    background-position: 0 -25px;
}

.aboutTab1Sel
{
    display: block;
    height: 25px;
    width: 93px;
    background: url(images/about-nav3.jpg) no-repeat 0 -25px;
}
.aboutTab2
{
    display: block;
    height: 25px;
    width: 57px;
    background: url(images/about-nav3.jpg) no-repeat -93px 0;
}

.aboutTab2:hover
{
    background-position: -93px -25px;
}

.aboutTab2Sel
{
    display: block;
    height: 25px;
    width: 57px;
    background: url(images/about-nav3.jpg) no-repeat -93px -25px;
}
.aboutTab3
{
    display: block;
    height: 25px;
    width: 104px;
    background: url(images/about-nav3.jpg) no-repeat -151px 0;
}

.aboutTab3:hover
{
    background-position: -151px -25px;
}

.aboutTab3Sel
{
    display: block;
    height: 25px;
    width: 104px;
    background: url(images/about-nav3.jpg) no-repeat -151px -25px;
}

.aboutTab4
{
    display: block;
    height: 25px;
    width: 111px;
    background: url(images/about-nav3.jpg) no-repeat -256px 0;
}

.aboutTab4:hover
{
    background-position: -256px -25px;
}

.aboutTab4Sel
{
    display: block;
    height: 25px;
    width: 111px;
    background: url(images/about-nav3.jpg) no-repeat -256px -25px;
}

.aboutTab5
{
    display: block;
    height: 25px;
    width: 108px;
    background: url(images/about-nav3.jpg) no-repeat -368px 0;
}

.aboutTab5:hover
{
    background-position: -368px -25px;
}

.aboutTab5Sel
{
    display: block;
    height: 25px;
    width: 108px;
    background: url(images/about-nav3.jpg) no-repeat -368px -25px;
}

.aboutTab6
{
    display: block;
    height: 25px;
    width: 116px;
    background: url(images/about-nav3.jpg) no-repeat -477px 0;
}

.aboutTab6:hover
{
    background-position: -477px -25px;
}

.aboutTab6Sel
{
    display: block;
    height: 25px;
    width: 116px;
    background: url(images/about-nav3.jpg) no-repeat -477px -25px;
}
.extraStrap2
{
    display: block;
    background: url(images/about-nav3.jpg) no-repeat -594px 0;
    height: 25px;
    width: 168px;
}
.contentText
{
    font-family: Georgia;
    font-size: 12px;
    color: #666666;
    line-height: 18px; /*text-align: justify;*/
    padding: 10px 10px 0 10px;
    border: 0px solid black;
    float: left;
}
.contentText h3
{
    font-size: 18px;
    color: #004268;
    line-height: 18px;
}

.ShowHead
{
	 font: bold 18px georgia;
    color: #004268;
    line-height: 35px;
    vertical-align:top;
}

.ShowText
{
    font-family: Georgia;
    font-size: 11px;
    color: #666666;
    line-height: 15px; /*text-align: justify;*/
    padding: 0px 10px 0 10px;
    border: 0px solid black;
    float: left;
}

.contentText u
{
    font-size: 12px;
    font-weight: bold;
    color: #004268;
    text-decoration: none;
}
.contentText a
{
    font-size: 12px;
    color: #004268;
    text-decoration: none;
}

.mainContArea
{
    width: 730px;
    height: 335px;
    background-color: White;
    border: 0px solid red;
    float: left;
}
.imgLeft
{
    float: left;
}
.imgRight
{
    float: right;
}

#mycustomscroll
{
    /* Typical fixed height and fixed width example */
    font: normal 12px georgia;
    line-height: 18px;
    width: 380px;
    overflow: auto; /* IE overflow fix, position must be relative or absolute*/
    position: relative;
    margin: 10px auto;
    border: solid 0px red;
    padding: 0 10px 0 0;
    height: 300px;
}
#mycustomscroll1
{
    /* Typical fixed height and fixed width example */
    font: normal 12px georgia;
    line-height: 18px;
    width: 375px;
    overflow: auto; /* IE overflow fix, position must be relative or absolute*/
    position: relative;
    margin: 10px auto;
    border: solid 0px red;
    padding: 0 10px 0 0;
    height: 300px;
}
.separator
{
    height: 3px;
    width: 100%; /*background: url(images/separator.jpg) repeat-x;*/
    background-color: #cccccc;
    margin: 10px 0 10px 0;
}
.aboutManufacturing
{
    background: url(images/about_manufacture1.jpg) no-repeat 0 0;
    float: left;
    width: 281px;
    height: 281px;
}
.aboutManufacturingBtn
{
    position: relative;
    top: 240px;
    left: 150px;
}

.appointment
{
    display: block;
    width: 125px;
    height: 54px;
    background: url(images/make_appointmentTab.jpg) no-repeat 0 0;
    float: left;
}

.appointment:hover
{
    background-position: 0 -54px;
}