
/* CSS Document */

/* base css start*/
body { margin:0px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height:16px; font-size:11px; }
.bodyTag { background: #923e9e url(images/bodybgd.jpg) left top repeat-x; margin:0; }
.maintable { width:850px;  background: #FFFFFF url(images/bottmcurve.jpg) bottom left no-repeat; padding-bottom:20px;}
.topbg {  height:228px; width:850px; }
.headrbg { background: #FFFFFF url(images/headrimg.jpg) left top no-repeat; width:633px; height:175px; }
.bottombg { text-align:center; background: #f3f5ce; height:28px; font-weight:600;}
.logo { padding:0px 15px 0px 40px;}
.logo a:link, .logo a:visited {display:block;  text-indent:-999999px; background:url(images/logo.jpg) left top no-repeat; width:303px; height:171px;}

/* base css end*/

/* header css start*/
.sitetitlefont {font-size:22px; font-weight: bold; color: #642b6c; font-family:"Trebuchet MS"; padding-left:40px }
.slogantext {font-size:16px; font-weight: 200; color: #a1a1a1; }
.imgborder { border:#666666 solid 1px;}
/* header css end*/

/* footer css start*/

table.footer { text-align:center; }
.footer td {padding:7px 20px 7px 20px ; color:#fff;   font-weight:600; }
.footer a:link{color:#fff; font-weight:600; text-decoration:none;}
.footer a:visited{color:#fff; font-weight:600; text-decoration:none;}
.footer a:hover{color:#ffc000; font-weight:600; text-decoration:none;}

/* footer css end*/

/* navigation css start*/
.menutop { background:url(images/menucurvetop.jpg) top left no-repeat; width:176px; height:9px;}
.menubttm { background: url(images/menucurvebttm.jpg) top left no-repeat; width:176px; height:9px;}
.menubg { border-left:1px solid #d0d0d0; border-right:1px solid #d0d0d0; }

table.linkmenu { margin:0px;  }
.linkmenu td{text-align:left; color:#000000; font-family:"Trebuchet MS"; font-size:13px; background: url(images/menubg.jpg)  left bottom repeat-x;   font-weight:bold; text-transform:capitalize; padding-bottom:2px; }
.linkmenu a:link {color:#000000; text-decoration:none; background: url(images/clawiconlink.jpg) 2px 7px no-repeat; padding:10px 0px 5px 23px; display:block; font-family:"Trebuchet MS"; font-size:13px;}
.linkmenu a:visited{color:#000000; text-decoration:none;background:  url(images/clawiconlink.jpg) 2px 7px no-repeat; padding:10px 0px 5px 23px;   display:block; font-family: "Trebuchet MS"; font-size:13px;}
.linkmenu a:hover {color:#522357; background:#efefef url(images/clawiconhvr.jpg) 2px 7px no-repeat;padding:10px 0px 5px 23px;display:block;}

.overmenu{background:#e0e0e0; border-bottom:1px solid #b9b9b9; color:#000; height:28px;  font-weight:bold; text-transform:capitalize;}
.overmenu a:link, .overmenu a:visited {font-family:"Trebuchet MS"; font-size:12px; color:#000; padding-left:10px;padding-right:8px; height:23px;  padding-top:5px;display:block; font-weight:bold;}
.overmenu a:hover { color:#000; background-color:#cfcfcf;padding-left:10px; padding-right:8px; height:23px;  padding-top:5px; display:block; font-weight:bold;}

/* navigation css end*/

/*leftside css start*/
.leftback {background-color:#ffffff; color:#000000; width:176px; padding:12px 12px 12px 15px;}
.leftback td p span div{ color:#000000; }

/*leftside css end*/

/*rightside css start*/
.rightback { background-color:#ffffff;  color:#424242; width:140px; }
.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:#fff; font-weight:100;}
.copyrights a:link{font-size:11px; color:#fff;font-weight:100;}
.copyrights a:visited{ font-size:11px; color:#fff; font-weight:100;}
.copyrights a:hover{font-size:11px; color:#fff; font-weight:100;}
/*copyrights css end*/

/* basic css start*/
A { COLOR: #000000; text-decoration:none; }
A:link { COLOR: #e18440; text-decoration:none;}
A:visited { COLOR: #e18440; text-decoration:none;}
A:hover { COLOR: #000000; text-decoration:none;}

td, p, span, div{ color:#2e2e2e; font-family: Verdana, Arial, Helvetica, sans-serif;font-size:11px; } 

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-family:Trebuchet MS; font-size:22px; font-weight:600;  color:#512357; margin:0px; padding:0px;  }
H1 a:link {font-size:22px; font-weight:600;  color:#512357; margin:0px; padding:0px; text-decoration:none;}
H1 a:visited {font-size:22px; font-weight:600;  color:#512357; margin:0px; padding:0px;text-decoration:none;}
H1 a:hover {font-size:22px; font-weight:600;  color:#512357; margin:0px; padding:0px; text-decoration:none;}

.nortext { font-size:19px; font-weight:bold; font-family:Geneva; color:#a8bf75; margin:0px;}
/*use this for header (page title)*/


H2 {font-size:11px; font-weight: normal; color: #293b2a; margin:0px; padding-bottom:3px;display:inline;}
H2 a:link {font-size:11px; font-weight: bold; color: #293b2a; margin:0px; padding-bottom:3px; border-bottom:1px solid #242424; text-decoration:none; }
H2 a:visited {font-size:11px; font-weight: bold; color: #293b2a; margin:0px; padding-bottom:3px; border-bottom:1px solid #242424; text-decoration:none; }
H2 a:hover {font-size:11px; font-weight: bold; color: #e18440; 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*/
/*use this for sub-header (you can say sub title), for ex. I used it in Glossary page*/

H3 {font-size:18px; font-weight:600; color:#000000; margin:0px; padding:0px; font-family:"Trebuchet MS"}
H3 a:link {font-size:18px; font-weight:600; color:#000000; text-decoration:none; padding:0px;}
H3 a:visited {font-size:18px; font-weight:600; color:#000000; text-decoration:none; padding:0px; }
H3 a:hover {font-size:18px; font-weight:600; color:#000000; text-decoration:underline; padding:0px;}
/*use this for small-title */

H4 {font-size:14px; font-weight:bold; color:#24466f; margin:0px; padding:0px;}
h4 a:link {font-size:14px; font-weight:bold; color:#24466f; }
h4 a:visited {font-size:14px; font-weight:bold; color:#24466f; }
h4 a:hover {font-size:14px; font-weight:bold; color:#00000; }
/*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:#6e2f77;display:inline; }
h5 a:link {font-size:11px; font-weight:bold; text-decoation:none; color:#6e2f77}
h5 a:visited {font-size:11px; font-weight:bold;  text-decoation:none; color:#6e2f77;}
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:#8e3c99; border:1px solid #000; 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:#f1f1f1; border:1px solid #686868; 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:#686868; text-decoration:none; font-weight:normal;}

.highlighted-row {background-color: #fff6d5; padding: 4px;}
.highlighted-row table {border:1px solid #e18440; background-color: #fff6d5; padding: 4px; }
.highlighted-row table td table{border:0px solid #000000; background-color: #fff6d5	; 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:#686868; text-decoration:underline; font-weight:normal;}


.highlighted-row1 {background-color: #eeeeee; padding: 4px;}
.highlighted-row1 table {border:1px solid #a8bf75 ;background-color: #eeeeee; padding: 4px;}
.highlighted-row1 table td table{border:0px solid #a6e0e9; ;background-color: #eeeeee;  padding: 4px;}
.highlighted-row1 a:link {color:#333333; text-decoration:none; font-weight:normal;}
.highlighted-row1 a:visited {color:#333333; text-decoration:none; font-weight:normal;}
.highlighted-row1 a:hover {color:#000000; text-decoration:underline; font-weight:normal;}



.highlighted-row2 {background-color: #f1f1f1; padding: 4px;}
.highlighted-row2 {border:1px solid #686868 ;background-color: #f1f1f1; padding: 4px;}
.highlighted-row2 table td table{border:0px solid #a6e0e9; background-color: #f1f1f1; 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 #ffc000; padding:4px;}

/*.price {background-color:#c5c5c5; padding:2px; font-weight:bold;}*/
.price {background-color:#e18440; 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:#000000; font-size:12px; text-decoration:none; font-weight:bold;}
.pagelist table td a:visited {color:#000000; font-size:12px; text-decoration:none; font-weight:bold;}
.pagelist table td a:hover {color:#686868; 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 #686868; border-collapse:collapse; padding:3px;}
.tablewithheader td {border:1px solid #686868; border-collapse:collapse; padding:3px;}
.tablewithheader th{border:1px solid #686868; border-collapse:collapse; padding:3px; background-color:#f1f1f1; 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: #fff6d5; padding: 4px;}
.logintab table {border:1px solid #e18440; background-color: #fff6d5; padding: 4px;}
.logintab th {background-color: #e18440;}
.logintab table td table{background-color: #fff6d5;  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 #686868; border-collapse:collapse; padding:3px;}
.bluetable td {border:1px solid #686868; border-collapse:collapse; padding:2px;}
.bluetable td.cap {border:1px solid #686868; border-collapse:collapse; padding:2px; text-transform:uppercase;}
.bluetable th{border:1px solid #686868; border-collapse:collapse; padding:2px; height:20px; background-color:#f1f1f1; color:#000000; font-size:10px; text-transform:uppercase;}
.bluetable a:link {color:#000; font-weight:normal;}
.bluetable a:visited{color:#000; font-weight:normal;}
.bluetable a:hover {color:#000000; font-weight:normal;}

.mid { padding-left:5px; padding-right:10px; }

.fontwhite {color:#FFFFFF;}

.bdrmain { background:#FFFFFF;}

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: #242424; height:25px; border-bottom: solid 1px #000000;}

table.box { }
.box th{ padding:2px; color:#FFFFFF; background:#929292; height:20px;}
.box td{ padding:2px; background:#f7f7f7;}
.box a:link{ color:#001711; }
.box a:visited{ color:#001711; }
.box a:hover{ color:#001711; }

table.boxright { padding:5px; margin-top:5px;}
.boxright th{ padding:2px; color:#000000; background:#000000; text-align:left; border-bottom:1px solid #cccccc; font-size:14px;  height:20px;}
.boxright td{ padding:2px; background:#242424; }
.boxright a:link{ color:#001711; }
.boxright a:visited{ color:#001711; }
.boxright a:hover{ color:#424242; }



.graybg{ background-color:#a1a1a1; padding:5px 3px; border-bottom:2px solid #e9e9e9;}
.sepratorbg { background-color:#ffffff;}

.required { color:#FF0000;}

/*general css end*

/*extra css*/
.callnow { background:url(images/callnow.jpg) bottom right no-repeat; width:243px; height:35px; font-family:"Trebuchet MS"; font-size:21px; color:#FFFFFF; font-weight:600; letter-spacing:-2px; line-height:18px; padding:5px 0px 10px 8px; }
.orangefont { color:#ff9900; font-size:21px; font-weight:600;  letter-spacing:-1px; padding-left:10px;}

.imgmain { padding:0px 10px 10px 0px;}
.yellowbox { width:305px; margin-top:20px;}
.yellowbox th { background:  url(images/boxcurvetop.jpg) top left no-repeat; width:305px; height:13px; border: none}
.yellowbox td { background: #fff7d8 url(images/yellowbg.jpg) top left repeat-x; height:131px; border-right:1px #ffcf0c solid; border-left:1px #ffcf0c solid; padding:0px 10px 0px 10px;  }
.yellowbox table {  padding:0px ;  }
.yellowbox  .bottom { background: url(images/boxcurvebtm.jpg) top left no-repeat; width:305px; height:13px; border: none}
.yellowbox img { padding:0px 10px 0px 5px}

.greybox { width:618px; margin-top:20px;}
.greybox th { background:url(images/greyboxcrv.jpg) left top  no-repeat; width:619px; height:13px;}
.greybox td { background: url(images/greybg.jpg) left top  repeat-x;  height:106px; border-right:1px #686868 solid; border-left:1px #686868 solid; }
.greybox .bottom { background: url(images/greyboxcrvbtm.jpg) top left no-repeat; width:619px; height:13px; border: none}
.greybox img { padding-left:5px;}

.bullet { padding:17px 0px 0px 0px ; margin:0px; }
.bullet ul {padding:0px ; margin:0px;  list-style:none;  }
.bullet li {padding:0px 0px 0px 15px; margin:0px;  list-style:none; background-image: url(images/bullet.gif); background-repeat:no-repeat; background-position: 0px 6px;   }
.bullet li a:link {  font-size:11px; text-decoration:underline; color:#000; }
.bullet li a:visited {  font-size:11px; text-decoration:underline;color:#000; }
.bullet li a:hover {  font-size:11px; text-decoration:none; color:#000; }

.pupletable { border:#4e2153 1px solid; border-collapse:collapse; } 
.pupletable th { background:#9a4ba6 url(images/purlegradient.jpg) left top repeat-x; color:#FFFFFF;  vertical-align:top; text-align:center; padding:5px;  border:#4e2153 1px solid; border-collapse:collapse; width:20%;}
.pupletable th .5col { background:#9a4ba6 url(images/purlegradient.jpg) left top repeat-x; color:#FFFFFF;  vertical-align:top; text-align:center; padding:5px;  border:#4e2153 1px solid; border-collapse:collapse; width:16%;}
.pupletable th .morecol { background:#9a4ba6 url(images/purlegradient.jpg) left top repeat-x; color:#FFFFFF;  vertical-align:top; text-align:center; padding:5px;  border:#4e2153 1px solid; border-collapse:collapse; }
.pupletable td { vertical-align:top; text-align:center; padding:5px;  border:#4e2153 1px solid; border-collapse:collapse;} 
.orange { color:#ff9900;  font-weight:600;  }

.special{background:url(images/specials-bg.jpg) no-repeat left top;height:204px; line-height:20px;}
