﻿body 
{
	margin:0;
	padding:0;
}
#wrapper
{
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:922px; /*ALL BROWSERS */
	#width:905px; /*IE7 */
	_width:932px; /*IE6 */
	
	background:#fff;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	margin-top: 5px;
}
#portfolio
{
    margin: 0;
}
#portfolio li
{
    list-style-type: none;
    margin-left: -40px;
    #margin-left: 0px;
    padding-left: 0;
}
#wrapper2
{
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:922px;
	background:#fff;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	margin-top: 5px;
}
.clearAll
{
    clear: both;
}
a
{
    color: #666;
    text-decoration: none;
}
a:hover
{
    color: #999;
    text-decoration: underline;
}
/* TOPBAR */
	#topBar
	{
		width: 906px;
		height: 106px;
		text-align: center;
		background: url("../Images/topBar.jpg") no-repeat;
	}
		#medacxLogo
		{
			position: absolute;
			top: 18px;
			left: 20px;
		}

/* NAVIGATION AND SEARCH BAR */
	#navBar
	{
		width: 905px;
		height: 38px;
		background: url("../Images/navBar.jpg") no-repeat;
	}
		#searchBox
		{
			padding-top: 6px;
			float: left;
			width: 155px;
		}
		#magnify
		{
			padding-left: 5px;
			width: 30px;
			float:left;
		}
		#searchButton
		{
			position: relative;
			top: 6px;
			left: 5px;
			float: left;
			width: 69px;
			height: 24px;
		}
		#buttons
		{
			float: left;
			padding-left: 5px;
		}
		.button
		{
			float: left;
			margin-top: 5px;
			padding-top: 4px;
			background: url("../Images/buttonBg.jpg") no-repeat;
			font-family: Arial;
			font-weight: bold;
			font-size: 11px;
			text-align: center;
			height: 24px;
			width: 108px;
		}
		.button2
		{
			float: left;
			margin-top: 5px;
			padding-top: 4px;
			background: url("../Images/buttonBg2.jpg") no-repeat;
			font-family: Arial;
			font-weight: bold;
			font-size: 11px;
			text-align: center;
			height: 24px;
			width: 128px;
		}
		.button3
		{
			float: left;
			margin-top: 5px;
			padding-top: 4px;
			background: url("../Images/buttonBg3.jpg") no-repeat;
			font-family: Arial;
			font-weight: bold;
			font-size: 11px;
			text-align: center;
			height: 24px;
			width: 168px;
		}
			a.buttonStyle
			{
				color: #ffffff;
				text-decoration: none;
			}
			a.buttonStyle:hover
			{
				color: #cccccc;
				text-decoration: none;
			}
		
/*BREADCRUMB TRAIL*/
	#breadcrumbTrail
	{
		padding-left: 6px;
		font-family: Arial;
		color: #999999;
		font-size: 12px;
		font-weight: bold;
	}
	#breadcrumbTrail a
		{
			color: #666666;
			text-decoration: none;
		}
		#breadcrumbTrail a:hover
		{
			color: #666666;
			text-decoration: underline;
		}

