/* CSS Document */

body
{
margin:0; padding:0;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
}

p,h1,h2,h3,h4,h5,h6,
{
margin:0; padding:0;
}

.topheaderleft
{
margin:0; padding:0;
background-image:url(../images/topheaderleft.png);
background-repeat:no-repeat; background-position:left;
width:31px; height:139px;
}

.topheaderright
{
margin:0; padding:0;
background-image: url(../images/topheaderright.png);
background-repeat:no-repeat; background-position:right;
height:139px; width:31px;
}

.topheadermiddle
{
margin:0; padding:0;
background-image:url(../images/topheadermiddle.png);
background-repeat:repeat-x;
height:139px;
background-position:bottom;
}

a.toplinks
{
margin:0; padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
text-decoration:none;
}

a.toplinks:hover
{
margin:0; padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFCC00;
text-decoration:none;
}

.toplinksmargin
{
margin:0;
padding-top:38px; 
padding-left:120px;
}

.toplinksmargin1
{
margin:0;
padding-top:15px; 
padding-left:120px;
}

.linkbg
{
margin:0; padding-left:10px;
background-image:url(../images/linkbg.jpg);
background-repeat:repeat-x;
}

.linktop ul
{ 
margin:0; padding:0;
list-style-type:none;
}

.linktop ul li
{ 
margin:0; padding:0;
list-style-type:none;
float:left; color:#FFFFFF;
}

.linktop ul li a
{
margin:0; padding:0 15px 0 15px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
text-decoration:none;
text-align:center; 
text-transform:uppercase;
}

.linktop ul li a:hover
{
margin:0; padding:0 15px 0 15px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FF9900;
text-decoration:none;
text-align:center; 
text-transform:uppercase;
}

.linkdivider
{
margin:0; padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#FFFFFF;
text-decoration:none;
text-align:center; 
}

.imageheader
{
margin:0; padding:0;
background-image:url(../images/imageheader.jpg);
width:1100px; height:244px; 
background-repeat:no-repeat;
}

.partitionline
{
margin:0; padding:0;
background-image: url(../images/partitionline.jpg);
width:17px;
background-repeat: repeat-y;
}

.redheading
{
margin:0; padding-left:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#FFFFFF;
text-decoration:none;
}

.redheading1
{
margin:0; padding:0; 
background-image:url(../images/redbg_right.jpg);
background-repeat:no-repeat;
width:37px; height:31px;
}

.contentheading
{
margin:0; padding-left:25px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#DA6201;
text-decoration:none;
font-weight:bold;
}

.contentheading1
{
margin:0; padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#DA6201;
text-decoration:none;
font-weight:bold;
}

.contentheading2
{
margin:0; padding-left:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#DA6201;
text-decoration:none;
font-weight:bold;
}

.clientheading
{
margin:0; padding-top:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#DA6201;
text-decoration:none;
font-weight:bold;
}

.content
{
margin:0; padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
text-decoration:none;
text-align:justify;
line-height:16px;
}

.line
{
margin:0; padding:0;
background-image: url(../images/line.jpg);
background-repeat:repeat-x;
width:400px; height:1px;
}

.line1
{
margin:0; padding:0;
background-image: url(../images/line.jpg);
background-repeat:repeat-x;
width:695px; height:1px;
}
.bottombg
{
margin:0; padding-left:5px;
background-image:url(../images/bottombg.png);
background-repeat:repeat-x;
width:1100px; height:41px;
}

.linkbottom ul
{ 
margin:0; padding:0;
list-style-type:none;
}

.linkbottom ul li
{ 
margin:0; padding:0;
list-style-type:none;
float:left; color:#FFFFFF;
}


.linkbottom ul li a
{
margin:0; padding:0 8px 0 8px;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
color:#FFFFFF;
text-decoration:none;
text-align:center; 
text-transform:uppercase;
}

.linkbottom ul li a:hover
{
margin:0; padding:0 8px 0 8px;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
color:#FF9900;
text-decoration:none;
text-align:center; 
text-transform:uppercase;
}

.welcomeheading
{
margin:0; padding-left:5px; padding-top:10px;
font-family: "Times New Roman", Times, serif;
color:#DA6201; text-decoration:none;
font-size:18px; font-weight:bold;
}

.welcomecontheading
{
margin:0; padding-left:5px; padding-top:10px; padding-right:80px;
font-family: Arial, Helvetica, sans-serif;
color:#DA6201; text-decoration:none;
font-size:12px; text-align:justify;
}

.productheading
{
  margin:0; 
  padding:10px 0 0 0;
  color:#0fa2ff;
  font-size:16px; 
  text-align:left; 
  font-weight:bold;
}

