@charset "utf-8";
/*div { border:1px dotted green; }*/
body {
  font-family:Verdana;
  font-size:11px;
  color:#333;
  background-color:#CEC7E0;
  margin:0px;
  text-align:center;
}
hr { height:1px; border-top:1px solid #ccc; border-bottom:1px none #ccc; border-right:1px none #ccc; border-left:1px none #ccc; width:100%; }
h1, h2, h3, h4, h5 { font-family: Arial, Helvetica, Tahoma, Verdana; color:#575757; text-transform:capitalize; }
h3 { font-size:14px;}
h2 { font-size:18px;}
h1 { font-size:20px;}

a:link { color: #0099ff; text-decoration:none; }
a:visited { color: #0099ff; text-decoration:none; }
a:hover { color: #0099ff; text-decoration:underline;}
a:active { color: #0099ff; text-decoration:none; }

.heading_txt {
  font-family:Arial, Helvetica, sans-serif;
  font-size:18px;
  font-weight:bold;
  color:#575757;
  padding-bottom: 25px;
  line-height: 32px;
}

#bg {
  width:100%;
  text-align:center;
  margin:0px;
  margin-top: 20px;
  background-color: #CEC7E0;
}
#canvas {
  clear:both;
  width:944px;
  background-color:#FAFAFA;
  margin:auto;
  text-align:center;
  overflow:hidden;
}
#header {
  clear:both;
  text-align:left;
  background:url(../images/bg_header.jpg) repeat-x;
}
#headerlogo{
  display:inline;
	position:relative;
	float:left;
	background-image:url(../images/topheader.jpg);
	background-repeat:no-repeat;
	background-position:center;
	width:900px; height:100px;
	margin-left:22px
}
#ph_no {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 17.62px;
  color: #9c8dc4;
  text-align: right;
  padding: 20px 30px 0px 0px;
  background-image: url(../images/bg_phone.png);
  height: 110px;
  text-transform: uppercase;
  letter-spacing: -0.5px;
  font-weight: bold;
  background-repeat: no-repeat;
}
#nav_n_logo {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  float: left;
  text-align: right;
  margin-top:-5px;
}
 /*Raf :: Start*/
#nav_n_logo_space{
	display:inline;
  width:130px; height:40px;
	background-color:#9C8DC4;
	float:left;
}
 /*Raf :: End*/
#logo { float:right; padding-top:15px; }
#nav {
  float:left;
  width:814px;
  height:40px;
  background-color: #9C8DC4;
}
/*
#nav ul { float:left; list-style-type:none; display:inline; margin-left:-12px; padding-left:0px; }
#nav ul li { float:left; display:inline; height:40px; cursor:pointer; position:relative; left:12px; }
#nav ul li a { color:#fff; padding:19px 13px 5px 13px; font-size:13px; line-height:32px; font-family:Helvetica,Arial,Tahoma; font-weight:bold; border-left:1px #ccc solid; position:relative; top:0px; }
#nav ul li a:hover { background-color:#6c4bc3; text-decoration:none; }
*/
#content {
  clear:both;
  width:900px;
  text-align:left;
  background:url(../images/bg_main.gif) repeat-y right;
  padding: 20px;
  border-left: 2px solid #9c8dc4;
  border-right: 2px solid #9c8dc4;
}
#left_panel {
	display:inline;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  width: 210px;
  float: left;
}
#right_panel {
  float:right;
  display:inline;
  clear:right;
  width:670px;
  text-align:right;
  background-color:#f4f3f6; 
  border:1px solid #e8e8e8;
  padding-bottom:15px;
}
#right_panel_home {
	float:right;
	  display:inline;
  clear:right;
  width:670px;
  text-align:right;
  padding-bottom:15px;
}
#rp_content {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #575757;
  display:inline;
  float: left;
  padding: 20px 10px 25px 10px;
  width: 645px;
  
  text-align: left;
}
#rp_form_content { text-align:center; margin:auto; }
#rp_content_box { padding:20px; text-align:left; font-family:Arial,Helvetica,Verdana,Tahoma; font-size:11px; line-height:16px; }
#rp_content_box p span {font-weight:bold;}
#rp_content_box p.step {position: relative; width:220px; float:left; margin-right:30px;}
#rp_content_box #acneBoxes {width:500px; text-align:center; margin-left:70px;}
#rp_content_box #youtubeMovie { width:425px; float:right;}
#lhr_section1 { float:left; width:299px; text-align:left; font-family:Arial,Helvetica,Verdana,Tahoma; color:#575757; font-size:11px; }
#lhr_section2 { float:right; width:303px; text-align:left; font-family:Arial,Helvetica,Verdana,Tahoma; color:#575757; font-size:11px; }
#abt_section1 { float:left; width:399px; text-align:left; font-family:Arial,Helvetica,Verdana,Tahoma; color:#575757; font-size:12px; line-height:18px; }
#abt_section2 { float:right; width:199px; text-align:left; font-family:Arial,Helvetica,Verdana,Tahoma; color:#575757; font-size:12px; line-height:18px; }
#section1 {
  width: 200px;
  text-align: left;
  float: left;
}
#section2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  width: 210px;
  float: left;
  margin-left: 30px;
}
#section3 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  width: 175px;
  float: right;
  margin-left: 10px;
}
#section4 {
  float: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  width: 650px;
  margin-top: 25px;
}

