/* -----------------------------------------------------------------------


Varshyl Tech
www.varshyltech.com

----------------------------------------------------------------------- */

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {font-weight:normal;}
table, td, th {}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:0;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

body{
	background-color:#dbd6c8;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}

.clear{clear:both;}
a {outline:none;}

a, a:visited{
	color:#980272; 
	text-decoration:none; 
	font-style:italic; 
	font-weight:bold;
	}
	
a:hover{
	color:#980272; 
	text-decoration:underline; 
	font-style:italic; 
	font-weight:bold;
	}

h1 {
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-size:18px; 
	text-align:left;
	}
h2 {
	font-size:12px; 
	font-weight:bold; 
	color:#980272; 
	text-align:left;
	}
h2 span{
	font-size:11px;
	font-weight:normal;
	color:#000;
	}
	
h3{
	font-size:12px;
	float:left;
	color:#999999;
	}		
	
p{text-align:left;}

.dot{border-bottom:dotted 1px #000;}
h2.heading {
font-size:16px;

}
#wrapper{
	width:751px;
	margin:0 auto;
	background:url(../images/wrapperbg.gif) repeat-y top;
	}
#contaner{
	width:736px;
	margin:0 auto;
	background:url(../images/contanerbg.gif) repeat-y top;
	}

#leftside{
	width:211px;
	height:auto;
	float:left;
	}
#leftside .logo{
	background:url(../images/logo.gif) no-repeat top;
	width:208px;
	height:207px;
	margin-left:3px;
	display:block;
	}

#leftside .logo a#home {
	display:block;
	width:208px;
	height:207px;
	text-indent:-9999px;
	}

#leftside .logotxt{
	background:url(../images/logotxt.gif) no-repeat top;
	width:182x;
	height:35px;
	margin-left:3px;
	}
#leftnav{
	float:left; 
	width:208px; 
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-size:12px; 
	color:#FFF; 
	text-align:left;
	}
#leftnav .glossymenu{
	list-style-type: none; 
	margin: 5px 0; 
	padding-left: 3px; 
	width: 200px;
	}

#leftnav .glossymenu li a, #leftnav .glossymenu li a:visited{
	color:#FFF; 
	display:block; 
	width: auto;
	padding: 3px 0;
	padding-left: 10px;
	text-decoration: none; 
	background-color:#8b577e;
	}



#leftnav .glossymenu li a.active{
	background-color:#8c3374; 
	width:198px;
	}

#leftnav .glossymenu li a:hover{
	background-color:#8c3374; 
	width:198px;
	}
/*-- glossy menu--*/
.glossymenu{
margin: 30px 0 0 3px;
padding: 0;
width:208px;
border-bottom-width: 0;
text-align:left;
}

.glossymenu a.menuitem{
background: #8b577e url(../images/glossyback.gif) repeat-x bottom left;
font: bold 12px Georgia, "Times New Roman", Times, serif;
color: #f0b451;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding:10px 0 10px 10px;
text-decoration: none;
outline:none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: #f0b451;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 11px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background:#8C3374 url(../images/glossyback2.gif) repeat-x bottom left;
color: #fff;
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: #8c3374;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid #4f053b;
}

.glossymenu div.submenu ul li a{
display: block;
font: bold 12px Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
padding: 4px 0 4px 23px;
outline:none;
background: url(../images/subnav-arrow.png) no-repeat 16px center;

}

.glossymenu div.submenu ul li a:hover{
background: #b83996 url(../images/subnav-arrow.png) no-repeat 16px center;
color: #fff;
}
/*-- glossy menu--*/
#flash{
	border:solid 1px #FFF; 
	width:518px; 
	height:215px; 
	float:left; 
	margin:4px 0 0 0;
	}

#theraphy{
	float:left; 
	width:260px; 
	background-color:#FFF; 
	background:url(../images/theraphybox-bg.gif) repeat-y left;
	}
#theraphy .img{padding-left:6px;}	
#theraphy p{
	padding:10px 10px 0 10px; 
	width:228px; 
	height:120px;
	float:left;
	}
#theraphy .backmassage{
	background:url(../images/physcial-theraphy.gif) no-repeat; 
	width:258px; 
	height:33px;
	float:left;
	}
#theraphy .msgtheraphy{
	background:url(../images/msgtheraphy.gif) no-repeat; 
	width:258px; 
	height:33px;
	float:left;
	}	