/*LEFT MENU COLUMN*/
	#leftColumn
	{
		float: left;
		width:180px; /*ALL BROWSERS */
	    #width:180px; /*IE7 */
	    _width:175px; /*IE6 */
	    margin-right: 10px;
	    _margin-right: -126px;
		_padding-right: -225px;
		margin-top: 5px;
		
		font-family: Arial;
		font-weight: bold;
		color: #999999;
		font-size: 12px;	
	}
	#leftColumn2
	{
		float: left;
		width: 180px;
		margin-top: 5px;
		margin-right: -110px;
		padding-right: -105px;
		font-family: Arial;
		font-weight: bold;
		color: #999999;
		font-size: 12px;
	}
	#leftColumn3
	{
		float: left;
		width: 150px;	
		margin-top: 5px;
		margin-right: 10px;
		font-family: Arial;
		font-weight: bold;
		color: #999999;
		font-size: 12px;
	}
		#Accordion
		{
			
		}
		.menuTitle
		{		
			color: #ffffff;
			padding-top: 5px;
			background: url("../Images/leftMenuTitleBg.jpg") no-repeat;
			font-family: Arial;
			font-weight: bold;
			font-size: 11px;
			text-align: left;
			height: 23px;
			width: 173px;
			clear: both;
			padding-left: 120px;
		}
		.leftButtonTop
		{
			margin-top: -5px;
			height: 100px;
			width: 180px;
			clear: both;
		}
		.leftButtons
		{
		    margin-top: 3px;
			height: 85px;
			width: 173px;
			clear: both;
		}
		.leftButtonsCallback
		{
		    margin-top: 3px;
			width: 173px;
			clear: both;
			margin-bottom: 20px;
			
		}
		.productMenuBg
		{
			padding-top: 5px;
			background-color: #eeeeee;
			background: url("../Images/newsPanelSides.jpg") repeat-y;
			float: left;
		    #float: none;
			width: 180px;			
		}
		.topOfButtons
		{
		    padding-top: 25px;
		}
		.topOfButtons2
		{
		    padding-top: 10px;
		}
		.menuItem
		{
			padding: 0 10px 1px 10px;
		}
		.menuBottom
		{
			background: url("../Images/menuBottom.jpg") no-repeat;
			height: 8px;
			margin-bottom: 5px;
		}
/*DROP OUT MENU*/
	.dropOutMenu
	{
		font-family: Arial;
		color: #999999;
		
	}
	.dropOutMenuSub
	{
		border: 1px solid #cccccc;
		padding: 3px;
		background-color: #eeeeee;
	}
	.dropOutMenuNotHover
	{	
		color: #999999;
		padding: 3px 3px 0px 3px;
	}
	.dropOutMenuHover
	{
		
		padding: 3px 3px 0px 3px;
		color: #cccccc;
	}

	.newsPanel
	{
		background: url("../Images/newsPanelSides.jpg") repeat-y;
		width: 180px;
		float: left;
		#float: none;
	}
		.newsTitle
		{		
			color: #ffffff;
			margin-top: 3px;
			background: url("../Images/newsTitleBg.jpg") no-repeat;
			font-family: Arial;
			font-weight: bold;
			font-size: 11px;
			text-align: left;
			height: 20px;
			width: 180px;
			padding-left: 100px;
			clear:both;
		}
		.newsFade
		{
			background: url("../Images/newsPanelFade.jpg") no-repeat;
		}
		.newsDate
		{
			color: #666666;
			padding-right: 10px;
			font-size: 10px;
		}
		.newsPanelContent
		{
			padding: 5px 10px 4px 10px;
		}
		#newsPanelContentArchive
		{
			padding: 5px 10px 4px 10px;
			width: 660px;
			border-top: 1px solid #cccccc;
			
		}
		.newsPanelContentLeft
		{
			float: left;
			width: 60px;
			
		}
		.newsPanelContentRight
		{			
			width: 570px;
			
		}
		.newsPanelTop
		{
			background: url("../Images/newsPanelTop.jpg") no-repeat;
			height: 10px;
			clear: both;
		}
		.newsPanelBottom
		{
			background: url("../Images/newsPanelBottom.jpg") no-repeat;
			height: 13px;
			clear: both;
		}
			.newsArchive
			{
				text-align: right;
				padding-right: 10px;
			}
			a.newsLink
			{
				color: #999999;
				text-decoration: none;
				font-weight: bold;
			}
			a.newsLink:hover
			{
				color: #999999;
				text-decoration: underline;
				font-weight: bold;
		}
/*MAIN CONTENT*/
	#content
	{
	    
		text-align: left;
		float: left;
		#float: left;
		_float: left;
		font-family: Arial;
		color: #999999;
		font-size: 12px;
		
		width:720px; /*ALL BROWSERS */
	    #width:715px; /*IE7 */
	    _width:720px; /*IE6 */
	    z-index: -1;
	}
	#content2
	{
		text-align: left;

		font-family: Arial;
		color: #999999;
		font-size: 12px;
	}
	#content3
	{
		text-align: left;
		float: left;
		font-family: Arial;
		color: #999999;
		font-size: 12px;
		z-index: -50;
	}
	
	