.welcomecontent
{
margin:0; padding-left:5px; padding-top:10px; padding-right:80px; padding-bottom:40px;
font-family: Arial, Helvetica, sans-serif;
color:#333333; text-decoration:none;
font-size:11px; text-align:justify;
}

.text
{
margin:7px 0; padding:0;
font-family: Arial, Helvetica, sans-serif;
color:#333333; text-decoration:none;
font-size:12px; text-align:left;
line-height:18px; text-align:justify;
}

.bullet
{
margin:0; padding:5px;
float:left;
}

.text1
{
margin:0; padding:5px;
font-family: Arial, Helvetica, sans-serif;
color:#333333; text-decoration:none;
font-size:11px; text-align:justify;
float:left;
}

.service ul
{ 
margin:10px 0 0 10px; padding:0;
list-style-type:none;
}

.service ul li
{ 
margin:0; padding:0 0 0 25px;
list-style-type:none;
font-family: Arial, Helvetica, sans-serif;
color:#333333; text-decoration:none;
font-size:11px; text-align:left;
float:left;
background-image:url(../images/bullet.jpg);
background-repeat:no-repeat;
background-position:top left;
width:300px;
}

.contactimg
{
margin:0; padding-top:20px;
padding-right:20px;
}

.contactname
{
margin:0; padding:0;
font-family: Arial, Helvetica, sans-serif;
color:#FF6600; text-decoration:none;
font-size:13px; text-align:left;
font-weight:bold;
}

.morebg
{
margin:0; padding:0;
background-image:url(../images/more.jpg);
background-repeat:no-repeat;
width:63px; height:19px;
}

a.more
{
margin:0; padding:0;
font-family: Arial, Helvetica, sans-serif;
color:#FFFFFF; text-decoration:none;
font-size:13px; text-align:center;
}

a.more:hover
{
margin:0; padding:0;
font-family: Arial, Helvetica, sans-serif;
color:#000000; text-decoration:none;
font-size:13px; text-align:center;
}

.contact
{
margin:0; padding:0;
font-family: Arial, Helvetica, sans-serif;
color:#333333; text-decoration:none;
font-size:11px; text-align:left;
float:left;
}

.marque2
{
margin:0;
padding-top:160px;
padding-right:20px;
padding-left:560px;
float:left;
}

.copyright
{
margin:0; padding:5px 40px 0 0;
font-family: Arial, Helvetica, sans-serif;
color:#FFFFFF; text-decoration:none;
font-size:11px; 
}

a.cablepts
{
margin:0; padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#E46500;
text-decoration:none;
line-height:24px;
}

a.cablepts:hover
{
margin:0; padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
text-decoration:none;
line-height:24px;
}

a.enquiry
{
margin:0; padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#E46500;
text-decoration:none;
line-height:24px;
}

a.enquiry:hover
{
margin:0; padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
text-decoration:none;
line-height:24px;
}

.wel2{
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:11px; 
text-decoration:none;
text-align:justify;
padding-left:13px;
padding-right:13px;
padding-top:5px;
}

.addhead
{
font-family: Arial, Helvetica, sans-serif;
font-size:14px; 
text-decoration:none;
text-align:left;
color:#FF0000;
}

.addhead1
{
font-family: Arial, Helvetica, sans-serif;
font-size:12px; 
text-decoration:none;
text-align:left;
color:#FF3300;
font-weight:bold;
}

