/* CSS Document */

/* base css start*/
body { margin:0; padding:0;}
.bodyTag {background:#ffffff;}

.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:275px; height:173px;}
.logo1 {display:block; background-repeat:no-repeat; text-indent:-999999px; background-image:url(images/logo1.jpg); width:275px; height:173px;}
.logo2 {display:block; background-repeat:no-repeat; text-indent:-999999px; background-image:url(images/logo2.jpg); width:275px; height:173px;}
.logotext { padding:0px;}
.logotext a:link, .logotext a:visited {display:block; background-repeat:no-repeat; text-indent:-999999px; background-image:url(images/logo-text.gif); width:488px; height:59px;}

/* base css end*/

/* header css start*/
.sitetitlefont {font-size:22px; font-weight: 100; color: #ffffff;}
.slogantext {font-size:16px; font-weight: 200; color: #a1a1a1; }
.imgborder { border:#666666 solid 1px;}
/* header css end*/

/* footer css start*/
.footercontainer { background:#000 url(images/footer-bg.jpg) left top repeat-x; border-bottom:#c6000d solid 3px; margin:0 auto; padding:0; height:370px; width:100%;}
.footercontent {  width:1004px; margin:0 auto; padding:0;}
.footer {}
.footer .span-1 { width:231px; padding:0 10px 10px 10px;}
.footer h3 { font-family:tahoma; font-size:14px; color:#d1a844; margin:10px 0 0 0; padding:0;}
.footer h3 a:link, .footer h3  a:visited {color:#d1a844; font-weight:normal;}
.footer h3  a:hover { color:#c6000d; text-decoration:none;}
.footer ul { list-style:none; background-image:none; margin:0; padding:0;}
.footer li { list-style:none; background:url(images/bullet.gif) left top no-repeat; margin:2px 0 2px 6px; padding:0 0 0 14px;  color:#fff;  font-size:11px;}
.footer li a:link, .footer li a:visited { color:#fff;}
.footer li a:hover { color:#d1a844;}

.footercontainer1 { background:#ffffff;  margin:0 auto; padding:0;  width:100%;}
.fspan-1 { width:90px;}
.fspan-2 { width:814px; padding:30px 5px;}

/* footer css end*/

/* navigation css start*/
.navigation { margin:0 11px 0 6px; height:43px; background:url(images/nav-bg.jpg) left top no-repeat; width:712px;}
.linkmenu { margin:0px; color:#ffffff; text-decoration:none; float:left; text-align:center; padding:10px; display:inline; background:url(images/nav-seprator.jpg) right top no-repeat; }
.linkmenu a:link, .linkmenu a:visited {color:#ffffff; text-decoration:none; padding:10px 4px; }
.linkmenu a:hover { display:inline; color:#000000; text-decoration:none; padding:10px 4px; }


.overmenu a:link, .overmenu a:visited { height:25px; display:block; color:#ffffff; text-decoration:none; font-weight:normal; padding-left:5px; padding-right:5px;padding-top:5px; background:#c71f25; border-bottom:1px solid #fff;}
.overmenu a:hover { height:25px; display:block; color:#c71f25; text-decoration:none; font-weight:normal; padding-left:5px; padding-right:5px;padding-top:5px; background:#c4c7cc;}
/* navigation css end*/

/*leftside css start*/
.leftback{padding:0 6px 0 10px;}
.leftback .middle { background:url(images/left-middle-curve.jpg) left top no-repeat; min-height:150px;}
.leftback .middle .content { padding:10px;}
.bulletintitle { background:url(images/bulletin-board-title.jpg) left top no-repeat; width:259px; height:35px; display:block; text-indent:-999999px; border:none;}
.eventstitle { background:url(images/events-title.jpg) left top no-repeat; width:259px; height:35px; display:block; text-indent:-999999px; border:none;}
.weathertitle { background:url(images/weather-title.jpg) left top no-repeat; width:259px; height:35px; display:block; text-indent:-999999px; border:none;}

/*leftside css end*/

/*rightside css start*/
.rightback {background:none; color:#1b1b1b; width:100px; padding-top:5px;}
.rightback td{ color:#1b1b1b;}
.rightback a:link {font-weight:normal;color:#1b1b1b; text-decoration:none; }
.rightback a:visited{ font-weight:normal;color:#1b1b1b; text-decoration:none;}
.rightback a:hover { text-decoration:none;color:#1b1b1b;}
/*right side css end*/

/*copyrights css start*/
.copyrights {font-size:11px; color:#2b8651;}
.copyrights a:link{font-size:11px; color:#2b8651;}
.copyrights a:visited{ font-size:11px; color:#2b8651;}
.copyrights a:hover{font-size:11px; color:#d0980d; text-decoration:underline;}
/*copyrights css end*/

/* basic css start*/
A {COLOR:#2b8651;text-decoration:none; }
A:link { COLOR:#2b8651; text-decoration:none;}
A:visited { COLOR:#2b8651;text-decoration:none;}
A:hover {COLOR:#d0980d;text-decoration:underline;}

td, p, span, div{ color:#353535; font-family:verdana; font-size:12px; line-height:20px;} 

img{border:0px;}

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 #549870;  height:20px; padding-top:2px;}
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:21px; font-weight:normal; color:#b10c11; margin:0px; background:url(images/arrowh1.jpg) left top no-repeat; border-bottom:#d9d9d9 solid 1px; padding:0 0 5px 26px; margin-top:5px;}
h1 a:link {font-size:21px; font-weight:normal; color:#b10c11; margin:0px; padding:0px;  text-decoration:none;}
h1 a:visited {font-size:21px; font-weight:normal; color:#b10c11; margin:0px; padding:0px;  text-decoration:none;}
h1 a:hover {font-size:21px; font-weight:normal; color:#b10c11; margin:0px; padding:0px;  text-decoration:none;}
/*use this for header (page title)*/

H2 {font-size:16px; color:#7e7a7a;margin:0px; padding:0px; }
H2 a:link {font-size:16px; color:#2b8651;margin:0px;text-decoration:none; }
H2 a:visited {font-size:16px; color:#2b8651;margin:0px;text-decoration:none; }
H2 a:hover {font-size:16px; color:#b10c11;margin:0px;text-decoration:none;}
/*use this for sub-header (you can say sub title), for ex. I used it in Glossary page*/

H3 {font-size:20px; font-weight:normal;color:#b10c11;margin:0px; padding:0px; }
H3 span{font-weight:normal;color:#b10c11;font-size:20px;margin:0xp;padding:0px;}
H3 a:link {font-size:14px; font-weight:bold; color:#b10c11; text-decoration:none; padding:0px;}
H3 a:visited {font-size:14px; font-weight:bold; color:#b10c11; text-decoration:none; padding:0px; }
H3 a:hover {font-size:14px; font-weight:bold; color:#7e7a7a;text-decoration:underline; padding:0px;}
/*use this for small-title */

H4 {font-size:14px; font-weight:bold;color:#b10c11;margin:0px; padding:0px; }
h4 a:link {font-size:14px;font-weight:bold; color:#b10c11;margin:0px;padding:0px;}
h4 a:visited {font-size:14px; font-weight:bold; color:#b10c11;margin:0px;padding:0px;}
h4 a:hover {font-size:14px; font-weight:bold; color:#242424;margin:0px;padding:0px; text-decoration:none;}
/*use this for bold text with special identification for ex. I used it in glossary word*/

H5 {font-size:12px; font-weight:normal;margin:0px;color:#549870; }
h5 a:link {font-size:12px; font-weight:normal; text-decoation:none; color:#549870}
h5 a:visited {font-size:12px; font-weight:normal;  text-decoation:none; color:#549870;}
h5 a:hover {font-size:12px; font-weight:normal;  text-decoation:none; color:#549870;}

/*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:#b10c11; border:1px solid #b10c11; 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:#fff2d2; border:1px solid #fff2d2; padding:3px;}

.breadcrumb {color:#545454;} 
.breadcrumb a:link {color:#545454; text-decoration:underline; font-weight:normal;}
.breadcrumb a:visited {color:#545454; text-decoration:underline; font-weight:normal;}
.breadcrumb a:hover {color:#545454; text-decoration:none; font-weight:normal;}

.highlighted-row {background-color:none; padding:2px;}
.highlighted-row table {border:none; background-color:none; padding:2px;}
.highlighted-row table td table{border:0px solid #7e7a7a; background-color:none; padding:2px;}
.highlighted-row a:link {text-decoration:none; font-weight:normal;}
.highlighted-row a:visited { text-decoration:none; font-weight:normal;}
.highlighted-row a:hover { text-decoration:underline; font-weight:normal;}


.highlighted-row1 {background-color: #f1c65f; padding:2px;}
.highlighted-row1 table {border:1px solid #b10c11 ;background-color: #f1c65f; padding:2px;}
.highlighted-row1 table td table{border:0px solid #b10c11; ;background-color: #f1c65f; padding:2px;}
.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:#7e7a7a; text-decoration:underline; font-weight:normal;}



.highlighted-row2 {background-color:#e8e8e8; padding: 4px; color:#FFFFFF;}
.highlighted-row2 {border:1px solid # ;background-color:#e8e8e8; padding: 4px; color:#FFFFFF;}
.highlighted-row2 table td table{border:0px solid #a6e0e9; background-color: #e8e8e8; padding: 4px; color:#FFFFFF;}
.highlighted-row2 a:link {color:#ffffff; text-decoration:none; font-weight:normal;}
.highlighted-row2 a:visited {color:#ffffff; text-decoration:none; font-weight:normal;}
.highlighted-row2 a:hover {color:#a1a1a1; text-decoration:underline; font-weight:normal;}



.highlighted-row3 {background-color: #c5c5c5; padding: 4px;}
.highlighted-row3 {border:1px solid #7e7a7a; background-color: #c5c5c5; padding: 4px;}
.highlighted-row3 table td table{border:0px solid #a6e0e9; background-color: #797979; padding: 4px;}
.highlighted-row3 a:link {color:#7e7a7a; text-decoration:none; font-weight:normal;}
.highlighted-row3 a:visited {color:#7e7a7a; 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 #fff2d2; padding:4px;}

/*.price {background-color:#c5c5c5; padding:2px; font-weight:bold;}*/
.price {background-color:#b10c11; 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:#7e7a7a; font-size:12px; text-decoration:none; font-weight:bold;}
.pagelist table td a:visited {color:#7e7a7a; font-size:12px; text-decoration:none; font-weight:bold;}
.pagelist table td a:hover {color:#7e7a7a; font-size:12px; text-decoration:none; font-weight:bold;}

.pagelist p {color:#7e7a7a}
.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 #7e7a7a; 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:#7e7a7a; font-weight:normal;  }


table.tablewithheader{border:1px solid #fff2d2; border-collapse:collapse; padding:3px;}
.tablewithheader td {border:1px solid #fff2d2; border-collapse:collapse; padding:3px;}
.tablewithheader th{border:1px solid #fff2d2; border-collapse:collapse; padding:3px; background-color:#fff2d2; color:#000; font-size:12px;}
.tablewithheader a:link {color:#7e7a7a; font-weight:normal;}
.tablewithheader a:visited{color:#7e7a7a; font-weight:normal;}
.tablewithheader a:hover {color:#808080; font-weight:normal;}

.imgna {background-color:#dddddd; text-align:center; width:100px; height:100px; text-transform:uppercase}
.imgna td a:link {color:#7e7a7a; text-decoration:underline}
.imgna td a:visited {color:#7e7a7a; text-decoration:underline}
.imgna td a:hover {color:#7e7a7a; text-decoration:none}


.textbold {font-size:11px; font-weight: bolder; color:#454545;}
.textsmall {font-size:10px;}
.txtprice {color: #a52929;}

.logintab {background-color:#fff2d2; padding: 4px;}
.logintab table {border:1px solid #b10c11; background-color:#fff2d2; padding: 4px;}
.logintab th {background-color:#b10c11;}
.logintab table td table{background-color: #fff2d2;  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:#7e7a7a; 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 #b10c11; border-collapse:collapse; padding:2px;}
.bluetable td {border:1px solid #b10c11; border-collapse:collapse; padding:2px;}
.bluetable td.cap {border:1px solid #b10c11; border-collapse:collapse;  text-transform:uppercase; padding:2px;}
.bluetable th{border:1px solid #b10c11; border-collapse:collapse; height:20px; background-color:#fff2d2; color:#000; font-size:10px; text-transform:uppercase; padding:2px;}
.bluetable a:link {color:#b10c11; font-weight:normal;}
.bluetable a:visited{color:#b10c11; font-weight:normal;}
.bluetable a:hover {color:#7e7a7a; font-weight:normal;}



.fontwhite {color:#FFFFFF;}

.bdrmain { background:#FFFFFF; display:table; width:1004px;}

.titlefont { font-size:18px; font-weight: 100; color: #242424; height:25px; border-bottom: solid 1px #7e7a7a;}

table.box { }
.box th{ padding:2px; color:#FFFFFF; background:#929292; height:20px;}
.box td{ padding:2px; background:#f7f7f7;}

table.boxright { padding:5px; margin-top:5px;}
.boxright th{ padding:2px; color:#7e7a7a; background:#7e7a7a; text-align:left; border-bottom:1px solid #cccccc; font-size:14px;  height:20px;}
.boxright td{ padding:2px; background:#242424; }

.graybg{ background-color:#a1a1a1; padding:5px 3px; border-bottom:2px solid #e9e9e9;}
.sepratorbg { background-color:#ffffff;}

/*general css end*/

/*extra css*/
.container { background:#8a8a8a url(images/body-bg.jpg) left top repeat-x; width:100%; margin:0 auto; padding:7px 0 0 0;}
.maincontent { width:1004px; margin:0 auto; padding:0;}
.whitebg { background-color:#FFFFFF; width:100%; margin:0 auto; padding:0; display:table;}
/*grid css start*/

.clear {clear:both;}
.floatleft {float:left;}
.floatright {float:right;}
.alignleft {text-align:left;}
.alignright {text-align: right;}
.aligncenter {text-align:center;}

.span-1 {width:275px;}
.span-2 {width:729px;}
.span-3 {width:488px;}
.span-4 {width:241px;}
.span-5 { width:717px; padding:0 6px;}
.span-6 {width:463px; padding:0 10px 0 10px; margin:5px 0 0 0;}
.span-7 {width:230px; padding:0 11px 0 5px; margin:5px 0 0 0;}
.span-text { width:70px; margin-right:10px; padding:5px 0 5px 35px;}
.span-input { width:155px; margin-right:10px; padding:3px 0 3px 0;}
.last { margin-right:0;}

.prepand-top { margin-top:12px;}
.apand-bottom { padding-bottom:12px;}

.topicons {}
.topicons ul { list-style:none; margin:0; padding:0;}
.topicons li { list-style:none; margin:0; display:inline; background-image:none;}
.topicons li a:link, .topicons li a:visited {padding:2px 20px 0 0; list-style:none;}

.block {margin-right:4px; margin-top:10px; height:130px; width:235px;}
.block .last { margin-right:0px;}
.block a:link, .block a:visited { color:#ffffff; font-size:11px;}
.block a:hover { color:#000000; font-size:11px; text-decoration:none;}
.yellowblock { background:url(images/yellow-block-top.jpg) left top no-repeat; padding:50px 5px 0 10px; color:#000000; }
.yellowblock span { font-size:22px; color:#000000; }
.greenblock { background:url(images/green-block-top.jpg) left top no-repeat; padding:50px 5px 0 10px; color:#000000; }
.greenblock span { font-size:22px; color:#000000; }
.redblock { background:url(images/red-block-top.jpg) left top no-repeat; padding:50px 5px 0 10px; color:#000000; }
.redblock span { font-size:22px; color:#000000; }

ul { list-style:none; margin:15px 0 0 0; padding:0;}
li { list-style:none; margin:0; padding:0 0 10px 15px; background:url(images/bullet.jpg) left top no-repeat;}

.rightblock { background:url(images/right-curve-middle.jpg) left top repeat-y; padding:0 5px 0 12px;}
.rightblock select { width:200px; margin:10px 0 5px 0;}
.rightblock a:link, .rightblock a:visited { color:#b10c11;}
.rightblock a:hover { color:#2b8651;}
.quick { background:url(images/quick-connect-title.jpg) left top no-repeat; width:118px; height:18px; display:block; text-indent:-999999px; border:none;}
.connect { background:url(images/connect-with-us-title.jpg) left top no-repeat; width:132px; height:17px; display:block; text-indent:-999999px; border:none;}
.membership { background:url(images/memberships-title.jpg) left top no-repeat; width:109px; height:21px; display:block; text-indent:-999999px; border:none;}
.websatisfection { background:url(images/website-satisfection-title.jpg) left top no-repeat; width:159px; height:16px; display:block; text-indent:-999999px; border:none;}

.surveybg { background:#FFFFFF url(images/monthly-survey-bg.jpg) center top no-repeat; width:438px; padding:45px 10px 10px 10px;}
/*grid css start*/