/*HOME PAGE*/
	#homePageContent
	{
		margin-top: 10px;
		float: left;
		width: 700px;		
	}
	.homePageContentHolder
	{
	    width: 700px;
	    float: left;
	}
	.homePagePanelHolder
	{
	    width: 700px;
	    float: left;
	    height: 270px;
	    border: 1px solid #ccc;
	}
	.homepageButton1
	{
	    float: left;
	    width: 120px;
	    height: 18px;
	    background: url('../Images/panelFeaturedButton.jpg') no-repeat;
	    text-align: center;
	    padding-top: 2px;
	}
	.homepageButton1 a, .homepageButton2 a, .numberButton a
	{
	    color: #ffffff;
	    text-decoration: none;
	    font-weight: bold;
	    font-size: 11px;
	}
	.homepageButton1 a:hover, .homepageButton2 a:hover, .numberButton a:hover
	{
	    color: #664782;
	    text-decoration: none;
	    font-weight: bold;
	    font-size: 11px;
	}
	.buttonSelected
	{
	    color: #664782;
	    text-decoration: none;
	    font-weight: bold;
	    font-size: 11px;
	}
	.homepageButton2
	{
	    float: left;
	    width: 48px;
	    height: 18px;
	    background: url('../Images/panelHomeButton.jpg') no-repeat;
	    margin-right: 2px;
	    text-align: center;
	    padding-top: 2px;
	}
	.numberButton
	{
	    width: 21px;
	    height: 20px;
	    background: url('../Images/numberPanel.jpg') no-repeat;
	    float: left;
	    margin-top: 3px;
	    margin-left: 3px;
	    padding-top: 2px;
	    text-align: center;
	}
	#subPageContent
	{
		float: left;
		width: 700px;
		margin-left: 15px;
	}
		.title
		{
			font-family: Arial;
			font-size: 16px;
			color: #9570C1;
			font-weight: normal;
		}
		span.subTitle
		{
			font-family: Arial;
			font-size: 12px;
			color: #cccccc;
		}
		.subDescription
		{
			width: 320px;
			margin-left: 20px;
		}
	#movieOuter
	{
		margin-top: 0px;
		width: 261px;
	}
	#homePageMovie
	{
		float: right;
		text-align: left;
		width: 260px;
		text-align: center;
	}
	.movieTitle
		{		
			color: #ffffff;
			padding-top: 7px;
			background: url("../Images/movieTitleBg.jpg") no-repeat;
			font-family: Arial;
			font-weight: bold;
			font-size: 11px;
			height: 17px;
			width: 273px;
			padding-left: 150px;
			margin-left: 6px;
		}
/*CONTENT SECTION*/
	#pageContent
		{	
			position: relative;
			width: 261px;
			float: left;
		}	
/*FEATURED PRODUCTS*/
	.featuredProductWrapper
	{
		float: left;
		width: 350px;
		height: 230px;
		background: url("../Images/featuredSides.jpg") repeat-y;
		margin-top: 5px;
	}
	.featuredProductWrapper2
	{
		float: left;
		width: 350px;
		background: url("../Images/featuredSides.jpg") repeat-y;
	}
	.featuredProductTop
	{
		background: url("../Images/featuredTop.jpg") no-repeat;
		height: 10px;
	}
	.featuredProductContent
	{
		padding: 15px;
		height: 230px;
	}
	.featuredProductTitle
	{
		font-size: 14px;
	}
	#featuredProductPicture
	{
		width: 150px;
		text-align: left;
		float: left;
	}
	#featuredProductText
	{
		width: 160px;
		float: left;
		padding-left: 10px;
	}
	.featuredProductLink
	{
		font-size: 12px;
		text-align: right;
		clear: both;
	}	
	a.featuredLink
	{
		font-family: Arial;
		color: #9570C1;
		text-decoration: none;
	}
	a.featuredLink:hover
	{
		font-family: Arial;
		color: #9570C1;
		text-decoration: underline;
	}
	.featuredProductBottom
	{
		background: url("../Images/featuredBottom.jpg") no-repeat;
		height: 10px;
	}
