/* CSS Document */

/* base css start*/
body { margin:0; padding:0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
.bodyTag {background:#ffffff;}
/* base css end*/

#wrapper{width:100%; margin:0; padding:0 0 10px 0; background:url(images/body-bg.jpg) top left repeat-x; height:auto;}

/* header css start*/
.header{width:980px; padding:0; height:111px; margin:auto;}
.logo {padding:10px 0 0 10px; width:253; float:left;}
.logo a:link, .logo a:visited {display:block; background-repeat:no-repeat; text-indent:-999999px; width:253px; height:93px; background:url(images/logo.png) no-repeat left top;}

.toprightcontent {width:350px; float:right; height:90px; padding:0 15px 0 0;}
.toplinks {text-align:right;}
.toplinks img { margin:0 0 0 15px; border:0px;}

.hdchampva{ float:left; padding:30px 0 0 20px;}

.phoneraw{width:210px; float:right;padding:0; color:#ffffff; font-size:21px; font-family: Arial, Helvetica, sans-serif; line-height:20px; font-weight:bold; margin:15px 5px 0 0; text-align:right;}
.phoneraw .span{color:#cebdda; font-size:12px; line-height:23px; font-weight:bold; line-height:14px; margin:15px 0 0 0; font-family:Arial, Helvetica, sans-serif; }
/* header css end*/

/* navigation css start*/
.navigation table {
    width: auto !important;
}



.navi{width:980px; margin:auto; /*background:url(images/navbg.jpg) repeat-x left top;*/}
.navigation {height:37px; background: url(images/navbg.jpg) left top no-repeat; width:940px; color:#c6a5de; margin:0; padding:1px 10px 1px 0px;}

.navlink a:link, .navlink a:visited{text-decoration:none; padding:10px 20px 9px 20px; float:left; margin:0px; font-size:12px; color:#c6a5de; text-align:center; vertical-align:middle; font-weight:bold; border-right:#0a050d solid 1px; line-height:18px;}

.navlink a:hover {color:#ffffff; text-decoration:none;  background:url(images/navibgrp.jpg) repeat-x left top; }

.navileftborder {border-left:#0a050d solid 1px;}

/*background:url(images/navidivider.gif) no-repeat right top;*/

.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:#704b8e; border-bottom:1px solid #fff; width:auto; min-width:140px;}
.overmenu a:hover { height:25px; display:block; color:#ffffff; text-decoration:none; font-weight:normal; padding-left:5px; padding-right:5px;padding-top:5px; background:#9a7cb2; width:auto; min-width:140px;}/* navigation css end*/

/* bannerarea css start*/
.bannerarea {margin:0 auto; padding:0px; width:980px; height:282px;}
.bannerimg {padding:30px 35px 0 0; width:333px; float:left;}
.bannerheading {font-family:"Trebuchet MS"; color:#FFFFFF; font-size:24px; padding:55px 0 0 0; float:left; width:600px; text-transform:uppercase !important;}
.bannertext {font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#dce0e8; float:left; width:600px; padding:10px 0 7px 0;}
.phnline{font-size:18px; line-height:normal; color:#bb8cdd; text-transform:uppercase;}
.phnline span{font-size:18px; line-height:normal; color:#ffffff;}

/* bannerarea css end*/

/* footer css start*/
.footer {width:100%; background:url(images/footer-bg.jpg) repeat-x left top; height:274px;}
.footer .wrapper {width:980px; margin:auto;}
.footer .wrapper .sitemap {width:630px; float:left; height:184px; padding:25px 0 0 0; border-right:#1f230b solid 1px;}
.footer .wrapper .sitemap .first{width:400px; float:left;}
.footer .wrapper h4{color:#B78BD5; font-family:Arial; font-size:12px; font-weight:bold; padding:0 0 15px 0;}
.footer .wrapper .sitemaplinks {width:160px; float:left; padding:0px 10px 0px 0px ; color:#b59ec5; font-weight:bold; line-height:25px; font-size:12px;}
.footer .wrapper .sitemaplinks a {color:#b59ec5 !important; text-decoration:none !important; background:url(images/footer-bullets.gif) left center no-repeat; padding:0 0 0 15px;}
.footer .wrapper .sitemaplinks a:link, .footer .wrapper div a:visited {color:#b59ec5 !important; text-decoration:none !important;}
.footer .wrapper .sitemaplinks a:hover {color:#FFFFFF !important; text-decoration:none !important;}

.footer .wrapper .sitemap .second{width:200px; float:left;}
.footer .wrapper .sitemap .second h4{color:#b78bd5; font-family:Arial; font-size:12px; font-weight:bold; padding:0 0 15px 0;}
.footer .wrapper .sitemap .second .connect{ padding:0 15px 0 0; float:left;  margin:0px;}


.footer .wrapper .contactinfo {width:334px; float:left; height:184px; padding:25px 0 0 15px; color:#b59ec5; font-size:12px; line-height:18px;}
.footer .wrapper .contactinfo span {color:#b59ec5; font-size:12px;}

.footer .copyright {width:980px; height:35px; text-align:center; color:#b78bd5; font-size:11px; padding:10px 0 0 0;}


/* footer css end*/


/*leftside css start*/
.leftback{padding:0; float:left;}
/*leftside css end*/

/*Middle Innerpage css end*/
.centerwrapper {width:980px; margin:0 auto; padding:0 0 0 0;}
.mid{width:980px; float:left; padding:0;}
.middleback{width:600px; padding:30px 30px 0 0; float:left; background:url(images/center-bg.png) top right repeat-y;}

.bluetext {color:#3a7ba5;}

/*Middle Innerpage css end*/

.midinner{width:606px; float:left;}
.middlebackinner{width:586px; padding:0 20px 0 0; float:left;}


/*rightside css start*/
.rightback {width:335px; float:left; padding:30px 0 0 15px; min-height:200px;}

.rightheading {font-size:18px; font-weight:normal; color:#3e4417; line-height:normal; margin:0 0 10px 0; background:url(images/rightpanel-heading-border-bottom.png) bottom center repeat-x; text-transform:uppercase; font-family:"Trebuchet MS"; line-height:28px; padding:0 0 10px 0;}

.highlights {color:#333333; font-size:14px; list-style:none; margin:15px 0; padding:0;}
.highlights li {line-height:30px; padding:0 0 0 30px; background:url(images/green-arrow-bullet.png) left center no-repeat;}
.highlights li a{color:#333333; text-decoration: none;}
.highlights li a:hover{ color:#744d90; text-decoration: none;} 


.videothumbs {font-family:"Trebuchet MS"; font-size:18px; color:#000000; line-height:24px; text-align:center; margin:10px 0 0 0;}


/*right side css end*/

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

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

td, p, span, div{ color:#333333; font-family:"Trebuchet MS"; font-size:16px; line-height:22px;} 

img{border:0px;}

hr {padding-right: 5px; padding-left: 5px;}
form {margin:0px; padding:0px;}
select {color:#424242; border:1px solid #424242;}
input {color:#424242; border:1px solid #75a6d8;  height:20px; padding-top:2px;}
textarea{color:#424242; border:1px solid #75a6d8; 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:18px; font-weight:normal; color:#744d90; line-height:normal; margin:0 0 0px 0; text-transform:uppercase; font-family:"Trebuchet MS"; line-height:40px;}
h1 a:link {color:#3a7ba5; text-decoration:none;}
h1 a:visited {color:#3a7ba5; text-decoration:none;}
h1 a:hover {color:#3a7ba5; text-decoration:none;}
/*use this for header (page title)*/

h2 {font-size:18px; font-weight:normal; color:#744d90; line-height:normal; margin:0 0 10px 0; text-transform:uppercase; font-family:"Trebuchet MS"; line-height:35px;}
h2 a:link {color:#3a7ba5; text-decoration:underline;}
h2 a:visited {color:#3a7ba5; text-decoration:underline;}
h2 a:hover {color:#3a7ba5; text-decoration:none;}
/*use this for sub-header (you can say sub title), for ex. I used it in Glossary page*/

h3 {font-size:14px; font-weight:bold; color:#744d90; margin:0; padding:0px;}
h3 a:link {font-size:14px; font-weight:bold; color:#744d90; text-decoration:none; padding:0px;}
h3 a:visited {font-size:14px; font-weight:bold; color:#744d90; text-decoration:none; padding:0px; }
h3 a:hover {font-size:14px; font-weight:bold; color:#744d90;text-decoration:underline; padding:0px;}
/*use this for small-title */

h4 {font-size:14px; font-weight:bold;color:#744d90;margin:0px; padding:0px; font-weight:normal;}
h4 a:link {font-size:14px; font-weight:bold; color:#744d90; margin:0px; padding:0px;}
h4 a:visited {font-size:14px; font-weight:bold; color:#744d90;margin:0px;padding:0px;}
h4 a:hover {font-size:14px; font-weight:bold; color:#744d90;margin:0px;padding:0px;}
/*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:#15b0ce;display:inline; font-weight:normal;}
h5 a:link {font-size:12px; font-weight:normal; text-decoation:none; color:#15b0ce}
h5 a:visited {font-size:12px; font-weight:normal;  text-decoation:none; color:#15b0ce;}
h5 a:hover {font-size:12px; font-weight:normal;  text-decoation:none; color:#15b0ce;}

/*use this for bold small title (no special identification)*/


h6 {font-size:9px; font-weight:normal; font-style:normal;color:#cbcbcb; margin:0px;  font-weight:normal;}
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:#694281; border:1px solid #4d2466; color:#ffffff; font-weight:bold; font-size:11px; height:25px; 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:#d8eafc; border:1px solid #d8eafc; 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:#2d6ba8; padding:2px; color:#fff;}
.highlighted-row table {border:1px solid #2d6ba8; background-color: #7ab3ed; padding:2px; color:#fff;}
.highlighted-row table td table{border:0px solid #7e7a7a; background-color:#7ab3ed; padding:2px; color:#fff;}
.highlighted-row a:link {color:#545454; text-decoration:none; font-weight:normal;}
.highlighted-row a:visited {color:#545454; text-decoration:none; font-weight:normal;}
.highlighted-row a:hover {color:#545454; text-decoration:underline; font-weight:normal;}


.highlighted-row1 {background-color: #f1c65f; padding:2px;}
.highlighted-row1 table {border:1px solid #0082c9 ;background-color: #f1c65f; padding:2px;}
.highlighted-row1 table td table{border:0px solid #079dbb; ;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:#aad0f7; padding: 4px; color:#FFFFFF;}
.highlighted-row2 {border:1px solid # ;background-color:#aad0f7; padding: 4px; color:#FFFFFF;}
.highlighted-row2 table td table{border:0px solid #a6e0e9; background-color: #aad0f7; 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 #d8eafc; padding:4px;}

/*.price {background-color:#c5c5c5; padding:2px; font-weight:bold;}*/
.price {background-color:#0183c6; 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 #d8eafc; border-collapse:collapse; padding:3px;}
.tablewithheader td {border:1px solid #d8eafc; border-collapse:collapse; padding:3px;}
.tablewithheader th{border:1px solid #d8eafc; border-collapse:collapse; padding:3px; background-color:#d8eafc; 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: #0082c9;}

.logintab {background-color:#c6f0fc; padding: 4px;}
.logintab table {border:1px solid #2d6ba8; background-color:#7ab3ed; padding: 4px;}
.logintab th {background-color:#2d6ba8;}
.logintab table td table{background-color: #ddf3c2;  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 #b9d6f2; border-collapse:collapse; padding:3px;}
.invocetab td {border:1px solid #b9d6f2; border-collapse:collapse; padding:3px;}


table.bluetable  {border:1px solid #b9d6f2; border-collapse:collapse; padding:2px;}
.bluetable td {border:1px solid #b9d6f2; border-collapse:collapse; padding:2px;}
.bluetable td.cap {border:1px solid #b9d6f2; border-collapse:collapse;  text-transform:uppercase; padding:2px;}
.bluetable th{border:1px solid #b9d6f2; border-collapse:collapse; height:20px; background-color:#d8eafc; color:#000; font-size:10px; text-transform:uppercase; padding:2px;}
.bluetable a:link {color:#0082c9; font-weight:normal;}
.bluetable a:visited{color:#0082c9; 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*/


/*general css start*/
.topheadbar{background:url(images/topbg.gif) repeat-x center top; height:7px;}
.contentbarbg{background: url(images/contentbar.gif) repeat-x left top; padding:14px 0 12px 0;}
.contentbarbg .txts{ font-family:Verdana, Arial, Helvetica, sans-serif; color:#003366; font-size:15px; text-align:center;}

.contentarea{ width:824px; float:left; margin:20px 0 20px 0;}
.rightalign{ text-align:right;}

.paneldiv{padding:10px 4px 10px 4px;}
.paneldivtwo{padding:10px 10px 10px 10px;}


.leftbackbg{background:#ffffcc;}
.rightbackbg{background:#ffffcc;}

.clear{clear:both;}

.leftfloat{float:left;}

.smallfont {width:98%;}
.smallfont ul{ font-size:11px; line-height:normal; margin:0px; padding:0px;}
.smallfont ul li{ list-style:none; font-size:11px; line-height:18px; background:url(images/bullet.jpg) no-repeat left center; padding-left:12px;}
.smallfont ul li a { text-decoration: none; margin:0px; padding:0px;  }
.smallfont ul li a:hover { text-decoration: underline; }

.font15{font-weight:bold; color:#003366; padding:5px 0 9px 0; font-size:15px; line-height:normal;}

.listraw{width:352px;}

.hplist {width:140px; float:left; padding-left:20px;}
.hplist ul{ font-size:12px; line-height:normal; margin:0px; padding:0px;}
.hplist ul li{ list-style:none; font-size:12px; line-height:16px; background:url(images/bullet.jpg) no-repeat left center; padding-left:12px;}
.hplist ul li a { text-decoration: none; margin:0px; padding:0px;  }
.hplist ul li a:hover { text-decoration: underline; }


/*general css end*/


/*product showcase css start*/
.prodshocaserow {width:100%; padding:0 0 10px 0;}
.productbox {width:200px; height:230px; margin:0 20px 0 0; border-bottom:#0065a4 solid 1px; float:left;}
.productinnerbox {width:185px; height:205px; border-right:#0065a4 solid 1px; margin:0 0 10px 8px; padding:10px 16px 0 0;}
.productinnerbox img {border:0; padding:0 0 15px 0;}
.productinnerbox h3 {color:#bb301d; font-size:14px; font-weight:bold; padding:0 10px 10px 10px; font-family:Tahoma, Arial;}
.productinnerbox p {font-size:12px; color:#333333; font-style:italic; padding:0 10px 10px 10px; line-height:13px; margin:0px;}
/*product showcase css end*/


.productcategory {
	width:635px;
	height:188px;
	background:url(images/product-category-bg.jpg) top left repeat-x;
	border:#cccacb solid 1px;
	margin:0 0 15px 0;
	padding:15px;
	float:left;
}
.contentbox {width:420px; margin:0; float:left;}

.productimage {width:200px; margin:10px 0 0 15px; float:left;}

/*miscelleanous css start*/
.noleftborder {border-left:none !important;}
.norightborder {border-right:none !important;}
.nobottomborder {border-bottom:none !important;}
/*miscelleanous css end*/

/* Tabs CSS Start */
.tabs_maindiv {width:665px;margin:0 auto; padding:0 0 15px 0;}
.tabs_maindiv ul.tabs {margin:0; padding:0; float:left; list-style:none; height:38px; width: 100%; 	background:#ffffff; font-family:Verdana, Arial, Helvetica, sans-serif; }
.tabs_maindiv ul.tabs li {float:left; padding:0; height:38px; width:145px; line-height:38px; margin:1px 5px -1px 0; background:url(images/tab_inactive.jpg) bottom left no-repeat; overflow: hidden; position: relative; font-size:11px; font-weight:bold; text-align:center; }
.tabs_maindiv ul.tabs li a { text-decoration: none; color:#ffffff; display: block; padding: 0 10px;	outline: none;}
.tabs_maindiv ul.tabs li a:hover { background:url(images/tab_active.png) top left no-repeat; color:#FFFFFF;}
.tabs_maindiv ul.tabs li.active {background:url(images/tab_active.jpg) top left no-repeat; color:#165984; width:150px; }
.tabs_maindiv ul.tabs li.active a {color:#165984 !important;}
.tab_container {border:#165984 solid 1px; clear:both; float:left; width:655px; background: #fff; padding:5px;}
.tab_content {}
.tab_content .main-prod-image {width:258px; height:176px; margin:0 5px 5px 0; float:left;}
.tab_content .description {width:390px; float:left; font-family:Tahoma, Arial; font-size:16px; font-weight:bold; color:#333333; text-align:center; padding:20px 0 0 0; line-height:22px;}
.tab_content .description span {color:#145983; font-size:18px; line-height:24px;}
.tab_content .sub-images {float:left;}
.tab_content .sub-images img {border:0; margin:0 1px 0 0;}
/* Tabs CSS End */

/* Tabs CSS Start */
.tabs_maindiv ul.tabs02 {margin:0; padding:0; float:left; list-style:none; height:38px; width: 100%; background:#ffffff; font-family:Verdana, Arial, Helvetica, sans-serif; }
.tabs_maindiv ul.tabs02 li {float:left; padding:0; height:38px; width:145px; line-height:38px; margin:1px 5px -1px 0; background:url(images/tab_inactive.jpg) bottom left no-repeat; overflow: hidden; position: relative; font-size:11px; font-weight:bold; text-align:center; }
.tabs_maindiv ul.tabs02 li a { text-decoration: none; color:#ffffff; display: block; padding: 0 10px;	outline: none;}
.tabs_maindiv ul.tabs02 li a:hover { background:url(images/tab_active.png) top left no-repeat; color:#FFFFFF;}
.tabs_maindiv ul.tabs02 li.active02 {background:url(images/tab_active.jpg) top left no-repeat; color:#165984; width:150px; }
.tabs_maindiv ul.tabs02 li.active02 a {color:#165984 !important;}
.tab_container02 {border:#165984 solid 1px; clear:both; float:left; width:655px; background: #fff; padding:5px;}
.tab_content02 {}
.tab_content02 .main-prod-image {width:258px; height:176px; margin:0 5px 5px 0; float:left;}
.tab_content02 .description {width:390px; float:left; font-family:Tahoma, Arial; font-size:16px; font-weight:bold; color:#333333; text-align:center; padding:20px 0 0 0; line-height:22px;}
.tab_content02 .description span {color:#145983; font-size:18px; line-height:24px;}
.tab_content02 .sub-images {float:left;}
.tab_content02 .sub-images img {border:0; margin:0 1px 0 0;}
/* Tabs CSS End */

.dotpadding {vertical-align:top; text-align:center; padding:12px 0 0 0;}


/**/
.h1 {font-size:18px; font-weight:normal; color:#744d90; line-height:normal; margin:0 0 0px 0; background:url(images/heading-border-bottom.png) bottom center repeat-x; text-transform:uppercase; font-family:"Trebuchet MS"; line-height:40px;}
.h1 a:link {color:#3a7ba5; text-decoration:none;}
.h1 a:visited {color:#3a7ba5; text-decoration:none;}
.h1 a:hover {color:#3a7ba5; text-decoration:none;}
/*use this for header (page title)*/

.h2 {font-size:18px; font-weight:normal; color:#744d90; line-height:normal; margin:0 0 10px 0; background:url(images/heading-border-bottom.png) bottom center repeat-x; text-transform:uppercase; font-family:"Trebuchet MS"; line-height:35px;}
.h2 a:link {color:#3a7ba5; text-decoration:underline;}
.h2 a:visited {color:#3a7ba5; text-decoration:underline;}
.h2 a:hover {color:#3a7ba5; text-decoration:none;}


.pleft{width:310px; float:left;}
.hdtxt{color:#333333; font-size:14px; font-weight:normal;}
.hdtxt span{ color:#744d90; font-weight:bold;}

.pright{width:270px; float:left;}

.hleftlist {color:#333333; font-size:16px; font-weight:normal; list-style:none; margin:15px 0; padding:0;}
.hleftlist li {line-height:30px; padding:0 0 0 30px; background:url(images/purple-bullet.png) left center no-repeat;}


.hleftlistwo {color:#333333; font-size:16px; font-weight:normal; list-style:none; margin:15px 0; padding:0;}
.hleftlistwo li {line-height:30px; padding:0 0 0 30px; background: url(images/yes.gif) left center no-repeat;}



.hd18{font-size:18px; font-weight:normal; color:#3e4417; line-height:normal; }

.topmar{margin:15px 0 0 0;}
.hdngright{ font-size:20px; line-height:normal; color:#3e4417; text-align:left; padding:0 0 5px 0;}

.emailink{margin:25px 0 7px 0; float:left;}

/*CssBasedTable*/
.boxone{width:600px; float:left; border: solid 1px #744d90; background:#FFF; margin:0 0 15px 0; border-bottom:none;}
.boxone .firstbox {width:108px; border-right:solid 1px #744d90; float:left;}
.boxone .firstbox .bar{width:108px; background:#f1ddff; padding:5px 0 5px 0;}
.boxone .firstbox p{margin:0px; width:108px; border-bottom:solid 1px #744d90; text-align:center; padding:5px 0 5px 0;}
.bdrnone{border:none;}

.boxone .secondbox {width:198px; border-right:solid 1px #744d90; float:left;}
.boxone .secondbox .bar{background:#f1ddff; padding:5px 0 5px 0;}
.boxone .secondbox p{margin:0px; border-bottom:solid 1px #744d90; text-align:center; padding:5px 0 5px 0;}


.boxone .thirdbox {width:90px; border-right:solid 1px #744d90; float:left;}
.boxone .thirdbox .bar{background:#f1ddff; padding:5px 0 5px 0;}
.boxone .thirdbox p{margin:0px; border-bottom:solid 1px #744d90; text-align:center; padding:5px 0 5px 0;}


.boxone .fourthbox {width:106px; border-right:solid 1px #744d90; float:left;}
.boxone .fourthbox .bar{background:#f1ddff; padding:5px 0 5px 0;}
.boxone .fourthbox p{margin:0px; border-bottom:solid 1px #744d90; text-align:center; padding:5px 0 5px 0;}

.boxone .fifthbox {width:94px; float:left; }
.boxone .fifthbox .bar{background:#f1ddff; padding:5px 0 5px 0;}
.boxone .fifthbox p{margin:0px;border-bottom:solid 1px #744d90; text-align:center;  padding:5px 0 5px 0;}