@charset "utf-8"; 

/* CSS Document */

html, body{height:100%}

body{background:url(../images/bg.jpg) no-repeat center top fixed;  margin:0}

table, td, tr{color:#666; font-family:Verdana,Helvetica,sans-serif; font-size:12px; font-weight:400}

img{border:0}

input, select, textarea{border:1px solid #CCC; font-size:11px; padding:1px}

#feedbackform input, select, textarea{border:1px solid #CCC; font-size:12px; padding:4px;}

.maintable{width:960px}



.topsection{color:#069; vertical-align:top}

.topsection strong{color:#823c85; font-size:12px; font-weight:700}

.topsection b{color:#f28e1d; font-size:18px; font-weight:700}

.topsection span{color:#7b7b7b; font-size:15px; font-weight:700}

.topsection a{color:#823c85; font-size:12px; font-weight:700; text-decoration:none}

.topsection a:hover{color:#af0000; text-decoration:underline}
.red{ color:#FF0000;}
.LV_validation_message { font-size:11px; color:#da1414;}
.LV_invalid { font-size:11px; color:#da1414;}

.topsection .navlink a{color:#fff; font-size:13px; font-weight:700; display:block; text-align:center; text-decoration:none; font-family:arial; text-transform:uppercase; padding:10px 10px;}

.topsection .navlink a:hover{color:#af0000; text-decoration:underline}



.leftsection{ vertical-align:top; width:200px}

.leftsection b{font-size:18px; font-weight:700; color:#FFF; text-transform:uppercase; background:#823c85; display:block; font-family:arial; padding:10px;}

.leftsection a{color:#000; font-weight:400; text-decoration:underline}

.leftsection a:hover{color:#666; text-decoration:none}

.leftsection .mhd{background:url(../images/bg-mleft.gif) repeat-x; color:#fff; display:block; font-size:22px; font-weight:700; padding:14px 0 14px 18px; text-transform:uppercase}



.middlesection b{color:#197bc1; font-size:12px; font-weight:700; text-transform:uppercase;}

.middlesection strong{color:#000; font-size:12px; font-weight:700}

.middlesection a{color:#333; font-size:12px; font-weight:700; text-decoration:none}

.middlesection a:hover{color:#af0000; text-decoration:underline}



.catlink a{color:#823c85; font-size:14px; font-weight:700; text-decoration:none}

.catlink a:hover{color:#af0000; text-decoration:none}



.prodlink a{color:#000066; font-size:12px; font-weight: normal; text-decoration:none; }

.prodlink a:hover{color:#ff6600; text-decoration:none}



.appimg{ padding-right:10px;}

.appinfo{ border-collapse:collapse; color:#666666;}

.appinfo strong{ font-weight:bold; color:#666; font-size:11px;}

.appinfo td{ border:0px solid #CCCCCC; padding:3px; color:#666666; font-size:11px;}



.appimg{ padding-right:10px;}

.appinfo1{ border-collapse:collapse; color:#666666;}

.appinfo1 strong{ font-weight:bold; color:#666; font-size:11px;}

.appinfo1 td{ border:0px solid #CCCCCC; padding:5px; color:#666666; font-size:11px;}



/*.pinfod td{ border-bottom:1px solid #f2f2f2; padding:2px;}*/

.pinfod { border-collapse:collapse;} 

.pinfod td{border:1px solid #f2f2f2; padding:3px;}



.lpinfod { border-collapse:collapse;} 

.lpinfod td{border:1px solid #f2f2f2; padding:4px;}

.pagetab{ background:url(../images/pagetabbg.jpg) repeat-x; color:#0e5dd4; font-size:14px; font-weight:700; padding:5px;}



.dyesc{ background:url(../images/dyec3.gif) repeat-x; }

.bottomsection b{font-size:18px; font-weight:700; font-family:arial;}

.bottomsection strong{color:#000; font-size:12px; font-weight:700}

.bottomsection a{color:#823c85; font-size:12px; font-weight:700; text-decoration:none}

.bottomsection a:hover{color:#af0000; text-decoration:underline}



.pagetit{ margin:0px; padding:7px 0px 7px 15px; background:url(../images/bg-hd.gif) repeat-x #650017; color:#fff; font-family:Arial, Helvetica, sans-serif; }

.pagetit h1{ margin:0px; padding:0; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:22px; text-transform:uppercase;}

h2{ margin:0px; padding:10px 0px 0px 30px; background:url(../images/bg-hd.jpg) no-repeat left top; height:42px; color:#FFF; font-family:arial; font-size:20px;}



.saprater{ border-right:1px solid #CCCCCC; width:20px;}



.dyelink{background:url(../images/dyesbg.jpg) no-repeat; width:388px; height:47px; padding-left:112px; font-family:Arial, Helvetica, sans-serif;}

.dyelink a { color:#880523; font-size:16px; font-weight:bold; text-decoration:none; text-transform:uppercase; }

.dyelink a:hover{ color:#333; font-size:16px; font-weight:bold; text-decoration:none; }

.dyelink span{ font-size:12px; color:#333; font-weight: normal;}



.dyestbl{ border-collapse:collapse;}

.dyestbl td { border:1px solid #CCCCCC; padding:4px;}



.backl{ padding-right:10px;}

.backl a { color:#fff; font-size:12px; font-weight:bold; text-decoration:none;}

.backl a:hover{ color:#fff; font-size:12px; font-weight:bold; text-decoration:none;}

/* slideshow section */

#slideshow { position:relative; height:320px; }

#slideshow DIV { position:absolute; top:0; left:0; z-index:8; opacity:0.0; height: 320px; background-color: #FFF; }

#slideshow DIV.active { z-index:10; opacity:1.0; }

#slideshow DIV.last-active { z-index:9; }

#slideshow DIV IMG { height: 320px; display: block; border: 0; margin-bottom: 10px; }
.thxsms{ font-size:18px; color:#FF0000; font-weight:bold; padding-top:25px; text-align:center;}