/*PRODUCT HOLDERS*/
	#mainProductsWrapper
	{
		width: 660px;
		clear: both;
		padding: 20px;
	}
	#mainNewsWrapper
	{
		width: 560px;
		clear: both;
		padding: 20px;
	}
	#productWrapper
	{
		margin-left: 15px;
		margin-top: 5px;
		float: left;
		width: 700px;
		background: url("../Images/productsSides.jpg") repeat-y;
	}

	#productWrapper2
	{
		
		margin-top: 5px;
		float: left;
		width: 700px;
		background: url("../Images/productsSides.jpg") repeat-y;
	}
	.productHolderTop
	{
		background: url("../Images/productsTop.jpg") no-repeat;
		height: 10px;
	}
	.newsHolderContent
	{
		width: 690px;
	}
	#newsHolder
	{
		padding-left: 15px;
		
		width: 640px;
	}
	.productHolderBottom
	{
		background: url("../Images/productsBottom.jpg") no-repeat;
		height: 10px;
		clear: both;
	}
	.productPicture
	{
		width: 280px;
		padding-right: 20px;
		text-align: center;
		float: left;
	}
	.productTitle
	{
		width: 340px;
		float: right;
		_clear: left;
	}
	.productsRelated
	{
		clear: both;
	}
	
	.productDownload
	{
		padding-left: 30px;
	}
	relatedProductDownloadLeft
	{
		float: right;
		text-align: right;
	}
	.productDownloadLeft
	{
		float: left;
		width: 45px;
		clear: left;
	}
	.productDownloadLeft2
	{
		clear: left;
		float: left;
		width: 45px;
	}
	.productDownloadLeft3
	{
		clear: left;
		float: left;
		width: 45px;
	}
	.productDownloadLeft4
	{
		clear: left;
		float: left;
		width: 45px;
	}
	.productDownloadRight
	{
		float: left;
		padding-top: 10px;
	}
	.productDownloadRight2
	{
		float: left;
		padding-top: 10px;
	}
	.productDownloadRight3
	{
		float: left;
		padding-top: 10px;
	}
	.productDownloadRight4
	{
		float: left;
		padding-top: 10px;
	}
	.relatedProductsHolder
	{
		margin-left: 10px;
	}
	.featuredPicture
	{
		clear: left;
		float: left;
		width: 60px;
		padding-bottom: 10px;
	}
	.featuredTitle
	{
		font-size: 12px;		
		float: left;
		width: 360px;
	}
	.featuredCode
	{
		font-weight: normal;
	}
	a.featuredLink
	{
		color: #999999;
	}
	a.featuredLink:hover
	{
		color: #666666;
		text-decoration: none;
	}
	
	/* MAIN SHOW */
	#mainShow
	{
		margin-top: 10px;
		width:439px;
	}
	.showTopTitle
	{
		font-family: Arial;
		font-weight: bold;
		font-size: 11px;
		text-align: left;
		padding-left: 335px;
		color: #ffffff;
		padding-top: 7px;
	}
	.showTop
	{
		background: url("../Images/showTop.jpg") no-repeat;
		width: 439px;
		height: 30px;
	}
	.showSides
	{
		background: url("../Images/showSides.jpg") repeat-y;
	}
	.showInner
	{
		padding: 5px 15px 5px 15px;
	}
	.showBottom
	{
		background: url("../Images/showBottom.jpg") no-repeat;
		width: 439px;
		height: 10px;
	}
	
	/* FOOTER REG */
	#footer2
	{
		width: 910px;
		background: url("../Images/footer.jpg") no-repeat;
		height: 60px;
		font-family: Arial;
		color: #999999;
		font-size: 11px;	
		clear: both;
		margin-top: 2px;
	}
		.footerContentLeft2
		{
			float: left;
			padding: 16px 0 0 20px;
			
		}
		.footerContentRight2
		{
			float: right;
			padding: 16px 20px 0 0;
			text-align: right;
		}
	