#left_nav {  font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold; }
#left_nav ul {   list-style-type:none; margin:0; padding:0;  color:#fff; }
#left_nav ul li {     border-top:1px solid #ddd6ef; background-color:#9b8cc5;  height:27px; line-height:27px; font-size:13px; text-transform:capitalize ; font-family:Helvetica, Arial, Verdana, Tahoma; font-weight:bold;}
#left_nav ul li.selected { background:#6c4bc3; }
#left_nav ul li a { color:#fff; padding:6px;width:150px; height:27px; }
#left_nav ul li a:hover {  text-decoration:none; background-color:#6c4bc3; }
#left_nav ul li:hover { text-decoration:none; background-color:#6c4bc3; }

/* Old code */
/*
#left_nav { font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold; }
#left_nav ul { float:left; list-style-type:none; margin-top: 0px;  color:#fff; margin-left: -40px;  }
#left_nav ul li { float:left; display:list-item; border-top:1px solid #ddd6ef; background-color:#9b8cc5; height:27px; line-height:27px; font-size:12px; text-transform:capitalize ; font-family:Helvetica, Arial, Verdana, Tahoma; font-weight:bold; cursor:pointer; width:100%; padding-left:10px; }
#left_nav ul li a { color:#fff; height:27px; }
#left_nav ul li a:hover { text-decoration:none; color:#fff; background:#6c4bc3; }
*/

#footer { clear:both; font:11px Arial,Helvetica,Verdana,Tahoma; width:100%; background:url(../images/bg_footer.png) no-repeat; height:49px; text-align:center;}
#footer_text { float:left; padding-left:15px; color:#000; }
#copyright { color:#aaa; text-align:center; margin:auto;padding-top:1px;}
#footer_links { float:right; text-align:left; padding-right:15px; padding-top:4px; }

/*table*/
#tabledata { background-color:#eee; width:80%; border-collapse:separate; border-spacing:1px; }
#tabledata caption { font-family: Verdana; font-size:11px; font-weight:bold; color:#12366b; text-align:left; vertical-align:bottom; }
#tabledata td { font-family: Verdana; font-size: 11px; color: #333; background-color:#ddd; padding:2px 5px 2px 5px; white-space:nowrap; }
#tabledata td.highlight { background-color:#c6d6ed; }
#tabledata td.header { color: #fff; background-color:#8f0007; }

/*form*/
form { clear:both; margin:auto; width:399px;  background-color:#efefef; padding:10px; border:1px solid #ccc; }
#formdata { background-color:#fff; border-collapse:collapse; padding:10px; }
#formdata caption { font-family: Verdana; font-size:11px; font-weight:bold; color:#12366b; text-align:left; padding-left:10px; vertical-align:bottom; }
#formdata td { text-align:right; padding-left:5px; padding-right:5px; white-space:nowrap; background-color:#efefef; }
#formdata td.mandatory { color:#f00;  }
#formdata td.formhr { height:1px; background-color:#aaa; }
#formdata td.padder { height:10px; }
#formdata input, select { font-family: Verdana; font-size:11px; color:#0099ff; padding-left:2px; padding-right:2px; }
#formdata tr { height:19px; }
#formdata tr > td { text-align:right; }
#formdata td + td { text-align:left; }
#formdata td > select { width:207px; }
#formdata td > input[type="text"] { width:200px; }
#formdata td > input[type="button"] { }
#formdata td > input[type="submit"] { }


/*clearfix*/
  .clearfix:after {
  content:"."; 
  display:block; 
  height:0; 
  clear:both; 

  visibility:hidden;
}
.clearfix {display:inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */

.miniForm {
width:188px; background-color:#efefef; padding:10px; border:1px solid #ccc; margin-top:10px; float:left;
}

.miniForm input, textarea{
border:1px solid #cccccc;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
width:180px;
}

.miniForm textarea {
height:50px;
}

.miniForm select {
width:140px;
}

.miniForm input.submit {
width:40px;
}

.contactForm input, textarea{
border:1px solid #cccccc;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
width:180px;
}

.contactForm select {
width:140px;
}

.contactForm input.submit {
width:40px;
}

#rp_content #rp_cotentRight {
width:207px;
height:270px;
float:right; 
}


#sddm
{	
	z-index: 30; width: 820px; padding-right: 40px}

#sddm li
{	
	list-style: none;
	float: left;}

#sddm li a
{	
	color: #FFF;
	text-align: center;
	text-decoration: none}

#sddm li a:hover
{	background: #49A3FF}


#sddm div
{	
	position:absolute;
	visibility: hidden;
	padding: 0;
	top: 190px;
	padding-left: 172px;
	border: none}
	#sddm div.m2 {
	padding-left:605px;
	}
	#sddm div a
	{	position: relative;
		display: block;
		
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background-color:#9C8DC4;
		border:1px solid #5970B2;
		border-top: none;
		color: #fff;
		font: 13px arial}

	#sddm div a:hover
	{	background-color:#6c4bc3;
		color: #FFF}
a img { border:0;}

#rightPicAlign {
text-align:center;
}

#rightPicAlign img {
margin-right:20px;
}

#picRight{
width:179px;
float:right;
}

#spacer {
height:0px;
}

#nav ul { display:inline; margin:0; margin:0 20px 0 0; float:right; }
#nav ul li {    }
#nav ul li a {     position: relative;
		display: block;
		margin: 0;
		padding:10px 16px 14px 16px;
/*		 border-left:1px #ccc solid;  */
		 font-size:13px; font-weight:bold;
		width: auto;
		white-space: nowrap;
		background-color:#9C8DC4;  }
#nav ul li a:hover { background-color:#6c4bc3;  }