BODY{margin:0px auto;font-size:13px;font-family:arial;color:#444444; background-color:#724310;}
.outer{width:942px;text-align:left; margin:0px auto;}
#headimage
{width:345px; height:180px; background-image:url('../images/flowers.jpg'); background-repeat:no-repeat; float:left;; margin-bottom:2px}
#rc1
{background-image:url('../images/rc1.jpg'); background-repeat:no-repeat; width:16px; height:180px; float:left }
#headerbg
{background-image:url('../images/bg.jpg'); background-repeat:repeat-x; width:570px; height:180px; float:left; padding-left:11px}
.name
{text-transform:uppercase; color:#5C9910; font-family:"century Gothic"; font-size:26px; padding-top:10px; letter-spacing:2px;}
.c1
{text-transform:uppercase; color:#FF6600; font-family:"century Gothic"; font-size:26px; padding-top:10px; letter-spacing:2px;}
.c2
{text-transform:uppercase; color:#008000; font-family:"century Gothic"; font-size:26px; padding-top:10px; letter-spacing:2px;}
.c3
{text-transform:uppercase; color:#0000FF; font-family:"century Gothic"; font-size:26px; padding-top:10px; letter-spacing:2px;}
.c4
{text-transform:uppercase; color:#808000; font-family:"century Gothic"; font-size:26px; padding-top:10px; letter-spacing:2px;}
.c5
{text-transform:uppercase; color:#5C9910; font-family:"century Gothic"; font-size:26px; padding-top:10px; letter-spacing:2px;}
.c6
{text-transform:uppercase; color:#FF6600; font-family:"century Gothic"; font-size:26px; padding-top:10px; letter-spacing:2px;}
.cbatu
{color:#FF6600; font-weight:bold; font-family:"century Gothic"; font-size:12px; padding-top:3px; letter-spacing:2px;}
.cbatuinf
{color:#555555; font-family:"tahoma"; font-size:10px; padding-top:3px; letter-spacing:2px;}
.cbatuftr
{color:#555555; font-family:"tahoma"; font-size:12px; padding-top:3px; letter-spacing:1px;}
.bstyle
{border-style:dotted;border-color:black;border-width:1px;background-color:steelgrey;}
.name2
{color:#0079B5;}
.tag
{font-weight:bold; color:#555555; font-size:12px; padding-left:10px; letter-spacing:2px;}
.pricetag
{color:#FF0000; face:Trebuchet MS; font-size:18px; padding-left:10px; letter-spacing:2px;}
#left-nav
{width:250px; float:left; background-image:url('../images/left.jpg'); background-repeat:no-repeat; background-color:#FFFFFF}
#right-nav
{width:682px; float:left; background-image:url('../images/right.jpg'); background-repeat:no-repeat; margin-left:10px;background-color:#FFFFFF}
#gap2
{width:10px; height:100px; float:left; font-size:1px;}
#news-bg
{width:200px; height:158px; padding-top:10px; text-align:left; border-bottom:1px dashed #D2D2D2; margin:0 auto 5px auto;}
.gap
{height:0px; font-size:1px; clear:left;}
.date
{width:66px; height:18px; background-color:#5C9910; color:#ffffff; font-family:tahoma; font-size:11px; font-weight:bold; line-height:18px; padding-left:6px;}
.news-txt
{text-align:justify; color:#3B3B3B; font-family:tahoma; font-size:11px; padding-top:6px;}
.lightfont
{text-align:justify; color:#808080; font-family:tahoma; font-size:11px; padding-top:6px;}
.news-txt1
{text-align:justify; color:#3B3B3B; font-family:tahoma; font-size:13px; padding-top:6px;}
a{color:#177ABD; text-decoration:underline;}
a:hover{color:#177ABD; text-decoration:none;}
.read-more
{font-size:11px; height:20px; line-height:20px; text-transform:uppercase; font-weight:bold; font-family:tahoma;}
.deschead
{font-size:13px; height:20px; line-height:20px; text-transform:uppercase; font-weight:bold; font-family:tahoma;}
.read-more a
{color:#1170B0; text-decoration:underline;}
.read-more a:hover
{color:#1170B0; text-decoration:none;}
#main
{text-align:justify; padding:20px;}
#main img { float:left;width:180px; margin:10px; border:2px solid #999999;}
.heading
{height:45px; line-height:45px; padding-left:25px; text-transform:uppercase; font-weight:bold; color:#ffffff; font-family:"trebuchet MS"; font-size:15px; text-align:left;}
  .leftcolumn{
  width:200px;
  padding-top:5px;
  padding-left:20px;
  float:left;
  }
.leftcolumn ul
{
list-style-type: none;
padding-left:0;
margin:0;
text-align: left;
width:100%;
padding-top:2px;
}
.leftcolumn ul li{
padding-top:6px;
padding-bottom:6px;
border-bottom:1px solid #E8D9BD;
margin:0;
}
.leftcolumn ul li a
{
text-align: left;
padding-left: 20px;
font-size:12px; letter-spacing:1px;
text-decoration: none;
color: #4E4739;
}
.leftcolumn ul li a:hover
{
color: #4E4739;
padding-left: 20px;
text-decoration:underline;
}
#rc4{background-image:url('../images/rc4.gif'); background-repeat:no-repeat; width:9px; height:59px; float:left;font-size:1px;margin-top:10px}
#rc5{background-image:url('../images/rc5.gif'); background-repeat:no-repeat; width:9px; height:59px; font-size:1px;margin-top:10px; float:left}
#bottom-bg{width:924px; background-color:#ffffff; height:59px;  float:left; margin-top:10px;}
.clear{clear:both;}

/* Bottom*/
#bottom{width:80%; padding-top:10px; margin:0 auto;}
.sap3
{width:1px;float:left;height:9px;line-height:9px;color:#000000;}
.bottomlink
{width:95px;text-align:center;height:20px;line-height:20px;font-weight:bold;text-transform:uppercase;float:left; font-family:"trebuchet MS"; font-size:9px;}
.bottomlink a
{color:#177ABB;text-decoration:none;}
.bottomlink a:hover
{text-decoration:none;color:#000000;}
.bottomlink2
{width:200px;text-align:center;height:20px;line-height:10px;font-weight:bold;float:left; font-family:"trebuchet MS"; font-size:10px;}
.bottomlink2 a
{color:#177ABB;text-decoration:none; font-size:10px;}
.bottomlink2 a:hover
{text-decoration:none;color:#000000; font-size:10px;}

#box{align:right; width: 350px; height:50px;}
#box div{border-radius: 5px ;border: 0px solid #800000;}

/* css colur buttons*/

.awesome, .awesome:visited {
	background: #222 url(alert-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}

	.awesome:hover							{ background-color: #111; color: #fff; }
	.awesome:active							{ top: 1px; }
	.small.awesome, .small.awesome:visited 			{ font-size: 11px; padding: ; }
	.awesome, .awesome:visited,
	.medium.awesome, .medium.awesome:visited 		{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
	.large.awesome, .large.awesome:visited 			{ font-size: 14px; padding: 8px 14px 9px; }
	
	.green.awesome, .green.awesome:visited		{ background-color: #91bd09; }
	.green.awesome:hover						{ background-color: #749a02; }
	.blue.awesome, .blue.awesome:visited		{ background-color: #2daebf; }
	.blue.awesome:hover							{ background-color: #007d9a; }
	.red.awesome, .red.awesome:visited			{ background-color: #e33100; }
	.red.awesome:hover							{ background-color: #872300; }
	.magenta.awesome, .magenta.awesome:visited		{ background-color: #a9014b; }
	.magenta.awesome:hover							{ background-color: #630030; }
	.orange.awesome, .orange.awesome:visited		{ background-color: #ff5c00; }
	.orange.awesome:hover							{ background-color: #d45500; }
	.yellow.awesome, .yellow.awesome:visited		{ background-color: #ffb515; }
	.yellow.awesome:hover							{ background-color: #fc9200; }
    .alertmsg{position:absolute;left:450px;top:80px;z-index:-1;FONT: 9pt Arial, Verdana, Helvetica, sans-serif, "MS Sans Serif", Tahoma;}
/* image fade start */
.imagef {
    position: relative;
    border: 0px solid black;
    
}

.imagef img {
    max-width: 100%;
    max-height: 100%;
    
    transition: .2s all;
}

.imagef img:hover {
    -webkit-filter: brightness(55%);
}

/* image fade end */
/* image zoom */

.imgzoom {
    text-decoration: none;
    display: block;
    width: 300px;
    height: 300px;
    float: right;
    margin: 0 3px 3px 0;
    opacity: 1;
    -webkit-transform: scale(1,1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1,1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
}
.imgzoom:hover {
    opacity: .8;
    -webkit-transform: scale(1.50,1.50);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1.50,1.50);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
    position: relative;
    z-index: 99;
}
hr.style13 {
	height: 10px;
	border: 0;
	box-shadow: 0 10px 10px -10px #8c8b8b inset;}
.PBox .box{
  width: 200px;
  float: left; 
  margin: 2px;
  padding: 5px;
  border: 1px solid #ccc;
  text-align: center;
}

/*Fade all the DIV when user hovers on any div*/
.PBox:hover .box{
  zoom: 1;
  filter: alpha(opacity=45);
  opacity: 0.45;
  -webkit-transition: opacity .5s ease-in-out;
  -moz-transition: opacity .5s ease-in-out;
  -ms-transition: opacity .5s ease-in-out;
  -o-transition: opacity .5s ease-in-out;
  transition: opacity .5s ease-in-out;
}

/*Fade out the particular DIV when user hover on that DIV*/
.PBox .box:hover{
  box-shadow: 3px 3px 5px #B7B5B2;
  border-color:#1CD50C;
  cursor: pointer;
  
  /*Opacity*/
  zoom: 1;
  filter: alpha(opacity=100);
  opacity: 1;
}

input[type=password], select {
    width: auto;
    padding: 6px 10px;
    margin: 4px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}
input[type=text], select {
    width: auto;
    padding: 6px 10px;
    margin: 4px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

input[type=submit] {
    width: auto;
    background-color: #4CAF50;
    color: white;
    padding: 6px 10px;
    margin: 8px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}
input[type=reset] {
    width: auto;
    background-color: #4CAF50;
    color: white;
    padding: 6px 10px;
    margin: 8px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

input[type=submit]:hover {
    background-color: #45a049;
}
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 150px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}