.center { text-align: center; }
.hcrblue { color:#2b60ab; }
a:hover { text-decoration: underline;}
button, .button { padding: 0; }

div#outer { background:url(/assets/graphics/css/redesign-background.gif) repeat-x #b5d2fc; }
div#holdBannerAndContent { width: 980px; margin: 0 auto 0 auto; background-color: #fff; }
div#contentArea { padding: 1em; min-height: 450px; margin: -30px 0 0 0; border-left: #2b60ab 1px solid; border-right: #2b60ab 1px solid; border-bottom: #2b60ab 1px solid; }

/* Overrides foundation max-width on grids...  */
div.row { max-width: none; }

/* Banner Styles */
#skipper { position: absolute; top: -2px; left: -999px; color: #31295a; }
div#hcrbannercontainer { background: #fff; }
div#hcrbanner { font-family: Arial, Helvetica, sans-serif; background: #fff; }
div#hcrLogo { margin: 0.4em 0 0 -3em; background: #fff; }
div#nysRepeat { font-weight: bold; }
div#hcrText a { font-family: "Times New Roman", Times, serif; font-size: 2.1em; font-weight: bold; color: #000;background: #fff;}
div#hcrText a:hover { text-decoration: none;}
div#tagline { font-size: 0.8em; font-weight:bold; margin-top: 0.4em; }
div#agencyListing { font-size: 0.8em; margin-top: 0.5em; }
div#vipSection { margin: 0 0 0 0; background: #fff; }
div.vip { height: 32px; font-size: 0.75em; background: #3a6eb7; color: #fff; border: 1px solid #3a6eb7; margin: 0.5em 1.5em 0.5em 1.5em; }
div.vip a { color: #fff; }
div.vipPic { float: left; width: 20%; }
div.vipTitle { float: right; width: 80%; padding-top: 0.4em;}
div#googleSearch { width: 85%; margin: 0.5em auto 1.5em auto; }
@media only screen and (min-width: 768px) {
	div#hcrbannercontainer { margin: 0 0 -1.2em 0; }
}
@media only screen and (max-width: 767px) {
	#skipper { display: none; }
	div#hcrLogo { text-align: center; margin: 1em 0 0 0; font-size: 0.75em; }
	div#googleSearch { width: 80%; margin: 1.2em auto 1.5em auto; }
	div#outer { margin-top: 3em;}
}

/* Top Bar Navigation */
.top-bar, .top-bar-section ul a, .top-bar-section li a:not(.button) { background: #002d73; }
nav.top-bar section.top-bar-section ul li.hover a, .top-bar.expanded .title-area { background-color: #523178;}
nav.top-bar section.top-bar-section ul li.has-dropdown ul.dropdown a {background:#6F5091; }
nav.top-bar section.top-bar-section ul li.has-dropdown ul.dropdown li.has-dropdown ul.dropdown a { background:#878CB4 }
.top-bar-section>ul>.divider { border: none; }

@media only screen and (min-width: 768px) {
	nav.top-bar section.top-bar-section ul li.has-dropdown ul.dropdown { border: 5px #6F5091 solid; border-radius: 10px;}
	nav.top-bar section.top-bar-section ul li.has-dropdown ul.dropdown li.has-dropdown ul.dropdown { border: 5px #878CB4 solid; border-radius: 10px; margin: 20px 0 0 -150px;}
	nav.top-bar section.top-bar-section ul li.has-dropdown a ::after { border-color: rgba(135, 140, 180, 0.5); }

}

/* Content Styles */		
p { font-family: "Tahoma, geneva", sans-serif; }
div#contentArea { font-family: "Tahoma, geneva", sans-serif; font-size: 0.8em; }
div#contentArea ul { margin: 0 0 0 2em; }
div#contentArea li { margin: 0 0 1em 0; }
div#contentArea h1 { font-size: 1.6em; font-weight:400; color: #543178; margin: 0.6em 0 0.5em 0; font-family:'Roboto Condensed', sans-serif; }
div#contentArea h2 { font-size: 1.4em; font-weight:400; color: #543178; margin-top: 1em; font-family:'Roboto Condensed', sans-serif; }
div#contentArea h3 { font-size: 1.2em; font-weight:400; color: #543178; margin-top: 1em; font-family:'Roboto Condensed', sans-serif; }
div#contentArea h4 { font-size: 1.1em; font-weight:400; color: #543178; margin-top: 1em; font-family:'Roboto Condensed', sans-serif;  }
div#contentArea p { margin: 1em 0.2em 0 0.2em; font-family: "Tahoma, geneva", sans-serif;  }
div#contentArea a { text-decoration: none; }
div#breadcrumb { margin: 0.5em 0 0 0; font-size: 0.85em; }
div#breadcrumbs { margin: 0.5em 0 0 0; font-size: 0.85em; }
div#leftColumn { float: left; width: 690px;  padding: 0 0 0 0.5em;}
div#rightColumn { float: right; width: 225px;  padding: 0 1em 0 1em;}
p.lastUpdate { clear: both; margin: 1em 0 1em 0.1em; font-size: 0.9em; }
.colhead { font-weight: bold; font-size: 1.2em; padding: 0.2em 0.2em 0.2em 0.2em; background-color: #dddddd; color: #003163; }
.pgbr { PAGE-BREAK-BEFORE: always; }

ul.arrow { margin: 0 0 0 3em; padding: 0 0 0 0; }
ul.arrow li { margin: 0.5em 0 0 0; padding: 0 0 0 0; }
div.graybox { border: 1px solid #000; background-color: #eeeeee; margin: 1em auto 1em auto; padding: 0 0 0 10px; }
#faqselector { border-bottom: #000000 1px solid; margin: 0 0 0 0; padding: 0 0 0 0; }
#faqselector form { margin: 0 0 0 0; padding: 0 0 0 0; }
#faqselector form select { width: 525px; font-size: 80%; margin: 0 0 1em 0;	padding: 0 0 0 0; }
div.indexPageMenu { margin: 1em 0 0 0; padding: 0; display: block; }
div.indexPageMenu div.leftSide { margin: 0 0 1em 0; padding: 0; width: 45%; float: left; }
div.indexPageMenu div.rightSide { margin: 0 0 1em 0; padding: 0; width: 45%; float: right; }
div.indexPageMenu ul.arrow { margin-left: 2em; }
div#contentArea ol { font-size: 1em; margin: 1em 0 0 2em; }
p.caption { font-size: 1.2em; }
div.box { border: 1px solid #000; margin-left: auto; margin-right: auto; padding: 0 0 0 10px; }
.textsm { font-size: 1em; }
.textred { color: #e10f0f; }
.textgreen { color:#6F5091; }
.textpurple { color: #543178; }
.left { text-align: left; }
img.imageRight { margin: 0 0 0 12px; float: right; }
.noBorder { border: none; }
.withBorder { border: 1px solid #000; }
table.data { border: solid 1px black; border-collapse: collapse; }
table.data tr { border: solid 1px black; vertical-align:top; }
table.data td { border: solid 1px black; padding: 2px; }
table.data th { border: solid 1px black; padding: 2px; }
table tr td.left, table tr td.right { border: none; }
table tr th.left, table tr th.right { border: none; }
table.rowHover tr:hover { background-color: #eee; }
th.colhead	{ color: black; background-color: #D8D6D4; font-size: 1.1em; padding: 2px; }
.underline { text-decoration: underline; }
ol.lowerAlpha { list-style-type: lower-alpha; }
ol.upperAlpha { list-style-type: upper-alpha; }
ol.lowerRoman { list-style-type: lower-roman; }
ol.upperRoman { list-style-type: upper-roman; }
.noBorder { border: none; }
div.imageRight { float: right; text-align: center; margin: 5px 0 5px 5px; }
div.indexPageMenu { float: left; width: 100%; display: block; }
div.leftSide { float: left; width: 45%; display: block; }
div.rightSide { float: right; width: 45%; display: block; }
.indent { margin: 1em 2em 0 2em; }
div.prInfo { float: right; width: 250px; text-align: center; padding: 1em; margin: 1em; }
div#translateRent { float: right; width: 280px; margin: 0 0 0 0.8em; }
div#translateSONYMA { float: right; margin: -0.7em 0 0 0; }

div.imageRight 			{ float: right; width: 275px; padding: 5px 5px 5px 5px; }
div.imageRightGray		{ float: right; width: 200px; border: solid 1px black; padding: 5px 5px 5px 5px; background-color: #ddd6ca; }
div.imageRightGreen		{ float: right; width: 200px; border: solid 1px black; padding: 5px 5px 5px 5px; background-color: #ccff7f; }
div.imageRightPeach		{ float: right; width: 200px; border: solid 1px black; padding: 5px 5px 5px 5px; background-color: #ffbd9d; }

a.external { background: transparent url(/assets/graphics/css/external.gif) right bottom no-repeat; padding-right: 1.2em; display: inline; }
a.pdf { background: transparent url(/assets/graphics/css/pdf.gif) right bottom no-repeat; padding-right: 1.5em; display: inline; }
a.ofm { background: transparent url(/assets/graphics/css/ofm.gif) right bottom no-repeat; padding-right: 1.5em; display: inline; }
a.mailable_ofm { background: transparent url(/assets/graphics/css/mailable_ofm.gif) right bottom no-repeat; padding-right: 1.5em; display: inline; }
a.zip { background: transparent url(/assets/graphics/css/zip.gif) right bottom no-repeat; padding-right: 1.5em; display: inline; }
a.doc { background: transparent url(/assets/graphics/css/doc.gif) right bottom no-repeat; padding-right: 1.5em; display: inline; }
a.xls { background: transparent url(/assets/graphics/css/xls.gif) right bottom no-repeat; padding-right: 1.5em; display: inline; }
a.ppt { background: transparent url(/assets/graphics/css/ppt.gif) right bottom no-repeat; padding-right: 1.5em; display: inline; }
a.wmv { background: transparent url(/assets/graphics/css/wmv.gif) right bottom no-repeat; padding-right: 1.5em; display: inline; }

/* Left Nav Styles */
#leftNav { float: left; width: 235px; height: 100%; }
#rightContent { display: block; height: 100%; margin: 0 0 0 260px; }
div#page { background-color: #fff; overflow:auto; }
div#content ul#submenuitem  { margin: 0; }

.LeftMenu a.menuitem{
   	background: #1f5ead repeat-x bottom left;
    font-weight:bold;
    font-size:11px;
    font-family: Tahoma, geneva, sans-serif;
    overflow:hidden;
    color: #FFFFFF;
    display: block;
    position: relative;
    width: auto;
    padding: .5em;
    line-height: 15px;
    text-decoration: none;
    border-bottom:1px solid #3978c6;
}
.LeftMenu a.menuitem .statusicon { position: absolute; top: 10px; right: 5px; border: none; }
.LeftMenu div.submenu ul { list-style-type: none; }
.LeftMenu div.submenu ul li {  }
.LeftMenu div.submenu ul li a {
    display: block;
    font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
    color: #000390;
    text-decoration: none;
	border-bottom:1px solid #1f5ead;
}
a.menuitem span, ul#submenuitem li a span {  display:block; text-decoration:none; }
a.menuitem span { font-weight :bold; margin : .5em; }
#wrapper  { width: 228px; background:#96bded; }
ul#submenuitem { padding-top: 1em;}
ul#submenuitem li {padding: .2em 0; display:block; }
ul#submenuitem li a { font-size:11px; font-family: Tahoma, geneva, sans-serif; color: #143d6e; }
ul#submenuitem li a:hover { text-decoration :underline; }

/* ul#submenuitem hover menu position override */
ul#submenuitem .trigger ul.menu { padding: 1em; margin: -1.8em 0 0 12em; }
.trigger ul.menu { display: none; position:absolute; list-style:none; background: #72AAEE; border: solid 1px #999999; z-index:1; width: 250px; }
.trigger:hover ul.menu { display: block; }
a.menuitem.submenuheader span, a.menuitem span { color: #fff;}

/* Homepage */
#homepageNotice { font-size: 1.1em; background-color: #ddd; color: red; border: 1px #aaa solid; margin: 1em 0 0 0; padding: 0 0 1em 0; text-align: center;} 
.slideshow-wrapper { border-bottom: 1px #543178;}
@media only screen and (min-width: 768px) {
	.slideshow-wrapper { height: 303px; width: 978px; postion: relative; top: -1em; left: -1em; border-bottom:  solid 1px #543178;}
	div.orbit-caption { visibility: hidden; }
	div.orbit-desktop { width: 379px; padding: 1em 0 0 1em; height: 100%; background-color: rgba(84, 49, 120, 0.5); position: absolute; top: 0; right: 0; }
	div.slideTitle { font-family: 'Roboto Condensed',"Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif; font-weight: bold; font-size: 1.8em; color: #fff; }
	div.slideText { color: #fff; font-size: 1.4em; }
	div.slideText a { color: #fff; text-decoration: underline; font-weight: bold;}
}
@media only screen and (max-width: 767px) {

	div.orbit-desktop { display: none; }

}
div.content { margin-top: 1.3em;}


/* New Press Room Slideshows */
div.pressPhotos { float: right; width: 350px; text-align: center; margin: 10px 10px 5px 10px; }
div.pressPhotos ul { list-style-type: none; }
div.pressPhotos ul li { display:none; }
div.pressPhotos ul li:first-child { display:inline; }

/* Old Press Room Slideshows */
div.slideshow { float: right; width: 350px; text-align: center; margin: 10px 0 5px 10px; }
div.slideshow div.controls { font: 0.9em tahoma; }
div.controls a:visited { color: blue; }
div.controls a.prev { float: left; }
div.controls a.next { float: right; }
div.slideshow a.prev { margin: 0 0 0 5px; padding: 0 0 0 20px; background:url("/assets/graphics/css/arrowleft.gif") no-repeat left; }
div.slideshow a.next { margin: 0 5px 0 0; padding: 0 20px 0 0; background:url("/assets/graphics/css/arrowright.gif") no-repeat right; }
div.slideshow div.picturearea { margin: 20px 0 0 0; }
div.caption { font: 0.8em tahoma; margin: 1em 0 0 0.2em; }

/*FooterBox*/
div#footerBox {background-color:#215098; text-align:left; padding: 2px 0 10px 20px ; color:#fff; max-width: 980px; margin: .5em auto .5em auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; font-size:14px;}
div#footerBox ul li a { color: #fff !important;}
div#footerBoxContainer {max-width: 980px;}
div#footerBox h2{color:fff !important}

/* Footer */
div#hotline 						{ clear: both; background-color: #fff; width:100%; padding-top: 1em; height: 2em; text-align: center; color: #000; font: 0.9em tahoma; font-weight: bold; }
div#hotline span#number 			{ color: #70242E; font-weight: bold; }
div#hotline							{ display: none; } /* This is now hidden by default but is shown in the Topics section via menu includes */
div#footer { background:url(/assets/graphics/css/footerbg.png) repeat-x #2b60ab; text-align:center; height: 125px; color: #fff; clear: both; font: bold 0.9em tahoma; }
div#footer ul { display: inline; list-style-type: none; }
div#footer ul li a { color: #fff; }
div#footerContainer { margin: 9em auto 0 auto; max-width: 980px; }

@media only screen and (max-width: 767px) {
	div#footerBox { text-align:center; padding: 2px 0 10px 20px ; color:#fff; margin: 0 0 0 0; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; font-size:14px;}
	div#footerBox ul { list-style-type: none; }
	div#footerContainer { margin-top: 1em; }
	div#footer {display: none;}
	div#sonymaVets div.skyblue_box2 { width: 40%; margin: 0 auto 0 auto; }
}
/* --- Mobile --- */
@media only screen 
and (max-width: 767px) {
	body { background: none;}
	div#holdBannerAndContent { width: 100%; }
	div#footer { background: none; background-color: #2b60ab; padding: 0 0 0 0;}

	/* Content */
	#leftNav { display: none; }
	#rightContent { float: left; width: 100%; height: auto; margin: 0 0 0 0; }
	div#contentArea { height: auto; margin: 0.2em; padding: 0 0 0 0; background-color: #fff; border: none;}
	div.indexPageMenu, div.indexPageMenu div.leftSide, div.indexPageMenu div.rightSide, div.leftSide, div.rightSide, div.imageRight, div.pressPhotos, div.slideshow
		{ float: left; width: 100%; }
	div.imageRight, div.pressPhotos { text-align: center; }
	div.prInfo { float: left; width: 100%; padding: 0; }

	#hotline, #nyagencies a, #header #nysearch a, #header #nysearch #statesearch, #downloadMessage,
	#home #nav a.on, p.trail, #nav #google_translate_element, #translateRent, #translateSONYMA, 
	.translation { display:none;visibility:hidden; }
}
/* Print Styles */
@media print {
	div#nysbanner { display: none; }	
	div#navigation { display: none; }
	div#footer, div#footerbox, div#footerBoxContainer { display: none; }		
	div#hcrbanner { display: none; }
	.top-bar { display: none; }
	div#interestRate { display: none; }
	div#agencies { display: none; }
	div#googleSearch { display: none; }
	div#breadcrumb { display: none; }
	div#breadcrumbs { display: none; }
	#vips { display: none; }
	div#contentArea { margin-top: 1em; color: #000; border: none; font-size: 1em;}
	div#contentArea h1 { font-size: 2em; font-weight:400; font-family:'Roboto Condensed', sans-serif; }
	div#contentArea h2 { font-size: 1.8em; font-weight:400; font-family:'Roboto Condensed', sans-serif; }
	div#contentArea h3 { font-size: 1.6em; font-weight:400; font-family:'Roboto Condensed', sans-serif; }
	div#contentArea h4 { font-size: 1.4em; font-weight:400; font-family:'Roboto Condensed', sans-serif;  }
}