@charset "UTF-8";

/* WebDesignAndSuch.com Demo */

.imageOuter {width:350px; float:left; margin:0 37px 0 0}


/* jquery-method */

span.roll {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 10;
}

span.roll.link {
	background:url(images/hovericon1.png) center center no-repeat rgba(0,0,0,0.3);
}

span.roll.zoom {
	background:url(images/hovericon2.png) center center no-repeat rgba(0,0,0,0.3);
}

span.roll.arrow {
	background:url(images/hovericon3.png) center center no-repeat rgba(0,0,0,0.3);
}

a.hover-image {
	position: relative;
	display: block;
}



.menu a {
		border:none;
		font-weight:normal;
		
	}

/* Actual menu CSS starts here */
	.menu,
	.menu ul {
		margin:0;
		padding:0;
		list-style:none;
	}
	.menu {width:245px;font-size:14px;}
	.menu li {
		display:block;
		margin:4px 0 0 0;
		padding:0;
		margin-bottom:1px;
	}
	.menu a {
		display:block;
		padding:2px 5px;
		color:#000;
		background:#cbd4fb;
		text-decoration:none;
		text-align:left;
		font-size:14px;
	}
	.menu a:hover,
	.menu a:focus,
	.menu a:active {background:#97dbf9;}
	.menu ul li {padding-left:15px;}
	.menu ul a {background:#cdecf9;}
	.hidden {display:none;}
	
	.left_menu{
		width:28%;
	    margin-bottom:10px; 
		float:left;
	}
	
.mid{
	width:100%; 
	height:auto; 
	margin:0px 0 20px 0; 
	padding:0px;
   /*<!-- background-color:#fff;-->*/	
}

.mid_text{
	margin:0px; 
	padding-top:0px; 
	text-align:justify;
  }
	
  .mid_left{
	width:60%; 
	height:auto; 
	margin:0px; 
	padding:0px;
	float:left;	
}
  .mid_left2{
	width:100%; 
	height:auto; 
	margin:0px; 
	padding:0px;
}

  .mid_right{
	width:37%; 
	height:auto; 
	margin:0px; 
	padding:0px;
	float:right;	
}

.mid .mid_left ul{
	margin:0 0 0 0px;
    padding:0px;
    }
.mid .mid_left ul li{
	margin:4px 0 0 0;
    padding:0px 0 0 22px;
	background:url(../images/arrow.png);
	background-position:left;
	background-repeat:no-repeat;
	text-decoration:none;
    }	
	
.input{
	width:50px; height:17px;
	background-color:#CCCCCC;
	border:1px #0099CC solid;
}	

.area{
	width:100%; 
	height:80px; 
	border:1px #3399FF solid; 
	background-color:#CCCCCC;
}
.textbox{
	width:212px; height:25px;
	background-color:#CCCCCC;
	border:1px #0099CC solid;
}
.textbox2{
	width:100%; height:25px;
	background-color:#CCCCCC;
	border:1px #0099CC solid;
}	

.textbox3{
	width:164px; height:25px;
	background-color:#CCCCCC;
	border:1px #0099CC solid;
}	
	
.textbox4{
	width:49%; height:25px;
	background-color:#CCCCCC;
	border:1px #0099CC solid;
}	

.select{
	width:100%; height:25px;
	background-color:#CCCCCC;
	border:1px #0099CC solid;
}
.mid2{
	width:100%;
	height:auto;
	padding:0px;
	margin:0px;
	float:left;
}	

.left{
 	margin:0 auto;
 	padding:0px;
	width:48%;
	height:auto;
	float:left;
}

.right{
 	margin:0 auto;
 	padding:0px;
	width:48%;
	height:auto;
	float:right;
	
}

.clear{
 clear:both
}

.mid_text_left{
	width:160px; 
	float:left; 
	margin:0px; 
	padding:0px; 
	float:left;
}
.mid_text_left2{
	width:250px; 
	float:left; 
	margin:0px; 
	padding:0px; 
	float:left;
}

.mid_text_right{
	width:190px; 
	float:left; 
	margin:0px; 
	padding:0px; 
	float:left;
}
	
.available{
	font-size:15px;
	 font-weight:bold;
	 color:hsl(20, 20%, 17%);
	 margin-top:15px;
	}
	
.button{
	width:150px; 
	height:40px; 
	background-color:#0099CC; 
	border-radius:5px; 
	margin:50px auto;
}
.btn_text{
	color:#FFFFFF; 
	font-size:16px; 
	margin:10px; 
	padding:8px 0 0 0; 
	text-align:center; 
	font-weight:bold;
	}		

.top{
	margin:0px auto; 
	padding-top:40px; 
	width:100px; 
	color: hsl(20, 20%, 17%);
}
.top_text{
	color: hsl(20, 20%, 17%);
	font-size:16px; 
	font-weight:bold; 
	text-decoration:none;
}
 .next{margin: 5px 40px 0 0; width:60px; height:auto; float:right;}
.next a {
    /*background-color:#28649d*/
	
    border: 1px solid hsl(0, 0%, 93%);
    border-radius: 5px 5px 5px 5px;
    color: hsl(0, 0%, 100%);
    font-size: 16px;
    padding: 5px;
    text-decoration: none;
	 background-color:#666;
}

 .next2{margin:22px 40px 0 0; width:65px; height:auto; float:right;}

.next2 a {
   /* background: none repeat scroll 0 0 hsl(198, 77%, 53%);*/
    background-color:#666;
    border: 1px solid hsl(0, 0%, 93%);
    border-radius: 5px 5px 5px 5px;
    color: hsl(0, 0%, 100%);
    font-size: 16px;
    padding: 5px;
    text-decoration: none;
}


#lhs{width:245px;/*min-height:300px; height:auto !important; height:300px;*/ margin:0 auto;float:left;background:url(../images/img_gray-gradient.gif) bottom repeat-x #d7d8d8; vertical-align:top; background-repeat:inherit;}
#lhs ul.left_menu{list-style:none; width:100%; padding:0; margin:0;}
#lhs ul.left_menu li{ background: none repeat scroll 0 0 hsl(0, 0%, 90%); border-bottom:solid 1px #FFF; padding:4px 5px 4px 23px; cursor:pointer;}
#lhs ul.left_menu li.head{background:#000; border-top:solid 1px #FFF; padding:4px 10px;}
#lhs ul.left_menu li.head a{color:#FFF;}
#lhs ul.left_menu li.expand{background:url(../images/img-icon-expand.gif) 10px 10px no-repeat #a0a0a0;}
#lhs ul.left_menu li.collapse{background:url(../images/img-icon-collapse.gif) 10px 10px no-repeat #a0a0a0;}
#lhs ul.left_menu li a{width:100%; text-decoration:none; color:#000; font-weight:bold; line-height:20px;}


/*For Submenus*/
#lhs ul.left_menu ul.subnav{list-style:none; padding:0; margin:5px -5px -5px -22px;}
#lhs ul.left_menu ul.subnav li{background:url(../images/img_hyphen.jpg) no-repeat 20px 15px #cdcdcd; padding:4px 5px 4px 30px;background: none repeat scroll 0 0 hsl(0, 0%, 90%);}
#lhs ul.left_menu ul.subnav li.expand{background:url(../images/img-icon-expand_sub.gif) 17px 10px no-repeat #cdcdcd;}
#lhs ul.left_menu ul.subnav li.collapse{background:url(../images/img-icon-collapse_sub.gif) 17px 10px no-repeat #cdcdcd;}
/*For Submenus*/

/*For Inner Submenus*/
#lhs ul.left_menu ul.subnav1{list-style:none; padding:0; margin:5px -5px -5px -30px;}
#lhs ul.left_menu ul.subnav1 li{background:url(../images/img_hyphen.jpg) no-repeat 35px 15px #eaeaea; padding:4px 5px 4px 45px;}
/*For Inner Submenus*/

.fitting_img{
  width:200px; 
  height:auto; 
  margin:30px 10px 0 0; 
  padding:0px; 
  float:left;
 }
 .fitting_img_2{
  width:200px; 
  height:auto; 
  margin:30px 40px 0 0; 
  padding:0px; 
  float:left;
 }
 
.fitting_img_3{
	width:300px; 
	height:auto; 
	margin:40px 10px 0 0; 
	padding:0px; 
	float:left; 
 }

.fitting_img_4{
	width:300px; 
	height:auto; 
	margin:40px 44px 0 0; 
	padding:0px; 
	float:left; 
}