.prdn1{background:#FFD7D7;margin-top:3px; margin-bottom:3px; color:#CE0905; padding:4px 0px 4px 8px; height:18px; font: 15px arial;}
.qhd1{padding:0px; margin:0px; border-collapse:collapse;}
.qhd1 td, th{font:12px arial; margin:0px;  padding:0px 0px 0px 6px;text-align:left; height:31px;}
.qhd1 td.b{background:#FFEAEA;}
.qhd1 td table {padding:0px; border:0px;}
.qhd1 td table td {padding:0px 6px 0px 0px; border:0px;}
.qhd1 td  b{font:normal 11px arial; padding-left: 2px;color:#979797;}
.qhd1 td table.tim{width:378px;}
.qhd1 td table.tim td{height:23px;  padding-right:2px;}
.qhd1 td table.tim td input{margin-top:0px; margin-bottom:0px; margin-left:0px;}
.qhd3{padding:0px; margin:0px; border:1px solid #FF9900; border-collapse:collapse; width:100%; background:#f8f8f8;}
.qhd3 td, th{font:12px arial; margin:0px; border:0px;  padding:0px 0px 0px 6px;text-align:left; height:30px;}
.qhd2{padding:0px; margin:0px; border:0px; width:100%; background:#FFEAEA;}
.qhd2 td, th{font:12px arial; margin:0px;  padding:0px 0px 0px 6px; text-align:left;}
.qhd2 td.b{background:#FFEAEA; width:156px; line-height:19px;}
.qhd2 td.whi{background-color:#FFFFFF; padding:0px 0px 5px 6px;}
.txtfn{padding:0px; border:1px solid #FF9900; padding-top:2px; padding-bottom:2px; font:12px arial;height:21px;}
.txtfa{padding:1px; border:1px solid #FF9900; padding-top:2px; padding-bottom:2px; font:12px arial; color:#9e9e9e; height:21px;}
.txtf{padding:0px;  border:1px solid #FF9900; padding-top:2px; padding-bottom:2px; font:12px arial;color:000000;}
.mrs{width:46px;border:1px solid #FF9900;border-color:#FF9900; font:normal 12px arial; padding:2px 0px 1px 0px;}
.txtarea{width:300px; height:120px; margin:0px 0px 0px 0px; border:1px solid #FF9900; overflow:auto; font-size:12px; font-family:arial;}
.seq{background:url(../images/sybmit1.gif) no-repeat; border:0px; width:94px; height:25px; font:bold 12px arial; padding-top:0px;cursor:pointer; margin:3px 0px 3px 0px;}

ul.list {
	margin:0 auto;
	padding:0 0 0 10px;
	position:relative;
	list-style:none;
}
ul.list li {
	position:relative;
	display:block;
	list-style:none;
	padding:3px 0 3px 15px;
}
ul.list li::before, ul.vlist li::before {
	position:absolute;
	display:block;
	content:"*";
	font-size:16px;
	left:0;
	top:4px;
	color:#f86b3f;
}

table.advantage {margin:10px 0; padding:0; border-top:1px solid #dccbbf; border-left:1px solid #dccbbf; width:100%;}
table.advantage th {padding:7px; background-color:#e76200; color:#fff; text-align:center; font-weight:bold; font-size:16px; border-bottom:1px solid #dccbbf; border-right:1px solid #dccbbf;}
table.advantage td {padding:7px; background-color:#fef9f5; border-bottom:1px solid #dccbbf; border-right:1px solid #dccbbf;}
.txt-center {text-align:center;}

ul.vlist {
	margin:0 auto;
	padding:0 0 0 10px;
	position:relative;
	list-style:none;
}
ul.vlist li {
	position:relative;
	display:inline-block;
	list-style:none;
	padding:3px 0 3px 15px;
	width:30%;
}
 
 #jcl-demo {
	 margin:0 auto;
	 margin-left:20px;
	 width:1020px !important;
	}
 
 #jcl-demo .carousel {
    background-color:#fff;
    float: left;
    padding-left: 10px;
	margin:0 auto;
	width:960px !important;
	

    /* Needed for rendering without flicker */
    position: relative;
    visibility: hidden;
    left: -5000px;
}

    /* Styling for image based carousel content. Only width and height are mandatory */
    #jcl-demo .carousel>ul>li>img {
        width: 150px;
        height: 118px;
        vertical-align:middle;

        /* optional */
        margin: 10px 10px 10px 0;
        border-radius: 5px;
    }

    /* Styling for text based carousel content. Only width and height are mandatory */
    #jcl-demo .carousel>ul>li>p {
        width: 130px;
        height: 98px;

        margin: 10px 10px 10px 0;
        border: 1px solid #808080;
        border-radius: 5px;
        line-height: normal;
        background-color: #fff;
        padding: 10px;
    }

/* Styles for PREV and NEXT anchor buttons */
#jcl-demo a.prev, #jcl-demo a.next, #jcl-demo a.go {
    display: block;
    width: 26px;
    height: 30px;
    line-height: 1;

    background-color: #333333;
    color: ghostwhite;
    text-decoration: none;
    font-family: Arial, sans-serif;
    font-size: 25px;

    border-radius: 8px;
    float: left;
}
    #jcl-demo a.prev.disabled, #jcl-demo a.next.disabled,
    #jcl-demo a.prev.disabled:hover, #jcl-demo a.next.disabled:hover {
        background-color: #8d8d8d;
        cursor: default;
    }
    #jcl-demo a.go.highlight {
        background-color: #dedede;
        color: #000;
    }
    #jcl-demo a.prev {
        margin: 50px -5px 0 0;
        text-indent: 7px;
    }
    #jcl-demo a.next {
        margin: 50px 0 0 -5px;
        text-indent: 10px;
    }
        #jcl-demo a.prev:hover, #jcl-demo a.next:hover, #jcl-demo a.go:hover {
            background-color: #666666;
        }

/* Additional carousel styles for external controls, slider, widget, mid etc. */

#jcl-demo .externalControl button,
#jcl-demo .imageSliderExt button {
    margin: 5px 5px 0 0;
}
#jcl-demo .externalControl a.next, #jcl-demo .externalControl a.prev, #jcl-demo .externalControl a.go,
#jcl-demo .imageSliderExt a.next, #jcl-demo .imageSliderExt a.prev, #jcl-demo .imageSliderExt a.go
{
    margin: 0 5px 0 0;
    padding: 7px 5px 0 5px;
    font-size: 15px;
    text-align: center;
    border-radius: 3px;
}

#jcl-demo .widget img {
    cursor: pointer;
}
#jcl-demo .mid {
    margin-left: 50px;
    width: 400px;
    height: 300px;
}
#jcl-demo .vertical {
    margin-left: 170px;
}

#jcl-demo .imageSlider .carousel>ul>li>img,
#jcl-demo .imageSliderExt .carousel>ul>li>img {
    width: 400px;
    height: 300px;
}
#jcl-demo .imageSlider .carousel>ul>li>p,
#jcl-demo .imageSliderExt .carousel>ul>li>p {
    width: 380px;
    height: 280px;
}




