/*
The Ultimate Cosmetic Suite

MWISMedia New Media Design & Development

Author: Garry Bartle

 */


/* ---------------------------------------------------------------*/
/* Forces vert scrollbar on all pages*/
/* Removes unpredictable 'browser default' settings */
/* Body tag settings */

html { height: 100%; margin-bottom: 1px; }  

html,body{height:100% !important}

p, td, li, ul,ol, h1, h2, h3 ,h4 ,h5 ,h6, label, input {
	font: normal 12px "arial", Arial;
	margin: 0 0 0 0; 
	padding: 0 0 0 0; 
}

		
#main_container {width: 911px; margin: auto;position:relative;}
#banner {width:911px; height:203px;}
#group_pictures {width:911px; height:145px; }
#col_one {float:left; width:580px;  margin:30px 0 0 0; background:url(../images/v_dash01.jpg) right repeat-y; }
#services_box {float:left; width:218px; margin:20px 0 0 0; background:url(../images/v_dash01.jpg) right repeat-y;}
#latest_news_box {float:left; width:330px; height:240px; margin:20px 0 0 0; background:url(../images/bg_news_box.jpg) no-repeat right top; padding:0 0 0 20px;}
#col_two {float:left; width:295px; padding:0 0 0 25px; margin:30px 0 0 0;}
#full_span {float:left; width:850px; padding:0 0 0 25px; margin:30px 0 0 0;}

/* -----------------------NAVS--------------------------*/

#top_nav {width:911px; height:40px; background:url(../images/bg_top_nav.jpg) no-repeat; text-align:right;}
#top_nav ul {margin:0 0 0 0; padding:0 0 0 0; list-style:none;}
#top_nav li {float:right; padding:12px 0 0 0;  }
#top_nav li a{ font-size:13px; text-decoration:none; color:#81794E; border-right: solid 1px #B6AE85;padding:0 12px 0 12px;}
#top_nav li.last a{  border:none ;}

#bottom_nav ul{margin:0 0 0 8px; padding:0 0 0 0; list-style:none;}
#bottom_nav li {float:left; padding:0 0 0 0; margin-right:4px; }
#bottom_nav li.last {float:left; padding:0 0 0 0; margin-right:3px; }
#bottom_nav li.last2 {float:left; padding:0 0 0 0; margin-right:3px; }
#bottom_nav li a {width:221px; height:36px; background: url(../images/bg_nav_button.jpg) no-repeat; display:block; text-align:center; font-size:14px; font-weight:bold; text-decoration:none; color:#81794E; padding:22px 0 0 0;}

#bottom_nav li.dental a, #bottom_nav li a:hover {background: url(../images/bg_nav_button_dental.jpg) no-repeat; }
#bottom_nav li.beauty2 a {background: url(../images/bg_nav_button_beauty.jpg) no-repeat; }
#bottom_nav li.beauty a:hover, #bottom_nav li.beauty2 a:hover {background: url(../images/bg_nav_button_beauty.jpg) no-repeat; }
#bottom_nav li.cosmetic2 a, #bottom_nav li.cosmetic a:hover, #bottom_nav li.cosmetic2 a:hover {background: url(../images/bg_nav_button_cosmetic.jpg) no-repeat; }
#bottom_nav li.last2 a {background: url(../images/bg_nav_button_pharmacy.jpg) no-repeat; float:left; }
#bottom_nav li.last a:hover, #bottom_nav li.last2 a:hover {background: url(../images/bg_nav_button_pharmacy.jpg) no-repeat; }


#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav a {
	display: block;
	width: 276px;	
	color:#81794E;
	font-size:14px;
	font-weight:bold;
	
	
}

#nav li a {color:#81794E; display:block;padding:20px 0 20px 0; }
#nav li a:hover {background:  url(../images/bg_dental_nav1_hover.jpg); text-decoration:none;}

#nav li.top { /* all list items */
	float: left;
	width: 276px;  /* width needed or else Opera goes nuts */
	height:63px;
	background:url(../images/bg_dental_nav1.jpg) no-repeat;
	margin:0 5px 0 0;
	
}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 276px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin:0 0 0 0;
}

#nav li ul li { padding:0; margin:0; background: url(../images/bg_dental_nav2.jpg) no-repeat; text-align:center;height:43px;}
#nav li ul a { background:none; margin:0;  display:block;  padding: 10px 0 12px 0; text-decoration:none; }

