/*  
Name: Vucare Global Styles
Description: YuCare Index CSS 
Version: 1.0
Author: Gary Cekus Design
*/

body {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	margin: 0 auto;
	padding: 0;
	background: url(../img/derm-bg.gif) repeat-x #fff;
	font-size: 13px;
	color: #95A1AA;
	}
	
img {
	border: 0;
	behavior: url(iepngfix.htc);
	}

div {
	behavior: url(iepngfix.htc);
	}
	
h1 {
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #f272ab;
	margin-top: 0;
	padding-top: 0;
	}
	
h2 {
	font-size: 110%;
	font-weight: bold;
	margin-top: 0;
	padding-top: 0;
	}
	
a, a:visited, a:active {
	color: #f272ab;
	text-decoration: none;
	}

a:hover {
	color: #f272ab;
	text-decoration: underline;
	}

/************************************************************************
Page Layout
************************************************************************/

#wrapper {
	margin: 0 auto;
	padding: 0;
	width: 960px;
	}
	
#header {
	margin: 0 auto;
	padding: 0;
	width: 960px;
	background: url(../img/vu_skin_system.png) no-repeat center left;
	height: 90px;
	}
#rightVuCareLogo{
	float:right;
	width: 210px;
	background: url(../img/vucare-logo.png) no-repeat center right;
	height: 90px;
}#nav {
	width: 958px;
	height: 50px;
	border-left: 1px solid #95A1AA;
	border-right: 1px solid #95A1AA;
	background: url(../img/derm-nav-bg.gif) repeat-x;
	}

#feature {
	margin: 0 auto;
	padding: 0;
	width: 960px;
	}

#content{
	margin: 0 auto;
	padding: 0;
	width: 960px;
	}

#footer {
	margin: 0 auto;
	padding: 0;
	width: 960px;
	background: url(../img/derm-foot-bg.gif) no-repeat;
	height: 50px;
	}
	
.dermnav {
	float: right;
	right: 0;
	position: relative;
	top: 34px;
	width: 400px;
	}
	
.intHead {
	border-bottom: 1px solid #95A1AA;
	padding: 10px;
	width: 940px;
	text-align: center;
	background: #d6d6cd;
	}
	
.intHead h1 {
	padding: 0;
	margin: 0;
	text-align: center;
	}
	
.formtab {
	text-align: center;
	width: auto;
	}
	
.formtab td {
	padding: 20px;
	width: 160px;
	}

.formtabhead {
	background: #d6d6cd;
	}
	
.bio {
	vertical-align: top;
	line-height: 20px;
	text-align: left;
	border-bottom: 1px solid #95A1AA;
	}
	
.bio img{
	border: 2px solid #95A1AA;

	}

.bio h2 {
	color: #f272ab;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 125%;
	}

.dnld a {
display: block;
width: 130px;
height: 40px;
background: transparent url(../img/download.gif) no-repeat top center;
text-decoration: none;
outline: none;
text-align: center;
}

.dnld a:hover {
background-position: bottom center;
text-decoration: none;
outline: none;
} 

/************************************************************************
Text Styles
************************************************************************/
.copyright {
	color: #fff;
	padding-top: 20px;
	padding-left: 20px;
	}
	
/************************************************************************
Brand Switcher
************************************************************************/

.brand {
	margin: 0 auto;
	padding: 0;
	list-style: none;
	overflow: hidden;
	outline: none;
}
.brand li {
	padding: 0;
	margin: 0;
	height: 56px;
	float: left;
	display: inline;
	list-style: none;
	overflow: hidden;
	outline: none;
	background-repeat: no-repeat;
}
.brand li a, .brand li a:visited {
	display: block;
	text-decoration: none;
	text-indent: -1000px;
	overflow: hidden;
	outline: none;
	height: 56px;
	background-repeat: no-repeat;
}

.derm { width: 143px;}
.derm a {background: url(../img/derm-button.jpg) center top;}

.vu { width: 104px;}
.vu a {background: url(../img/vu-button.jpg) center top;}

.vuskin { width: 93px;}
.vuskin a { background: url(../img/vu-skin-button.jpg) center top; }

ul.brand li a:hover { background-position: center bottom; }

.brand:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/************************************************************************
 Accordian
************************************************************************/
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; border: 1px solid #95A1AA; background: #e6e6e6; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none;}
.ui-accordion .ui-accordion-content-active { display: block; }
.logo-link{float:left; margin-top:30px;}
.logo-link a{ display:block; width:360px; height:60px;}
.logo-link a:hover{ text-decoration:none;}