/*FOOTER*/
	#footer
	{	
		
		clear: both;
		width: 900px;
		font-size: 0.1;
		margin-top: 1px;
	}
		#footerContentLeft
		{
			float: left;
			padding: 5px 5px 5px 8px;
			font-family: Arial;
			font-size: 12px;
			color: #999999;
			margin-bottom: 10px;
			
		}
			a.footerLink
			{
				color: #999999;
				text-decoration: none;
				font-weight: bold;
			}
			a.footerLink:hover
			{
				color: #999999;
				text-decoration: underline;
				font-weight: bold;
			}
		#footerContentRight
		{
			float: right;
			font-family: Arial;
			font-size: 12px;
			color: #999999;
			padding-top: 5px;
			margin-bottom: 10px;
		}
	#showsTitleOuter
	{
		position: relative;
		color: #ffffff;
		padding-top: 7px;
		background: url("../Images/titleShows.jpg") no-repeat;
		height: 20px;
		width: 522px;
	}
	.showsTitle
		{		
			text-align: right;
			font-family: Arial;
			font-weight: bold;
			font-size: 11px;
			padding-right: 12px;
		}
	.showContent
	{
		font-family: Arial;
		color: #999999;
		font-size: 12px;
		background: url("../Images/footerBarSides.jpg") repeat-y;
		width: 430px;
		text-align: center;
	}
		.showTitle
		{
			
			font-family: Arial;
			font-size: 16px;
			font-weight: bold;
			color: #999999;
			width: 400px;
			text-align: center;
			padding-bottom: 3px;
		}
		.showDate
		{
			font-family: Arial;
			font-size: 12px;
			font-weight: normal;
			color: #999999;
			width: 400px;
			text-align: center;
		}
		.showLogo
		{			
			text-align: center;
			border: 1px solid #999999;
		}
		#showLogo2
		{
			text-align: center
		}
		.showLink
		{
			text-align: center;
			width: 400px;
		}
		a.showURL
		{
			font-family: Arial;
			font-size: 12px;
			font-weight: normal;
			text-decoration: none;
			font-weight: bold;
		}
		a.showURL:hover
		{
			font-family: Arial;
			font-size: 12px;
			font-weight: normal;
			text-decoration: underline;
			font-weight: bold;
		}
	.showPanelTop
	{
		background: url("../Images/footerBar.jpg") no-repeat;
		height: 9px;
	}
	.showPanelBottom
	{
		background: url("../Images/footerBarBottom.jpg") no-repeat;
		height: 9px;
	}
	#showPanel1
	{
		margin-top: 0px;		
		width: 261px;
		clear: both;
	}
	.showsTopBar
	{
		background: url("../Images/medacx-events.jpg") no-repeat;
		width: 262px;
		height: 26px;
		text-align: left;
		padding-top: 7px;
		padding-left: 150px;
		color: #ffffff;
	}

	/*CONTACT US*/
	
	#contactPageHolder
	{
		padding-top: 20px;
		width: 680px;
	}
	#contactPageLeft
	{
		float: left;
	}
	#contactPageRight
	{
		width: 270px;
		padding-left: 10px;
		float: left;
	}
	
	.contactForm
	{
		width: 380px;
		margin-left: 20px;
	}
	.formLabel, .formInput
	{
		display: block;
		width: 200px;
		float: left;
		margin-bottom: 10px;
		font-weight: bold;
	}
	.formLabel 
	{
		text-align: right;
		width: 125px;
		padding-right: 20px;
	}
	.newBreak
	{
		clear: left;
	}
	fieldset
	{
		padding: 5px;
	}
	.formButtons
	{
		font-weight: normal;
		padding-left: 145px;
	}

/* GOOGLE MAP */
#map
{
	margin-left: 18px;
	width: 662px;
	height: 500px;
	border:1px solid #cccccc;
	clear: both;
}
#map2
{
	margin-left: 18px;
	width: 620px;
	height: 500px;
	border:1px solid #cccccc;
	clear: both;
}

/*AJAX STYLING*/
.validatorCalloutHighlight
{	
	background-color: #FFD2D2;
}
.validatorTitle
{
	font-size: small;
	color: #666;
}