/* Enter your CSS3 Styles Here */

#hpCatalogContainer {
float:right;margin-left: 20px; margin-bottom: 20px; width: 180px;
}

#hpCatalogButton {
border: 3px solid #c00000; background: #c00000; border-radius: 10px; -moz-border-radius: 10px; padding: 8px; text-align: center;cursor:pointer;
}
#hpCatalogButton p {
font-weight:normal;
color:white !important;
font-size:20px;
}
#hpCatalogButton p span {
 font-size:15px;
}

/*HEADER DESIGN STUFF */
#hdLeft {
margin-left:-20px;
text-align:left;
}
#hdCenter { 
text-align:center;
}
#hdCenter img { /* logo */
width: 350px; 
margin: -10px 0 0 0;
}
#hdCenter p.logoText {
width: 350px; 
text-align: center;
margin-top: -25px !important;
}
#hdCenter p.logoText span {
font-family: comic sans ms, arial, helvetica, sans-serif; 
font-style: italic; 
font-weight: bold; 
color: #c00000; font-size: 17px;
}
#hdRight { 
text-align:right;
margin-right:-20px;
}



/* GENERAL STUFF */
.titleRed {
font-family: 'Yanone Kaffeesatz', sans-serif; 
font-size: xx-large; 
color: #c00000;
}

H1 { /* Used for Page Title - font size is Page Body Font Size + 6 pixels */
font-weight:normal;
font-size:32px; 
font-family: Open Sans,arial,helvetica,sans-serif;  
color: #0054a3;
color:#c00000; /* deep red */
margin-top:0px;
margin-bottom:20px;
padding-top:15px; /* do with padding, not top margin, so it does not put space above the h1 tag on the site */ 
text-align:center; 
} 

h2 {
color:#0054A3; /* dark blue */
}
.LgrHeadiTxt {
color:#0054A3; /* dark blue */
} 
.LgHeadiTxt {
color:#0054A3;/* dark blue */
}

#SiteBodyDiv {
margin-top:0;
}

#PageBodyDiv p {line-height:24px; }
#PageBodyDiv ul li {line-height:24px;}



/* NEEDS FOR STRETCHING HeaderTopDiv, HeaderDesignDiv, PageFooterDiv and FooterMenuDiv across the entire screen */

#HeaderTopDiv {
height:0px; /* JS SETS THIS HEIGHT */
}
#bottomEmptyDiv1{ /* overlays header top div */
position:absolute;
left:0;
top:0;
background:#F0F0F0;
height:20px; 
border-bottom:2px solid #dddddd;
display:block;
width:100%;
}
#HeaderDesignDiv {
display:block;
margin-top:20px; /* to accomodate new gray stripe at the top */
}
#emptyDiv1 { /* extends top menu , offline a bit to give it a ribbon effect */
width:100%;
background:#A0ABD0; /* light purple blue */
background:#0054A3; /* dark blue */
height:120px;
position:absolute;
top:230px;
left:0;
display:block;
z-index:0; /* under the real menu */
}
#emptyDiv2 { /* JS replaces PageFooterDiv all the way across screen */
position:absolute;
top:0; /* JS positions this according to top of where gray area starts each page */
left:0;
z-index:1;  
}
#emptyDiv3 { /* JS replaces FooterMenuDiv all the way across screen */
position:absolute;
top:0; /* JS positions this according to top of where gray area starts each page */ 
left:0;
z-index:1; 
}



/* TOP MENU STUFF */

#TopMenuDiv .TopMenuOn {
background:#A1ABD0;
} 
#TopMenuDiv .TopMenuOver {
background:transparent; 
}
#TopMenuDiv .selectedanchor {
background:transparent;
}
#TopMenuDiv a,
#TopMenuDiv a:hover, 
#TopMenuDiv a:link, 
#TopMenuDiv a:visited,
#TopMenuDiv a:active {  
background:transparent;
} 

#TopMenuDiv td.w3scTopMenu SPAN {
padding-left:9px;
padding-right:9px; 
text-transform:uppercase;
} 

/* get lines between cells: */
#TopMenuDiv td { 
text-align:center;
border-right:1px solid #A1ABD0;
border-left:1px solid #0054A3; /* dark blue for balancing */
}
#TopMenuDiv td:first-child {  
border-left:1px solid #A1ABD0;
}
#TopMenuDiv td:last-child  {
border-right:0;
border-left:0;
border-right:1px solid #A1ABD0;
}
#TopMenuDiv td:nth-child(even) {
border-right:0;
border-left:0;
display:none;
} 
/* Menu drop-down adjustments: */
.anylinkshadow{
background:transparent;
} 
.anylinkcss {
border-bottom-width: 0px; 
border:0;
background:#0054a3;
}
.anylinkcss ul li {
border-bottom:0;
padding: 8px 0 8px 0;
font-size:17px !important;
}
.anylinkcss ul li a {
font-size:15px !important;
font-family:arial,helvetica,sans-serif !important;
}
.anylinkcss ul li a:hover {
 background:transparent; /*different shade */
}

/* PAGE FOOTER STUFF */
.pfSizer {
width:1024px;
margin:0 auto 0 auto;
}

.bluebox {
/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(bottom right, #FFFFFF 0%, #DDDDDD 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(bottom right, #FFFFFF 0%, #DDDDDD 100%);

/* Opera */ 
background-image: -o-linear-gradient(bottom right, #FFFFFF 0%, #DDDDDD 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, right bottom, left top, color-stop(0, #FFFFFF), color-stop(1, #DDDDDD));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(bottom right, #FFFFFF 0%, #DDDDDD 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to top left, #FFFFFF 0%, #DDDDDD 100%);
}
#hospitalsimaging-centers .bluebox {
min-height:650px;
}


/* digital-xray-medical */
#digital-xray-medical #PageBodyTable {
width:100%;
}
#digital-xray-medical #PageBodyTable tr td {
vertical-align:top;
}