#nav li ul li a:hover {background:  url(../images/bg_dental_nav2_hover.jpg); text-decoration:none;}


#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}




/* -----------------------TITLES--------------------------*/

#welcome {float:left; width:555px; height:45px; background:url(../images/square01a.jpg) no-repeat left ; margin:0 0 0 0; }
#welcome2 {float:left; width:590px; height:45px; background:url(../images/square01.jpg) no-repeat left ; margin:0 0 0 0; }
#hypno {float:left; width:550px; height:45px; background:url(../images/square01a.jpg) no-repeat left ; margin:0 0 0 0; }
#services {float:left; width:210px; height:45px; background:url(../images/square01a.jpg) no-repeat left ; margin:0 0 0 0;}
#latest_news {float:left; width:320px; height:45px; background:url(../images/square01a.jpg) no-repeat left; margin:0 0 0 0;}
.col_two_titles {float:left; width:260px; height:35px; background:url(../images/square01.jpg) no-repeat left; margin:0 0 8px 0;}
.dental_titles {float:left; width:610px; height:35px; background:url(../images/square01.jpg) no-repeat left; margin:0 0 0 0;}

/* -----------------------PARAGRAPHS &  TEXT STYLES------------------------*/

#col_one p {padding:15px 20px 7px 10px; line-height:180%;}
#col_one a {text-decoration:none; color:#B2221C; font-weight:bold;}
#col_two a {text-decoration:none; color:#B2221C; font-weight:bold;}
#full_span p {padding:15px 20px 7px 10px; line-height:180%;}
#col_two p {padding:15px 0 7px 0; line-height:280%; }


