body { 
	/* customize_body */ font: normal normal 14px Helvetica,Arial,sans-serif; /* customize_body */
	/* customize_body */ color: #314563; /* customize_body */
}

.title
	{
		color:#34466e;
		font-size:30px;
		margin:0;
		padding:0;
	}

img {border: 0px}
a,a:visited,a:active {
	color:#34466e;
}
a:hover {
	color:#34466e;
} 

h1,h2,h3,h4,h5{ margin:0px 0px 4px 0px; padding:4px 0px; margin-top:8px; color: #34466e;}
h1{ font: normal normal 36px Arial; }
h2{ font-size:22px; }
h3{ font-size:16px; }
p{ padding:0px 0px 0px 0px; }

/* -----------------------------------------           ----------------------------------------- */
/* ----------------------------------------- Structure ----------------------------------------- */
/* -----------------------------------------           ----------------------------------------- */

body {
	padding: 0px;
	margin: 0px;
	background-image:url(/application/themes/default/img/background-body.jpg?2);
	background-repeat:no-repeat;
	background-position:center top;
	background-attachment:fixed;
	background-color:#314563;
}

#page {
	width:960px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	margin-bottom:0;
	position:relative;
}

#header-tier {
	clear:both;
	width:960px;
	height:158px;
	float:left;
	margin:0;
	position:relative;
}

#content-tier {
	background-image:url(/application/themes/default/img/content-body-background.png);
	clear:both;
	float:left;
	height:auto;
	margin:-11px 0 0;
	min-height:400px;
	overflow:auto;
	padding-bottom:16px;
	position:relative;
	text-align:left;
	width:960px;
}

#content-tier-home {
	clear:both;
	width:960px;
	margin:0;
	float:left;
	height:auto;
	min-height:400px;
	overflow:auto;
	text-align:left;
	position:relative;
	padding:0;
}

#footer-tier {
	clear:both;
	color:#FFFFFF;
	float:left;
	font-size:13px;
	height:auto;
	overflow:auto;
	padding:0 0 12px 0;
	position:relative;
	text-align:center;
	text-shadow:0px 0px 10px #000000;
	background-color: #2e2e2e;
    margin: 0 0 0 11px;
    width: 937px;
-webkit-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 0px 8px 0px rgba(50, 50, 50, 0.75);
box-shadow:         0px 0px 8px 0px rgba(50, 50, 50, 0.75);
}

#footer-tier a, #footer-tier a:hover {
	color:#FFFFFF;
}

/* -----------------------------------------        ----------------------------------------- */
/* -----------------------------------------  Tabs  ----------------------------------------- */
/* -----------------------------------------        ----------------------------------------- */

#tabs-tier {
	background-image:url(/application/themes/default/img/content-header-background.png);
	clear:both;
	float:left;
	height:242px;
	margin:0;
	padding:11px 0 0 11px;
	position:relative;
	width:948px;
	z-index:2;
	line-height:77px;
	font-size:22px;
	font-weight:bold;
	overflow:hidden;
}

#sales-tab {
	background-image:url(/application/themes/default/img/sales-tab.png);
	height:77px;
	left:11px;
	padding-left:16px;
	position:absolute;
	top:11px;
	width:224px;
	z-index:3;
}

#sales-tab:hover, #sales-tab.selected {
	background-image:url(/application/themes/default/img/sales-tab-selected.png);
}

#engineering-tab {
	background-image:url(/application/themes/default/img/engineering-tab.png);
	height:77px;
	left:11px;
	padding-left:16px;
	position:absolute;
	top:88px;
	width:224px;
	z-index:3;
}

#engineering-tab:hover, #engineering-tab.selected {
	background-image:url(/application/themes/default/img/engineering-tab-selected.png);
}

#parts-tab {
	background-image:url(/application/themes/default/img/parts-tab.png);
	height:77px;
	left:11px;
	padding-left:16px;
	position:absolute;
	top:165px;
	width:224px;
	z-index:3;
}

#parts-tab:hover, #parts-tab.selected {
	background-image:url(/application/themes/default/img/parts-tab-selected.png);
}

#sales-tab a, #engineering-tab a, #parts-tab a {
	color:#ffffff;
	display:block;
	height:99%;
	width:99%;
}

#sales-tab:hover a, #sales-tab.selected a, #engineering-tab:hover a, #engineering-tab.selected a, #parts-tab:hover a, #parts-tab.selected a {
	color:#000000;
}

/* -----------------------------------------        ----------------------------------------- */
/* ----------------------------------------- Header ----------------------------------------- */
/* -----------------------------------------        ----------------------------------------- */