#theraphy .boxbottom{
	background:url(../images/theraphybox-bottom.gif) no-repeat bottom; 
	width:260px; 
	height:10px;
	float:left;
	}
#theraphy .boxbottom2{
	background:url(../images/theraphybox-bottom.gif) no-repeat bottom; 
	width:260px; 
	height:10px;
	float:left;
	}
#theraphy .button{
	float:left; 
	padding:5px; 
	margin-left:2px;
	}

#header{
	width:521px;
	height:150px;
	float:left;
	background:url(../images/topbg.gif) repeat-y top right;
	border-bottom:solid 1px #FFF;
	border-right:solid 1px #FFF;
	}
#header img{
	float:right;
	margin:40px 10px 0 0;
	}
#search{
	width:230px;
	height:30px;
	float:right;
	margin-top:20px;
	}
#search .searchfiled{
	background:url(../images/searchbg.gif) no-repeat; 
	color:#8a8a8a;
	font-size:10px;
	width:142px; 
	height:13px; 
	float:left;
	padding:4px 0 0 5px;
	}
#search .searchbtn{
	float:left; 
	background:url(../images/searchbtn.gif) no-repeat left top; 
	width:64px;
	height:25px;
	margin:-2px 0 0 0;
	border:none;
	text-indent:-99999px;
	}
#maindiv{
	float:right; 
	width:520px;
	}
#midcontent{
	width:510px; 
	min-height:642px;
	float:left; 
	margin:4px 0 0 0px; 
	background-color:#FFF; 
	padding:5px 5px 0 5px;
	}
	
#midcontent .linkleft{
	width:250px; 
	float:left; 
	text-align:left;
	color:#980272;
	font-weight:bold;
	}
	
#midcontent .linkleft  a, #midcontent .linkleft a:visited{
	color:#980272; 
	text-decoration:none; 
	font-style:italic; 
	font-weight:bold;
	}
#midcontent .linkleft a:hover{
	color:#980272; 
	text-decoration:underline; 
	font-style:italic; 
	font-weight:bold;
	}

	
#midcontent .linkleft a.active, #midcontent .linkleft a:hover{
	color:#fff; 
	text-decoration:none; 
	font-style:italic; 
	font-weight:bold;
	background:#980272;
	}	

.item{
	width:auto; 
	height:auto; 
	padding:5px 0 5px 0;
	}


#footer{
	background:url(../images/footerbg.gif) no-repeat; 
	width:751px; 
	height:35px; 
	margin:0 auto;
	}
	
#header1 h1{
	height:0px;
	text-indent:-15999px;
	line-height:0px;
	font-weight:bold;
	text-decoration:none;
	margin-bottom:0px;
	margin-top:0px;
}


#footer img{float:left; padding:8px 0 0 15px;}	
/*.textfiled{
	border:solid 1px #d1d1d1;
	width:200px;
	margin:5px 0 5px 0;
	}*/
.textfiled{
	border:1px solid #FFF; width:404px; height:25px; font-size:12px; margin:0px; padding:5px 0 0 5px; background:#FFF url(../images/inputbg.gif) no-repeat left top;
	}	
.textfiledbig{
	border:solid 1px #d1d1d1;
	width:380px;
	margin:5px 0 5px 0;
	}
	
.textfiledsmll{
	border:solid 1px #d1d1d1;
	width:110px;
	margin:5px 0 5px 0;
	}	
.textarea{
	border:1px solid #FFF;
	font-size:12px; 
	margin:0px; 
	padding:5px 0 0 5px;
	width:404px;
	height:80px;
	background:#FFF url(../images/textareabg.gif) no-repeat left top;
	}
.thumbimg{
	float:left; 
	width:68px; 
	height:58px;
	}
.itemcontent{
	width:370px; 
	float:left; 
	text-align:justify; 
	margin-left:10px;
	}
.pdf{
	
	}	
	
.quicklink{
	width:174px; 
	float:right; 
	text-align:left; 
	margin-left:4px;
	height:90px;
	background:#f5fdaa;
	border:1px solid #eafb4f;
	}
	
