
/* CSS Document */

/* base css start*/
body { margin:0px; padding:6px 0px 0px 0px; font-family:verdana; }
.bodyTag { background: #595451 url(images/bg.jpg) repeat-x top; margin:0;}
.maintable { width:1004px;}
/* base css end*/

/* header css start*/
.sitetitlefont {font-size:22px; font-weight: 100; color: #ffffff;}
.slogantext {font-size:18px; font-weight: 200; color: #ffffff; font-family:Trebuchet MS; background-color:#858c6a; text-align:center; padding:0px 5px; }
.imgborder { border:#666666 solid 1px;}
/* header css end*/

/* logo css start*/
.logo { padding:0px;}
.logo a:link, .logo a:visited {display:block; background-repeat:no-repeat; text-indent:-999999px; background-image:url(images/logo.jpg); width:331px; height:173px;}

/* logo css end*/

/* midimg css start*/
.midimg { border:#858c6a solid 7px; border-bottom:none;}

/* midimg css end*/

.mid {background:#ffffff url(images/mid-shadow.jpg) left top repeat-x; height:250px; padding:10px 10px 0px 10px;}

/* footer css start*/

table.footer {height:94px; background:#d2d9b8;}
.footer td {padding:3px; color:#595351;  text-align:center;}
.footer td.ftd {padding:3px; color:#858c69;}
.footer td.mtd {padding:3px; color:#595351;}
.footer a:link{color:#a21f4b; font-weight:400; text-decoration:none;}
.footer a:visited{color:#a21f4b; font-weight:400; text-decoration:none;}
.footer a:hover{color:#858c69; font-weight:400; text-decoration:none;}

/* footer css end*/

/* navigation css start*/
table.linkmenu { padding:1px 0px; }
.linkmenu td{text-align:center; color:#ffffff; font-size:16px; height:9px;  font-family:Trebuchet MS; }
.linkmenu a:link {color:#ffffff; text-decoration:none; display:block; padding:15px 10px 15px 10px; height:23px;}
.linkmenu a:visited{color:#ffffff; text-decoration:none; display:block; padding:15px 10px 15px 10px; height:23px;}
.linkmenu a:hover {color:#ffffff; background:#564859; display:block; padding:15px 10px 15px 10px; height:23px;}

.overmenu { background-color:#a21f4b; display:block; color:#ffffff; text-decoration:none; font-weight:normal; font-size:14px;  font-family:Trebuchet MS;}
.overmenu a:link {background-color:#a21f4b; display:block; color:#ffffff; text-decoration:none; font-weight:normal; height:20px;  padding-left:5px; padding-right:5px;padding-top:5px;  border-bottom:solid 1px #ffffff;}
.overmenu a:visited {background-color:#a21f4b; display:block; color:#ffffff; text-decoration:none; font-weight:normal;height:20px;  padding-left:5px; padding-right:5px;padding-top:5px;  border-bottom:solid 1px #ffffff;}
.overmenu a:hover {background-color:#564859; display:block; color:#ffffff; text-decoration:none; font-weight:normal; height:20px;  padding-left:5px; padding-right:5px;padding-top:5px;  border-bottom:solid 1px #ffffff;}
/* navigation css end*/

/*leftside css start*/
.leftback {background-color:#ffffff; color:#424242;}
.leftback td p span div{ color:#424242;}
.leftback a:link {color:#000000; font-weight:bold; text-decoration:none;}
.leftback a:visited{color:#000000; font-weight:bold; text-decoration:none;}
.leftback a:hover {color:#424242; text-decoration:none;}
/*leftside css end*/

/*rightside css start*/
.rightback { background-color:#ffffff;  color:#424242;}
.rightback td{ color:#424242;}
.rightback a:link {color:#424242; font-weight:normal; text-decoration:none; font-weight:bold;}
.rightback a:visited{color:#424242; font-weight:normal; text-decoration:none; font-weight:bold;}
.rightback a:hover {color:#424242; text-decoration:none;}
/*right side css end*/

/*copyrights css start*/
.copyrights {font-size:11px; color:#ffffff;}
.copyrights a:link{font-size:11px; color:#ffffff;}
.copyrights a:visited{ font-size:11px; color:#ffffff;}
.copyrights a:hover{font-size:11px; color:#858c69;}
/*copyrights css end*/

/* basic css start*/
A { COLOR: #a21f4b; text-decoration:none; }
A:link { COLOR: #a21f4b; text-decoration:none;}
A:visited { COLOR: #a21f4b; text-decoration:none;}
A:hover { COLOR: #858c69; text-decoration:none;}

td, p, span, div{ color:#2e2e2e; font-family:verdana; font-size:11px; line-height:18px;} 

hr {padding-right: 5px; padding-left: 5px;}
form {margin:0px; padding:0px;}
select {color:#424242; border:1px solid #424242;}
input,textarea{color:#424242; border:1px solid #424242;}
table.checkbox td input{ background-color: transparent; border: 0px; }
/* basic css end*/

/* general css start */
/*H Tags*/ /*default font-size for each H tag is 32,24,18,16,13,9 respectively*/

H1 { font-size:18px; font-weight:400; color:#858c69; margin:0px; padding:0; font-family:Trebuchet MS; line-height:24px; }
H1 a:link {font-size:18px; font-weight:400; color:#858c69; margin:0px; padding:0; text-decoration:none;}
H1 a:visited {font-size:18px; font-weight:400; color:#858c69; margin:0px; padding:0; text-decoration:none;}
H1 a:hover {font-size:18px; font-weight:400; color: #242424; margin:0px; padding:0; text-decoration:none;}

.nortext { font-size:18px; font-weight:400; color:#564859; margin:0px;}
/*use this for header (page title)*/


H2 {font-size:11px; font-weight: normal; color: #564859; margin:0px; padding-bottom:3px;display:inline;}
H2 a:link {font-size:11px; font-weight: bold; color: #564859; margin:0px; padding-bottom:3px; border-bottom:1px solid #242424; text-decoration:none; }
H2 a:visited {font-size:11px; font-weight: bold; color: #564859; margin:0px; padding-bottom:3px; border-bottom:1px solid #242424; text-decoration:none; }
H2 a:hover {font-size:11px; font-weight: bold; color: #797979; margin:0px; padding-bottom:3px; border-bottom:1px solid #242424; text-decoration:none;}
/*use this for sub-header (you can say sub title), for ex. I used it in Glossary page*/

H3 {font-size:16px; font-weight:100; color:#a21f4b; margin:0px; padding:0px; font-family:Trebuchet MS;}
H3 a:link {font-size:16px; font-weight:100; color:#a21f4b; text-decoration:none; padding:0px;}
H3 a:visited {font-size:16px; font-weight:100; color:#a21f4b; text-decoration:none; padding:0px; }
H3 a:hover {font-size:16px; font-weight:100; color:#858c69; text-decoration:underline; padding:0px;}
/*use this for small-title */

H4 {font-size:14px; font-weight:100; color:#858c69; margin:0px; padding:0px;}
h4 a:link {font-size:14px; font-weight:100; color:#858c69; color:#000000;}
h4 a:visited {font-size:14px; font-weight:100; color:#858c69; color:#000000;}
h4 a:hover {font-size:14px; font-weight:100; color:#242424; color:#242424;}
/*use this for bold text with special identification for ex. I used it in glossary word*/

H5 {font-size:11px; font-weight:bold; margin:0px;color:#a21f4b;display:inline; }
h5 a:link {font-size:11px; font-weight:bold; text-decoation:none; color:#a21f4b}
h5 a:visited {font-size:11px; font-weight:bold;  text-decoation:none; color:#a21f4b;}
h5 a:hover {font-size:11px; font-weight:bold;  text-decoation:none; color:#242424;}

/*use this for bold small title (no special identification)*/


H6 {font-size:9px; font-weight:normal; font-style:normal;color:#cbcbcb; margin:0px; }
h6 a:link {font-size:9px; font-weight:normal; font-style:normal; color:#cbcbcb; text-decoration:underline}
h6 a:visited {font-size:9px; font-weight:normal; font-style:normal; color:#cbcbcb; text-decoration:underline}
h6 a:hover {font-size:9px; font-weight:normal; font-style:normal;color:#cbcbcb; text-decoration:none}

/* here I used it for small italic or very small notes*/

/* These classes will apply at several standard places (like error message, in case if you don't want border (image link) information block etc.) default classes in each CSS*/

.error {color:#ff0000; font-weight:bold;}
.error a:link{color:#ff0000; font-weight:bold; text-decoration:underline}
.error a:visited {color:#ff0000; font-weight:bold; text-decoration:underline}
.error a:hover {color:#ff0000; font-weight:bold; text-decoration:none;}

.button {background-color:#a21f4b; border:1px solid #595351; color:#ffffff; font-weight:bold; font-size:11px; height:21px; padding-left:5px; padding-right:5px; vertical-align:middle;}


.noborder {border:0px;}
.noborder a:link{border:0px;}
.noborder a:visited {border:0px;}
.noborder a:hover {border:0px;}

.information {background-color:#d2d9b8; border:1px solid #a21f4b; padding:3px;}

.breadcrumb {color:#000000;} 
.breadcrumb a:link {color:#000000; text-decoration:underline; font-weight:normal;}
.breadcrumb a:visited {color:#000000; text-decoration:underline; font-weight:normal;}
.breadcrumb a:hover {color:#654ca4; text-decoration:none; font-weight:normal;}

.highlighted-row {background-color: #d2d9b8; padding: 4px;}
.highlighted-row table {border:1px solid #a5c354; background-color: #d2d9b8; padding: 4px; }
.highlighted-row table td table{border:0px solid #000000; background-color: #d2d9b8	; padding: 4px;}
.highlighted-row a:link {color:#242424; text-decoration:none; font-weight:normal;}
.highlighted-row a:visited {color:#242424; text-decoration:none; font-weight:normal;}
.highlighted-row a:hover {color:#a2bf53; text-decoration:underline; font-weight:normal;}


.highlighted-row1 {background-color: #a21f4b; padding: 4px; color:#ffffff;}
.highlighted-row1 table {border:1px solid #a8bf75 ;background-color: #a21f4b; padding: 4px;}
.highlighted-row1 table td table{border:0px solid #a6e0e9; ;background-color: #a21f4b;  padding: 4px;}
.highlighted-row1 a:link {color:#ffffff; text-decoration:none; font-weight:normal;}
.highlighted-row1 a:visited {color:#ffffff; text-decoration:none; font-weight:normal;}
.highlighted-row1 a:hover {color:#a1a1a1; text-decoration:underline; font-weight:normal;}



.highlighted-row2 {background-color: #d2d9b8; padding: 4px;}
.highlighted-row2 {border:1px solid #a21f4b ;background-color: #d2d9b8; padding: 4px;}
.highlighted-row2 table td table{border:0px solid #a6e0e9; background-color: #d2d9b8; padding: 4px;}
.highlighted-row2 a:link {color:#333333; text-decoration:none; font-weight:normal;}
.highlighted-row2 a:visited {color:#333333; text-decoration:none; font-weight:normal;}
.highlighted-row2 a:hover {color:#000000; text-decoration:underline; font-weight:normal;}



.highlighted-row3 {background-color: #c5c5c5; padding: 4px;}
.highlighted-row3 {border:1px solid #000000; background-color: #c5c5c5; padding: 4px;}
.highlighted-row3 table td table{border:0px solid #a6e0e9; background-color: #797979; padding: 4px;}
.highlighted-row3 a:link {color:#000000; text-decoration:none; font-weight:normal;}
.highlighted-row3 a:visited {color:#000000; text-decoration:none; font-weight:normal;}
.highlighted-row3 a:hover {color:#ffffff; text-decoration:underline; font-weight:normal;}

/*special table with header or alter effect*/

img.productimage {border:1px solid #a21f4b; background:#f2f2f2; padding:4px; margin:5px;}

/*.price {background-color:#c5c5c5; padding:2px; font-weight:bold;}*/
.price {background-color:#a21f4b; font-weight:bold; color:#ffffff;}

.pagelist {color:#242424}
.pagelist table {padding:3px;}
.pagelist table td {padding:3px; padding-left:6px; padding-right:6px;  }
.pagelist table td a:link {color:#564859; font-size:12px; text-decoration:none; font-weight:bold;}
.pagelist table td a:visited {color:#564859; font-size:12px; text-decoration:none; font-weight:bold;}
.pagelist table td a:hover {color:#858c69; font-size:12px; text-decoration:none; font-weight:bold;}

.pagelist p {color:#000000}
.pagelist p a:link {color:#333333; text-decoration:none; font-weight:bold;}
.pagelist p a:active {color:#333333; text-decoration:none; font-weight:bold;}
.pagelist p a:hover {color:#666666; text-decoration:none; font-weight:bold;}


table .alt-lines {border:1px solid #000000; border-collapse:collapse; background-color:#797979;}
table .alt-lines .alt-lineschange1 {background-color:#ffffff; padding:2px; border:1px solid #ffffff; }
table .alt-lines {background-color:#F7F7F7; padding:2px; font-weight:bold; font-size:12px;  }
table .alt-lines .alt-linechange2 {background-color:#eeeeee; color:#000000; font-weight:normal;  }


table.tablewithheader  {border:1px solid #a21f4b; border-collapse:collapse; padding:3px;}
.tablewithheader td {border:1px solid #a21f4b; border-collapse:collapse; padding:3px;}
.tablewithheader th{border:1px solid #a21f4b; border-collapse:collapse; padding:3px; background-color:#d2d9b8; color:#454545; font-size:12px;}
.tablewithheader a:link {color:#454545; font-weight:normal;}
.tablewithheader a:visited{color:#454545; font-weight:normal;}
.tablewithheader a:hover {color:#000000; font-weight:normal;}

.imgna {background-color:#dddddd; text-align:center; width:100px; height:100px; text-transform:uppercase}
.imgna td a:link {color:#000000; text-decoration:underline}
.imgna td a:visited {color:#000000; text-decoration:underline}
.imgna td a:hover {color:#000000; text-decoration:none}


.textbold {font-size:11px; font-weight: bolder; color:#454545;}
.textsmall {font-size:10px;}
.txtprice {	color: #CC0000;}

.logintab {background-color: #d2d9b8; padding: 4px;}
.logintab table {border:1px solid #858c6a; background-color: #d2d9b8; padding: 4px;}
.logintab th {background-color: #858c6a;}
.logintab table td table{background-color: #d2d9b8;  padding: 4px;}
.logintab a:link {color:#454545; text-decoration:none; font-weight:normal;}
.logintab a:visited {color:#454545; text-decoration:none; font-weight:normal;}
.logintab a:hover {color:#000000; text-decoration:underline; font-weight:normal;}

.fntwhitebold {font-size:11px; font-weight: bold;	color: #FFFFFF;}

table.invocetab  {border:1px solid #dddddd; border-collapse:collapse; padding:3px;}
.invocetab td {border:1px solid #dddddd; border-collapse:collapse; padding:3px;}


table.bluetable  {border:1px solid #eeeeee; border-collapse:collapse; padding:3px;}
.bluetable td {border:1px solid #eeeeee; border-collapse:collapse; padding:2px;}
.bluetable td.cap {border:1px solid #eeeeee; border-collapse:collapse; padding:2px; text-transform:uppercase;}
.bluetable th{border:1px solid #eeeeee; border-collapse:collapse; padding:2px; height:20px; background-color:#d2d9b8; color:#000000; font-size:10px; text-transform:uppercase;}
.bluetable a:link { font-weight:normal;}
.bluetable a:visited{ font-weight:normal;}
.bluetable a:hover { font-weight:normal;}


.fontwhite {color:#FFFFFF;}

.bdrmain { background:#FFFFFF; padding:0px;}

table.topicons {}
.topicons td{padding:10px;}
.topicons a:link, topicons a:visited { color:#595351;}
.topicons a:hover { color:#2c8271;}
.topicons td.last{ text-align:center; padding:5px;}

.titlefont { font-size:18px; font-weight: 100; color: #564859; font-family:Trebuchet MS;}

table.box { background:#a3a09f url(images/bottom-bg.jpg) left top repeat-x; height:115px; }
.box th{ }
.box td{ padding:10px 4px 0px 4px;}
.box td table { background:#e2e2e2; height:105px; }
.box td table td { }

table.boxright { background:#f2f2f2 url(images/right-bg.jpg) left top repeat-x;}
.boxright th{ padding:2px; color:#000000; background:#000000; text-align:left; border-bottom:1px solid #cccccc; font-size:14px;  height:20px;}
.boxright td{ padding:19px 5px;}



/*general css end*/

/*extra css*/

.rightmidpadding { padding:0px 10px;}

/*.logo1 { padding:0px;}
.logo1 a:link, .logo1 a:visited {display:block; background-repeat:no-repeat; text-indent:-999996px; background-image:url(images/logo-esac.jpg); width:215px; height:105px;}

.logo2 { padding:0px;}
.logo2 a:link, .logo2 a:visited {display:block; background-repeat:no-repeat; text-indent:-999997px; background-image:url(images/logo-napeo.jpg); width:215px; height:105px;}

.logo3 { padding:0px;}
.logo3 a:link, .logo3 a:visited {display:block; background-repeat:no-repeat; text-indent:-999998px; background-image:url(images/logo-ci-certificate.jpg); width:215px; height:105px;}
*/

.bullet { margin:0px; list-style:none; padding:0px;}
.bullet li {margin:0px; list-style:none; background:url(images/bullet1.jpg) no-repeat; padding-left:29px; color:#a21f4b; padding-bottom:22px; font-size:14px; font-family:Trebuchet MS; text-decoration:underline; vertical-align:top;}
.bullet li a:link, .bullet li a:visited {color:#a21f4b; padding-bottom:22px; font-size:14px; font-family:Trebuchet MS; text-decoration:underline;}
.bullet li a:hover {color:#858c69; padding-bottom:22px; font-size:14px; font-family:Trebuchet MS; text-decoration:underline;}

.bullet1 { margin:0px; list-style:none; padding:0px;}
.bullet1 li {margin:0px; list-style:none; background:url(images/bullet2.jpg) no-repeat; margin:0px; padding-left:29px; line-height:30px;  vertical-align:top;}
.bullet1 li ul li {margin:0px; list-style:none; background:url(images/bullet3.jpg) no-repeat; margin:0px; padding-left:20px;  line-height:25px; vertical-align:top;}

.bullethome { margin:0px;  padding:0px;}
.bullethome li a:link, .bullethome li a:visited {margin:0px; list-style:disc; font-weight:500; list-style-position:inside; padding-left:15px;}

.block1 table { border:#a21f4b solid 1px; padding:1px;}
.block1 th { background:#858c6a url(images/box-top.jpg) left top repeat-x; color:#ffffff; font-family:Trebuchet MS; font-size:14px; font-weight:100; padding:3px; height:60px;  border:#ffffff solid 1px;}
.block1 th a:link, .block1 th a:visited {  color:#ffffff; font-family:Trebuchet MS; font-size:14px; font-weight:100;}
.block1 td { background:url(images/box-base.jpg) bottom left repeat-x; height:125px; padding:3px; border:#ffffff solid 1px;}

.blockover table { border:#858c6a solid 1px; padding:1px;}
.blockover th {  background:#a21f4b url(images/box-top1.jpg) left top repeat-x; color:#ffffff; font-family:Trebuchet MS; font-size:14px; font-weight:100; padding:3px; height:60px;  border:#ffffff solid 1px;}
.blockover th a:link, .blockover th a:visited {  color:#ffffff; font-family:Trebuchet MS; font-size:14px; font-weight:100;}
.blockover td { background:url(images/box-base.jpg) bottom left repeat-x; height:125px; padding:3px; border:#ffffff solid 1px;}
div#qTip { padding: 6px; border: 1px solid #ccc; border-top:3px solid #a21f4b; border-right-width: 2px; border-bottom-width: 2px; display: none; background-color: #FEFDF5; color: #333; font: bold 9px Tahoma, Verdana, Arial, Helvetica, sans-serif; text-align: left; position: absolute; z-index: 1500; -moz-opacity: .85; opacity: .85; filter: alpha(opacity=90); min-width:10px; max-width:400px; 