#jcl-demo1 {
	 margin:0 auto;
	 margin-left:20px;
	 width:215px !important;
	}
 
 #jcl-demo1 .carousel {
    background-color:#fff;
    float: left;
    padding-left: 10px;
	margin:0 auto;
	width:160px !important;
	

    /* Needed for rendering without flicker */
    position: relative;
    visibility: hidden;
    left: -5000px;
}

    /* Styling for image based carousel content. Only width and height are mandatory */
    #jcl-demo1 .carousel>ul>li>img {
        width: 150px;
        height: 118px;
        vertical-align:middle;

        /* optional */
        margin: 10px 10px 10px 0;
        border-radius: 5px;
    }

    /* Styling for text based carousel content. Only width and height are mandatory */
    #jcl-demo1 .carousel>ul>li>p {
        width: 130px;
        height: 98px;

        margin: 10px 10px 10px 0;
        border: 1px solid #808080;
        border-radius: 5px;
        line-height: normal;
        background-color: #fff;
        padding: 10px;
    }

/* Styles for PREV and NEXT anchor buttons */
#jcl-demo1 a.prev, #jcl-demo1 a.next, #jcl-demo1 a.go {
    display: block;
    width: 26px;
    height: 30px;
    line-height: 1;

    background-color: #333333;
    color: ghostwhite;
    text-decoration: none;
    font-family: Arial, sans-serif;
    font-size: 25px;

    border-radius: 8px;
    float: left;
}
    #jcl-demo1 a.prev.disabled, #jcl-demo1 a.next.disabled,
    #jcl-demo1 a.prev.disabled:hover, #jcl-demo1 a.next.disabled:hover {
        background-color: #8d8d8d;
        cursor: default;
    }
    #jcl-demo1 a.go.highlight {
        background-color: #dedede;
        color: #000;
    }
    #jcl-demo1 a.prev {
        margin: 50px -5px 0 0;
        text-indent: 7px;
    }
    #jcl-demo1 a.next {
        margin: 50px 0 0 -5px;
        text-indent: 10px;
    }
        #jcl-demo1 a.prev:hover, #jcl-demo a.next:hover, #jcl-demo a.go:hover {
            background-color: #666666;
        }

/* Additional carousel styles for external controls, slider, widget, mid etc. */

#jcl-demo1 .externalControl button,
#jcl-demo1 .imageSliderExt button {
    margin: 5px 5px 0 0;
}
#jcl-demo1 .externalControl a.next, #jcl-demo1 .externalControl a.prev, #jcl-demo1 .externalControl a.go,
#jcl-demo1 .imageSliderExt a.next, #jcl-demo1 .imageSliderExt a.prev, #jcl-demo1 .imageSliderExt a.go
{
    margin: 0 5px 0 0;
    padding: 7px 5px 0 5px;
    font-size: 15px;
    text-align: center;
    border-radius: 3px;
}

#jcl-demo1 .widget img {
    cursor: pointer;
}
#jcl-demo1 .mid {
    margin-left: 50px;
    width: 400px;
    height: 300px;
}
#jcl-demo1 .vertical {
    margin-left: 170px;
}

#jcl-demo1 .imageSlider .carousel>ul>li>img,
#jcl-demo1 .imageSliderExt .carousel>ul>li>img {
    width: 400px;
    height: 300px;
}
#jcl-demo1 .imageSlider .carousel>ul>li>p,
#jcl-demo1 .imageSliderExt .carousel>ul>li>p {
    width: 380px;
    height: 280px;
}

/* Other common styles */

.clear {
    clear: both;
}