@charset "UTF-8";
/* CSS Document */

@import url("coda.css");
@import url("overlay.css");
@import url("screen.css");


/* CSS Document */
/*Removing The Browser's Default Settings*/
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, div { margin:0; padding:0; border:0; }
img { border:none; }
a { outline:none; }


body { margin:0 auto; background:#353535 url(../img/body_bg.jpg) top left repeat-x;  }

/*main container*/
/*#cont { margin:0 auto; width:989px; background-image:url(../img/main_bg.png); background-repeat:repeat-y; background-position:top left; height:1250px; }*/
#cont { margin:0 auto; width:989px; border:0px solid #333; }
#main { margin:0 auto; width:969px; padding:0 10px 0 10px;  background:url(../img/main_bg.png) top left repeat-y; border:0px solid #333; float:left; clear:both; }

/*Banner*/
#banner { margin:15px 0 0 10px; float:left; width: 950px; height:95px; background:url(../img/banner.jpg) top left no-repeat; }
#lang { margin:0; padding:10px 10px 3px 0;  float:left; height:19px;  width: 940px; text-align:right; font:12px Arial, Helvetica, sans-serif; color:#cacaca;  }
#lang a { font:12px Arial, Helvetica, sans-serif; color:#cacaca; text-decoration:none; }
#lang a:hover { color:#fff; border-bottom:1px dotted #fff; }

/*cycle*/

#leftbanner { position:relative; }

#leftbanner #s4 { padding:0; width:260px; height:100px; border:0px solid #ddd; background-color:#fff; }

#leftbanner #s4 .slide { width:260px; height:100px; position:relative; }
#leftbanner #s4 .aedv {  background:url(../img/aedv.jpg) top left no-repeat; }
#leftbanner #s4 .ibderma { background:url(../img/ibderma.jpg) top left no-repeat;  }
#leftbanner #s4 .mauk { background:url(../img/med_aesthetics_uk.jpg) top left no-repeat;  }

#leftbanner #s4 .slide a.more { width:260; height:100px; display:block; }
#leftbanner #s4 .slide a.more:hover { text-decoration:none; }

#leftbanner #s4 .slide a.download { width:123px; height:34px; display:block; background: url(../img/download.png) top left no-repeat; text-indent:-5000px; position:absolute; left: 186px; top: 146px; }
#leftbanner #s4 .slide a.download:hover { background-position:0 1px; filter:alpha(opacity=85); -moz-opacity:.85; opacity:.85;  }

#leftbanner #s4 .slide a.buynow { width:75px; height:34px; display:block; background: url(../img/buynow.png) top left no-repeat; text-indent:-5000px; position:absolute; left: 194px; top: 132px;  }
#leftbanner #s4 .slide a.buynow:hover { background-position:0 1px; filter:alpha(opacity=85); -moz-opacity:.85; opacity:.85;  }

#leftbanner #nav { background-color:#FFFFFF; position:absolute; z-index:100; padding:5px; top:90px; left:20px; }
#leftbanner #nav a { width:14px; height:14px; display:block; text-indent:-5000px; background:url(../img/rot_def.jpg) top left no-repeat; float:left; }
#leftbanner #nav a.activeSlide { background:url(../img/rot_act.jpg) top left no-repeat; }
#leftbanner #nav a:focus { outline: none; }
#leftbanner #output { text-align: left; }




/*Header*/
#header { float:left; width: 969px; height:78px; background:url(../img/header.jpg) top left no-repeat;  }
#header #logo { float:left; width:400px; height:78px; }
#header #logo a { width:400px; height:78px; display:block; }



#header #menu { padding-top:25px; padding-left:70px; float:left; width:480px; }
#header #menu ul { font:15px Arial, Helvetica, sans-serif; color:#fff; }
#header #menu ul li { padding:0 10px 0 0 ; list-style-type:none; display:inline; float:left; border:0px solid #333; line-height:33px;  }
#header #menu ul li a { font:15px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; line-height:33px;  }
#header #menu ul li a:hover { color:#ccc; border-bottom:1px dotted #ccc; border-top:0px dotted #ccc;}
#header #menu ul li.divi { width:2px; height:33px; background:url(../img/menu_divi.jpg) no-repeat; border:0px solid #333; background-position:0px -8px; }
#header #menu ul li.date { margin-top:1px; padding-right:0; font-size:11px; border:0px solid #fff; width:175px;  }


/*main body*/
#body { float:left; width:989px; clear:both; }
#body #left { float:left; padding:35px 0 0 32px; width:611px; border:0px solid #cacaca; }
#body #left #he_cont { padding:5px 0 5px 5px; border-bottom:1px dotted #fff; margin-right:0; width:590px; float:left; clear:both;    }
#body #left ul { padding-top:5px; font-family:Arial, Helvetica, sans-serif; color:#fff; float:right;  }
#body #left ul li { margin-left:15px; list-style-type:none; display:inline; float:left; }
#body #left ul li a { font:12px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; border-bottom:0px dotted #fff;   }
#body #left ul li a:hover { text-decoration:underline;  }


#body #left #he_cont  ul li a.link { padding:3px 5px 3px 5px; display: block;  height:15px;  display:inline; float:left;   }
#body #left #he_cont  ul li a.link:hover { color:#969696; text-decoration:none; background-color:#575757;  }



#body #left #he_cont  h1 { font:22px Arial, Helvetica, sans-serif; color:#f3f3f3; float:left;  }
#body #left #he_cont  h1 a { font:22px Arial, Helvetica, sans-serif; color:#f3f3f3; float:left; text-decoration:none; }
#body #left #he_cont  h1 a:hover { font:22px Arial, Helvetica, sans-serif; color:#f3f3f3; float:left; color:#C0C0C0; }
#body #left #he_cont  h1 span { font-size:14px; }

#body #left  h3 { font:19px Arial, Helvetica, sans-serif; color:#f3f3f3; text-align:left; padding:0 0 0 6px;  }


#cont #main #body #left #content { font-size:10px; }



#body #left #content {  float:left; width:600px; border:0px solid #fff; padding-top:5px;  }

#body #left #content ul.dislist { padding-top:5px; font:12px Arial, Helvetica, sans-serif;  color:#fff; float:left;  }
#body #left #content ul.dislist li { margin:5px 0 5px 5px ; padding-right:10px; display:block; float:none;  }
#body #left #content ul.dislist li a { font:12px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; border-bottom:0px dotted #fff;   }
#body #left #content ul.dislist li a:hover { text-decoration:underline;  }

#body #left #content p { margin-left:5px; padding:8px 20px 14px 0;font-family:Arial, Helvetica, sans-serif; color:#fff; font-weight:normal; font-size:12px; line-height:18px; width:530px }
#body #left #content p a { font:12px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; border-bottom:1px dotted #fff;   }
#body #left #content p a:hover { text-decoration:none; border-bottom:0px dotted #fff;  }
#body #left #content p span { font-size:14px; color:#D5D5D5; }

#body #left #content p.pub { border-bottom:1px solid #969696; }



#body #right { float:left; width:304px; border:0px solid #cacaca; }

#body #rightcol { min-height:600px; margin-top:15px; padding-bottom:10px; float:left;  width:304px; border:0px solid #cacaca; background:#5a5a5a url(../img/right_col_top.jpg) top left no-repeat; }

*html #body #rightcol { height:600px; }

#body #right .gheader { margin:15px 0 0 0; padding:9px 0 0 29px; float:left; width:275px; height:32px; background:url(../img/green_header.jpg) top left no-repeat; color:#e9e9e9; font:16px Arial, Helvetica, sans-serif; border:0px solid #cacaca; z-index:50; }

#body #right .gheader a { color:#e9e9e9; font:16px Arial, Helvetica, sans-serif; text-decoration:none;  }
#body #right .gheader a:hover { color:#fff; font:16px Arial, Helvetica, sans-serif; border-bottom:1px dotted #fff;  }


#body #right .gheader2 { margin:12px 0 0 0; padding:9px 0 0 29px; float:left; width:275px; height:32px; background:url(../img/green_header.jpg) top left no-repeat; color:#e9e9e9; font:16px Arial, Helvetica, sans-serif; border:0px solid #cacaca; }
#body #right .gheader2 a { color:#e9e9e9; font:16px Arial, Helvetica, sans-serif; text-decoration:none;  }
#body #right .gheader2 a:hover { color:#fff; font:16px Arial, Helvetica, sans-serif; border-bottom:1px dotted #fff;  }


/*boxes right column*/

#body #right .box { padding-left:10px; width:272px; float:left; }
#body #right .rightc { width:250px; background:#fff url(../img/rightc_top.jpg) top left no-repeat; padding:16px; border:0px solid #fff; float:left; }
#body #right .rightc p { padding-top:3px; font:12px Arial, Helvetica, sans-serif; color:#828282; }
#body #right .rightc p a { padding-top:3px; font:12px Arial, Helvetica, sans-serif; color:#575757; text-decoration:none; }
#body #right .rightc p a:hover { text-decoration:underline; }

#body #right .rightc_bottom {  width:282px; height:10px; background:url(../img/rightc_bottom.jpg) top left no-repeat; float:left; }




#body #right_bottom { float:left; width:304px; height:11px; background:url(../img/right_col_bottom.jpg) top left no-repeat; }


#footer { margin:20px 0 0 0; padding:20px 95px 10px 30px; width:864px; background:url(../img/footer.jpg) top left no-repeat; height:44px; float:left; clear:both; font:14px Arial, Helvetica, sans-serif; color:#eaeaea; }

#footer a { color:#eaeaea; text-decoration:none; }
#footer a:hover { border-bottom:1px dotted #eaeaea; } 

#bottom { margin:0 0 25px 0; width:989px; background:url(../img/main_bg_bottom.png) top left no-repeat; height:33px; clear:both; }

/*Form*/

#formcontainer { padding:30px 0 0 30px;  } 

#signupForm { width: 525px; border:0px solid #333; margin:0 0 0 24px; }
#signupForm label.error { margin-left:0px; width: auto; display: inline; }


/**********************************

Use: cmxform template

***********************************/


/*\*//*/ form.cmxform legend { display: inline-block; } /* IE Mac legend fix */

/**********************************

Name: cmxform Styles

***********************************/


form.cmxform table.form { border:0px solid #fff; color:none; width:500px; }

form.cmxform table.form td { padding:10px 0px 5px 15px; border:none; text-align:left; vertical-align:top; }




form.cmxform table.form td.label { padding-top:18px; font:12px Arial, Helvetica, sans-serif ; color:#C0C0C0; text-align:right; }


form.cmxform label.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	margin:5px 0 0 0;
	padding:5px 0 0 0;
	float:left;
	clear:left;
	display: none;
	font-style: italic;
	color:#ffffff;
	font:12px Arial, Helvetica, sans-serif; 

}
form.cmxform div.error { display: none; }
form.cmxform input, textarea { padding:4px; border:2px solid #D5D5D5; font:12px Arial, Helvetica, sans-serif;  color:#fff; background-color:#575757; width:300px; }
textarea { height:150px; }
form.cmxform input:focus, textarea:focus { border: 2px solid #C0C0C0; }
form.cmxform input.error, textarea:error { border: 2px dotted red; }


form.cmxform input.submit { 	border:2px solid #969696; font:12px Arial, Helvetica, sans-serif ;  color:#575757; background-color:#C0C0C0; width:100px; }



#body #left #content .wrapper p { margin-left:5px; padding:5px 25px 5px 0;font-family:Arial, Helvetica, sans-serif; color:#fff; font-weight:normal; font-size:13px; line-height:20px; width:500px;  }

#body #left #content .wrapper a {  color:#fff; font-weight:normal; font-size:13px; line-height:20px;  }