#logo {
	height: 171px;
    left: 0;
    position: absolute;
    top: 4px;
    width: 487px;
    z-index: 3;
}

#contact-info {
	border: 2px solid #EBEBEB;
    padding: 0 8px;
    text-align: center;
}

#header-tag-line {
	height:auto;
	width:auto;
	position:absolute;
	left:350px;
	top:10px;
}

#navigation {
	height:auto;
	min-height:22px;
	overflow: visible;
	position:absolute;
	right:30px;
	text-align:right;
	top:132px;
	width:auto;
	z-index:10;
}

#content-sub-navigation {
	border-top:2px solid #CCCCCC;
	padding:8px 0 0;
}

#content-sub-navigation ul.nav-header {
	padding:0;
	margin:0;
}
#content-sub-navigation ul.nav-header li {
	display:block;
	float:left;
	font-size:14px;
	font-weight:bold;
	line-height:22px;
	margin-right:8px;
	padding:0 0 0 8px;
}

#content-sub-navigation ul.nav-header li:hover, #content-sub-navigation ul.nav-header li.nav-selected{

	}

#content-sub-navigation ul.nav-header li a {
	color:#543521;
	display:block;
	float:left;
	height:22px;
	padding:0 8px 6px 0;
	text-decoration:none;
}
#content-sub-navigation ul.nav-header li:hover a, #content-sub-navigation ul.nav-header li.nav-selected a
	{
		color:#800000;

	}

/* -----------------------------------------            ----------------------------------------- */
/* ----------------------------------------- Navigation ----------------------------------------- */
/* -----------------------------------------            ----------------------------------------- */

.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sf-menu li {
	position: relative;
}
.sf-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 99;
}
.sf-menu > li {
	float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	display: block;
}

.sf-menu a {
	display: block;
	position: relative;
	color:#ffffff;
}
.sf-menu ul ul {
	top: 0;
	left: 100%;
}

/*** DEMO SKIN ***/
.sf-menu {
	float: left;
}
.sf-menu ul {
	box-shadow: 2px 2px 6px rgba(0,0,0,.2);
	min-width: 12em; /* allow long menu items to determine submenu width */
	*width: 12em; /* no auto sub width for IE7, see white-space comment below */
}
.sf-menu a {
	padding: 4px 12px;
	text-decoration: none;
	zoom: 1; /* IE7 */
}
.sf-menu a {
}
.sf-menu li {
	white-space: nowrap; /* no need for Supersubs plugin */
	*white-space: normal; /* ...unless you support IE7 (let it wrap) */
	-webkit-transition: background .2s;
	transition: background .2s;
}
.sf-menu ul li {
	text-align:left;
}
.sf-menu ul ul li {
}
.sf-menu li:hover,
.sf-menu li.sfHover {
	/* only transition out, not in */
	-webkit-transition: none;
	transition: none;
}

/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
	padding-right: 2em;
	*padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 1em;
	margin-top: -3px;
	height: 0;
	width: 0;
	/* order of following 3 rules important for fallbacks to work */
	border: 5px solid transparent;
	border-top-color: #fff; /* edit this to suit design (no rgba in IE8) */
	border-top-color: rgba(255,255,255,.5);
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
	border-top-color: white; /* IE8 fallback colour */
}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
	margin-top: -5px;
	margin-right: -3px;
	border-color: transparent;
	border-left-color: #fff; /* edit this to suit design (no rgba in IE8) */
	border-left-color: rgba(255,255,255,.5);
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
	border-left-color: white;
}

nav {
	margin:0;
	padding:0 8px;
	clear:both;
	z-index:10;
	overflow:visible;
}
nav ul {
	line-height:16px;
}
nav ul li {
}

nav ul li a {
	font-size:14px;
	/* customize_nav_link */color:#ffffff;/* customize_nav_link */
	text-decoration:none;
	text-shadow:1px 1px 3px #111;
}
nav ul li a:hover, nav ul li a.nav-selected, nav ul li a.nav-path-selected, nav ul li:hover {
	/* customize_nav_link_hover */color:#fff;/* customize_nav_link_hover */
	/* customize_nav_link_hover_background */background-color:#2e2e2e;/* customize_nav_link_hover_background */
}

/* Dropdown Menus */		
nav li ul {
	z-index:99;
}
nav li li {
	/* customize_nav_link_hover_background */background-color:#222222;/* customize_nav_link_hover_background */
    font-size: 0.8em;
}
nav li li a {
}	
nav li li a:hover, nav li li a.nav-selected, nav li li a.nav-path-selected {
	/* customize_nav_dropdown_link_hover_background */background-color:#111111;/* customize_nav_dropdown_link_hover_background */
}
nav li li li {
	font-size:1em;
}