.gold {color:#81794E;}
.red {color:#B2231D;}

#latest_news_box p {padding:0 20px 0 3px; width:175px;}
#col_two p {padding:0 20px 0 3px; line-height:180%;}
.dental_plan {font-size:16px; color:#B2231D; margin:0 0 0 25px; font-weight:bold}
.boldgold14 { font-size:14px; font-weight:bold; color:#81794E;}
.boldgold16 { font-size:14px; font-weight:bold; color:#B0A87D;}

.boldpink18 {font-size:15px; font-weight:bold; color:#FD999E; margin:0 0 0 10px; padding:0 0 0 0;}

h6 {font-size:14px; font-weight:bold; color:#81794E; margin:0 0 0 10px; padding:0 0 0 0;}

/* -----------------------LISTS------------------------*/

#services_box ul {margin:0 0 0 15px; list-style:none; padding:10px 0 0 0;}
#services_box li {padding:0 0 10px 15px; font-size:12px; background:url(../images/red_bulliet.jpg) no-repeat left top;}

.col_one_list ul {margin:0 0 0 15px; list-style:none; padding:10px 0 0 0;}
.col_one_list li {padding:0 0 10px 15px; font-size:12px; background:url(../images/red_bulliet.jpg) no-repeat left top;}

#col_one_list ul {margin:0 0 0 15px; list-style:none; padding:10px 0 0 0;}
#col_one_list li {padding:0 0 10px 15px; font-size:12px; background:url(../images/red_bulliet.jpg) no-repeat left top;}

#col_one2 ol {margin:10px 0 0 35px; padding:0 0 0 0;}
#col_one2 li {padding:0 20px 10px 0; font-size:12px; line-height:160%;}

#col_two ul {margin:0 0 0 25px; padding:10px 0 0 0; l}
#col_two li {padding:0 0 5px 0; font-size:12px; line-height:140%; }

#full_span ul {margin:0 0 0 25px; padding:10px 0 0 0; l}
#full_span li {padding:0 0 5px 0; font-size:12px; line-height:140%; }
#full_span li a { text-decoration:none; font-weight:bold; color:#81794E;}

#dental ol {margin:10px 0 0 35px; padding:0 0 0 0;}
#dental li {padding:0 20px 10px 0; font-size:12px; line-height:160%;}

#dental_main_col ul {margin:0 0 0 25px; padding:10px 0 0 0; l}
#dental_main_col li {padding:0 0 5px 0; font-size:12px; line-height:140%; }

.dental_list ul {margin:0 0 0 15px; list-style:none; padding:0 0 0 0;}
.dental_list li {padding:0 0 10px 15px; font-size:12px; background:url(../images/red_bulliet.jpg) no-repeat left top; line-height:180%; }


/* -----------------------MISC------------------------*/

.dash_spacer {padding:15px 0 10px 0;}
.day {float:left; width:80px; padding:7px 0 7px 10px; border-bottom: solid 1px #CCCCCC; }
.time {float:left; width:130px; padding:7px 0 7px 0; border-bottom: solid 1px #CCCCCC;}

.dash_space {padding:0 0 10px 0 ;}
.dash_space2 {padding:10px 0 10px 0 ;}

/* -----------------------BEAUTY------------------------*/

.beauty_box {float:left; width:270px; margin:20px 5px 10px 0;}
.beautyt {width:270px; height:27px; background:url(../images/bg_beauty.jpg); text-align:center; font-size:14px; font-weight:bold; text-decoration:none; color:#81794E; padding:13px 0 0 0; margin:0 0 10px 0; }
.bleft {float:left; width:200px; padding:10px 0 0 10px; text-align:left; }
.bright {float:left; width:40px; padding:10px 0 0 10px; text-align:left; }


/* ----------------------FORMS------------------------*/

#newsletter_form {margin:0 12px 0 0; padding:5px 0 5px 5px; background:url(../images/bg_form.jpg) no-repeat;}
#newsletter_form label {width:65px;  display:block; float:left; padding:6px 5px 0 0; text-align:right;}
#newsletter_form  .menu {width:185px;  margin:3px 0 5px 0; font-size:11px; color:#81794E; border:solid 1px #D4D0B9; height:20px;}
#newsletter_form input {width:180px; height:17px;  margin:0 0 0 0; font-size:11px; color:#81794E; border:solid 1px #D4D0B9; padding:3px 0 0 5px;}
#newsletter_form .btnSignup{ width:188px; height:27px;   border:none; background:url(../images/signup_button.jpg) ; margin:5px 0 5px 73px;}




#form_newsletter {margin:0; padding:0; }
#form_newsletter label {background-color:#FF0000; width:200px; margin-right:50px}
#form_newsletter .menu {width:100px;  margin:0 0 0 0; font-size:11px; color:#9D5290; border:solid 1px #C396BC;}
#form_newsletter input {width:182px; height:15px;  margin:0 0 0 0; font-size:11px; color:#9D5290; border:solid 1px #C396BC; padding:0 0 0 5px;}
#form_newsletter .btnSignup { width:72px; height:27px; background:url(../images/signup_button.jpg) ; border:none; padding: 0; margin:0 0 8px 5px  ;  }
#form_newsletter #iFilter {width:187px; margin:0 0 0 0;}


#form_container { float:left; width:500px; }
label {font-size: 11px;font-weight: normal; color:#81794E;}
fieldset{border: none;}
#form legend { margin: 0 0 5px 8px;	 padding-bottom: 5px;border-bottom: dotted #ccc 1px;}
#form label {display:block;float:left;width: 90px;text-align:right;margin: 5px 10px 0 0;}
#form p { display:block;clear:both; padding:2px 0 2px 0; }
legend {display:block; clear:both; font: normal 18px "trebuchet MS", Arial; color:#000000; }
input, option, textarea {border: 1px solid #999999;background-color: #FFFFFF;color: #81794E; width:330px; padding: 3px 0 0 3px;  }
select {border: 1px solid #999999;background-color: #FFFFFF;color: #666666; width:334px; padding: 3px 0 0 3px;  }
.field_height {height:20px;}
form {padding:20px 0 0 0;}
#form .btnSubmit { width:334px; height:38px; background:url(../images/send.jpg) ; border:none; padding: 0; margin:0 0 0 0;}

/* ----------------------FOOTER------------------------*/

#footer {width:100%; margin: auto;position:relative; height:127px; margin:20px 0 0 0; background:url(../images/bg_footer.jpg) repeat-x;}
#links {width:911px; margin: auto;position:relative; text-align:center; padding:15px 0 0 0; color:#AFAA8F; }
#links a{color:#AFAA8F;  font-size:10px; text-decoration:none; padding:0 5px 0 5px;}
address {font-style:normal; font-size:11px; color:#AFAA8F; margin-bottom:10px;}