.quicklink ul{ margin:6px 0 0 8px; color:#293342; font-style:italic;}
.quicklink li{ list-style:none; background:url(../images/q-arrow.jpg) no-repeat left 5px; font-weight:bold; padding:0 0 0 12px;}
.quicklink li a, .quicklink li a:visited{ color:#293342; text-decoration:none; font-size:12px;}
.quicklink li a:hover{ color:#000; text-decoration:underline;}	

.pagination{
	width:auto; float:right; height:21px;}
.pagination a { padding: 0px 10px; margin:0 2px; border:1px solid #bbbbbb; background:url(../images/pagination-bg.png) repeat-x left top; text-decoration: none; color: #333;}
.pagination a:hover, .pagination a:active {	color: #980272;}
.pagination span.current {padding: 0px 10px; margin:0 2px;	border:1px solid #bbbbbb; background:url(../images/pagination-bg.png) repeat-x left top; color: #980272;}
.pagination span.disabled {padding: 0px 10px ;	margin: 0 2px;border: 1px solid #EEE;	color: #DDD;}

#phone{font-size:12px; font-style:normal;}
.phone a, .phone a:visited{font-family:Arial, Helvetica, sans-serif; color:#000; font-size:12px; font-style:normal; text-decoration:none;}
.phone a:hover{font-family:Arial, Helvetica, sans-serif; color:#575757; font-size:12px; font-style:normal; text-decoration:none;}

.news-list-left a{
	 padding:0 0 20px; display:block; font-style:normal;
	}
.news-list-right a{
	padding:0 0 20px; display:block; font-style:normal;
	}

	/*-----08 March 2010-----*/
.imgframe{background: url(../images/imgframe.gif) no-repeat top; width:156px; height:119px; padding:6px 0 0 1px; float:left; margin-right:10px;}
.imgframe img{width:141px; height:106px;}
.item p{text-align:left;}

ul#workshop_steep { position: relative; margin: 10px 0 20px 0; height: 42px; width: 497px; float:left;}
ul#workshop_steep li { position: absolute; text-indent: -9999px; text-decoration: none; border: none !important; top: 0; height: 42px; float: left; list-style: none;}

ul#workshop_steep li#step1 { left: 0; width: 160px; background:  url(../images/steep.jpg) 0px 0px no-repeat;}
ul#workshop_steep li#step2 { left: 160px; width: 161px; background:  url(../images/steep.jpg) -160px 0 no-repeat;}
ul#workshop_steep li#step3 { left:321px; width: 176px; background:  url(../images/steep.jpg) -321px 0 no-repeat;}

ul#workshop_steep li#step1.active { background-position:   0px -42px; }
ul#workshop_steep li#step2.active { background-position:	-160px -42px; }
ul#workshop_steep li#step3.active { background-position: -321px -42px;}
.rightarea{
	width:101px;
	float:right;
	}
.rightarea a, .rightarea a:visited{text-decoration:none; color:#0079b2; font-size:11px; font-style:normal;}
.rightarea a:hover{text-decoration:underline; color:#0079b2; font-size:11px; font-style:normal;}

.inputfild{border:0px solid #FFF; width:186px; height:25px; font-size:12px; margin-top:8px; padding:2px 0 0 5px; background:url(../images/inputbgbig.gif) no-repeat left top;}

.monthfild{border:0px solid #FFF; width:89px; height:25px; font-size:12px; margin-top:8px; padding:2px 0 0 5px; background:url(../images/month-filedbg.gif) no-repeat left top;}
	
.inputfild_sml{border:0px solid #FFF; width:120px; height:25px; font-size:12px; margin-top:8px; padding:2px 5px 0 5px; background: url(../images/inputfiled-small.gif) no-repeat left top;}

.select_sml{border:0px solid #FFF; width:54px; height:27px; font-size:12px; margin-top:8px; padding:2px 0 0 5px; background: url(../images/select-small.gif) no-repeat left top;}

.redtxt{color:#c50c0c; font-size:10px;}
fieldset {font-weight:bold; margin-top:10px; border:solid 1px #eeeeee;}
.legend{background-color:#eeeeee; color:#980272; padding:5px; font-weight:bold; font-size:11px;}
.notetxt{font-size:11px; line-height:14px;}


/************************************************** Error and Success Message CSS Classes**********************/

.errors, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd; font-size:12px; padding-left:50px;width:425px; margin-left:10px; }
.errors {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;text-align:left;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;text-align:left;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;text-align:left;}
.errors a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

/*********************************************************** End ********************************************/