nav .clearboth {
	height:0;
}

/* -----------------------------------------         ----------------------------------------- */
/* -----------------------------------------  Home   ----------------------------------------- */
/* -----------------------------------------         ----------------------------------------- */
#modal {
	padding: 0px;
	margin: 0px;
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:1000;
	overflow:hidden;
	background-color:#000000;
}

#splash {
	padding: 0px;
	margin: 0px auto;
	width:800px;
	height:200px;
	position:relative;
	top:280px;
	left:0;
	z-index:10000;
}

#home-panes
	{
		background-image:url(/application/themes/default/img/home-panes-background.png);
		width:958px;
		height:620px;
		position:relative;
		float:left;
	}

#home-panes-sales
	{
		width:312px;
		height:598px;
		position:absolute;
		top:11px;
		left:11px;
	}

#home-panes-engineering
	{
		width:312px;
		height:598px;
		position:absolute;
		top:11px;
		left:323px;
	}

#home-panes-parts
	{
		width:312px;
		height:598px;
		position:absolute;
		top:11px;
		left:635px;
	}

/* -----------------------------------------         ----------------------------------------- */
/* ----------------------------------------- Content ----------------------------------------- */
/* -----------------------------------------         ----------------------------------------- */

#content-sidebar {
	float:left;
	height:auto;
	margin:16px 0 0 26px;
	min-height:200px;
	overflow:auto;
	padding:16px;
	position:relative;
	width:248px;
}

#content-main {
	float:left;
	height:auto;
	margin:16px 0 0 38px;
	min-height:200px;
	overflow:auto;
	padding:16px;
	position:relative;
	width:552px;
}



/* -----------------------------------------       ----------------------------------------- */
/* ----------------------------------------- Other ----------------------------------------- */
/* -----------------------------------------       ----------------------------------------- */

.zoomImage img {
	margin:16px;
	border:solid 2px #5693CC;
}

.right {
	float:right;
	margin:8px;
}

#left-sidebar-breadcrumb {
	float:left;
	margin:8px 0 0 16px;
	padding:8px;
	position:relative;
	width:618px;
	height:auto;
	font-size:14px;
	line-height:14px;
}

#physian-detail-breadcrumb {
	float:left;
	font-size:14px;
	line-height:14px;
	height:auto;
	min-height:20px;
	position:relative;
	width:618px;
}

.letters {
	width:448px;
	overflow:auto;
	position:relative;
	height:auto;
}

.letter {
	border:1px solid #666666;
cursor:pointer;
float:left;
font-size:16px;
height:22px;
line-height:22px;
margin:0 5px 5px;
overflow:hidden;
text-align:center;
width:22px;
}

.letter-title {
	font-size:16px;
font-weight:bold;
margin:6px 0 6px 4px;
}

#diseases .letter {
	background-color:#9CF;
}

#diseases .letter:hover {
	background-color:#5093d6;
}

#videos .letter {
	background-color:#FF9;
}

#videos .letter:hover {
	background-color:#d6d62c;
}

#medications .letter {
	background-color:#9F9;
}

#medications .letter:hover {
	background-color:#51c651;
}


#tool-tip-bottom { 
    display:none; 
    background:transparent url(/application/themes/default/img/tooltip-background-bottom.png?version=20); 
    font-size:14px;
    height:116px; 
    width:145px; 
    padding:32px; 
    color:#12426e;
	z-index:100;
	font-weight:bold;
}

#tool-tip-right { 
    display:none; 
    background:transparent url(/application/themes/default/img/tooltip-background-right.png?version=20); 
    font-size:14px; 
    height:145px; 
    width:116px; 
    padding:32px; 
    color:#12426e;
	z-index:100;
	font-weight:bold;
}

.pagingNav {
	margin:16px 0px 8px 0px
}
.pagination {
	text-align:center;
	color:#bbb;
	padding-top:4px
}
.pagination .pageRight {
	width:20%;
	float:right;
	text-align:right
}
.pagination .pageLeft {
	width:20%;
	float:left;
	text-align:left
}

div.code {
	border: 1px solid #ddd;
	background: #eee;
	padding: 10px
}
div.spacer, div.ccm-spacer {
	clear:both;
	font-size:1px;
	line-height:1px
}
.noTopSpace {
	margin-top:0px;
	padding-top:0px
}

img {
	border: 0px
}
a {
	cursor:pointer
}
label {
	font-weight:bold;
}
fieldset {
	border:1px solid #ccc;
}
div.ccm-error-response {
	color: #f00;
	margin-bottom: 12px
}
