.error {
color: #cc0000;
font-weight: bold;
}

div.mobileclearer {
		width: 0px;
		height: 0px;
		float: left;
}

/* media queries */
/* spacing */
/* colors */
/* ------------------------------------ =reset -- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, /* sub, */ var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

sub {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  /* font-size: 100%; */
  /* vertical-align: baseline; */
  background: transparent;
}

/* adding sup by Jeremy Ong on 6/21/2021 to adjust superscript for Rebecca Maxey */
sup {
    line-height: 100%;
    /* The following rules (or similar) likely come from browser style and are not needed */
    font-size: 0.83em;
    vertical-align: super;
}

td {
padding: 5px;
}
body {
	font-size: 12px;
	line-height:16px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	position: relative;
	border-top: 6px solid #01267f;
	background: #ffffff;
}

#a, #b, #c, #d, #e, #f, #g, #h, #i{
	display:none;
}
#a:target{
	display:block;
}
#b:target{
	display:block;
}
#c:target{
	display:block;
}
#d:target{
	display:block;
}
#e:target{
	display:block;
}
#f:target{
	display:block;
}
#g:target{
	display:block;
}
#h:target{
	display:block;
}
#i:target{
	display:block;
}

/* OUR NEW AWESOME Button*/
input#shiny {
padding: 4px 20px;
/*give the background a gradient*/
background:#ffae00; /*fallback for browsers that don't support gradients*/
background: -webkit-linear-gradient(top, #fc554e, #EC2921);
background: -moz-linear-gradient(top, #fc554e, #EC2921);
background: -o-linear-gradient(top, #fc554e, #EC2921);
background: linear-gradient(top, #fc554e, #EC2921);
border:2px outset #f8e7e6;
/*style the text*/
font-family:Andika, Arial, sans-serif; /*Andkia is available at http://www.google.com/webfonts/specimen/Andika*/
font-size:1.1em;
letter-spacing:0.05em;
text-transform:uppercase;
color:#fff;
text-shadow: 0px 1px 10px #000;
/*add to small curve to the corners of the button*/
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
/*give the button a drop shadow*/
-webkit-box-shadow: rgba(0, 0, 0, .55) 0 1px 6px;
-moz-box-shadow: rgba(0, 0, 0, .55) 0 1px 6px;
box-shadow: rgba(0, 0, 0, .55) 0 1px 6px;
}
/****NOW STYLE THE BUTTON'S HOVER STATE***/
input#shiny:hover, input#shiny:focus {
border:2px solid #ffffff;
}

/* OUR NEW AWESOME Button*/
input#shinyprofile {
padding: 4px 20px;
/*give the background a gradient*/
background:#ffae00; /*fallback for browsers that don't support gradients*/
background: -webkit-linear-gradient(top, #1d44ee, #01267F);
background: -moz-linear-gradient(top, #1d44ee, #01267F);
background: -o-linear-gradient(top, #1d44ee, #01267F);
background: linear-gradient(top, #1d44ee, #01267F);
border:2px outset #10247c;
/*style the text*/
font-family:Andika, Arial, sans-serif; /*Andkia is available at http://www.google.com/webfonts/specimen/Andika*/
font-size:1.1em;
letter-spacing:0.05em;
text-transform:uppercase;
color:#fff;
text-shadow: 0px 1px 10px #000;
/*add to small curve to the corners of the button*/
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
/*give the button a drop shadow*/
-webkit-box-shadow: rgba(0, 0, 0, .55) 0 1px 6px;
-moz-box-shadow: rgba(0, 0, 0, .55) 0 1px 6px;
box-shadow: rgba(0, 0, 0, .55) 0 1px 6px;
}
/****NOW STYLE THE BUTTON'S HOVER STATE***/
input#shinyprofile:hover, input#shiny:focus {
border:2px solid #dad9d8;
}



/* OUR NEW AWESOME Button*/
input#shinyback {
padding: 4px 20px;
/*give the background a gradient*/
background:#ffae00; /*fallback for browsers that don't support gradients*/
background: -webkit-linear-gradient(top, #f2cf52, #F2C218);
background: -moz-linear-gradient(top, #f2cf52, #F2C218);
background: -o-linear-gradient(top, #f2cf52, #F2C218);
background: linear-gradient(top, #f2cf52, #F2C218);
border:2px outset #f2cf52;
/*style the text*/
font-family:Andika, Arial, sans-serif; /*Andkia is available at http://www.google.com/webfonts/specimen/Andika*/
font-size:1.1em;
letter-spacing:0.05em;
text-transform:uppercase;
color:#fff;
text-shadow: 0px 1px 10px #000;
/*add to small curve to the corners of the button*/
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
/*give the button a drop shadow*/
-webkit-box-shadow: rgba(0, 0, 0, .55) 0 1px 6px;
-moz-box-shadow: rgba(0, 0, 0, .55) 0 1px 6px;
box-shadow: rgba(0, 0, 0, .55) 0 1px 6px;
}
/****NOW STYLE THE BUTTON'S HOVER STATE***/
input#shinyback:hover, input#shiny:focus {
border:2px solid #dad9d8;
}


/* OUR NEW AWESOME Button*/
input#shinycash {
padding: 4px 20px;
/*give the background a gradient*/
background:#66CC00; /*fallback for browsers that don't support gradients*/
background: -webkit-linear-gradient(top, #66CC00, #669900);
background: -moz-linear-gradient(top, #66CC00, #669900);
background: -o-linear-gradient(top, #66CC00, #669900);
background: linear-gradient(top, #66CC00, #669900);
border:2px outset #66CC00;
/*style the text*/
font-family:Andika, Arial, sans-serif; /*Andkia is available at http://www.google.com/webfonts/specimen/Andika*/
font-size:1.1em;
letter-spacing:0.05em;
text-transform:uppercase;
color:#fff;
text-shadow: 0px 1px 10px #000;
/*add to small curve to the corners of the button*/
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
/*give the button a drop shadow*/
-webkit-box-shadow: rgba(0, 0, 0, .55) 0 1px 6px;
-moz-box-shadow: rgba(0, 0, 0, .55) 0 1px 6px;
box-shadow: rgba(0, 0, 0, .55) 0 1px 6px;
}
/****NOW STYLE THE BUTTON'S HOVER STATE***/

input#shinycash:hover, input#shiny:focus {
border:2px solid #dad9d8;
}


/*End of Awesome Button */

/* Begin new awesome button for regular links */
a#shiny {
padding: 14px 30px;
/*give the background a gradient*/
background:#ffae00; /*fallback for browsers that don't support gradients*/
background: -webkit-linear-gradient(top, #fc554e, #EC2921);
background: -moz-linear-gradient(top, #fc554e, #EC2921);
background: -o-linear-gradient(top, #fc554e, #EC2921);
background: linear-gradient(top, #fc554e, #EC2921);
border:2px solid #f8e7e6;
/*style the text*/
font-family:Andika, Arial, sans-serif; /*Andkia is available at http://www.google.com/webfonts/specimen/Andika*/
font-size:1.3em;
letter-spacing:0.05em;
text-transform:uppercase;
color:#fff;
text-shadow: 0px 1px 10px #000;
/*add to small curve to the corners of the button*/
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
/*give the button a drop shadow*/
-webkit-box-shadow: rgba(0, 0, 0, .55) 0 1px 6px;
-moz-box-shadow: rgba(0, 0, 0, .55) 0 1px 6px;
box-shadow: rgba(0, 0, 0, .55) 0 1px 6px;
}
/****NOW STYLE THE BUTTON'S HOVER STATE***/
a#shiny:hover, input#shiny:focus {
border:2px solid #ffffff;
}

/*End of new Awesome Button */


input.goals{
padding:8px;
width:98%;
border:3px solid #ddd;
box-shadow:0 0 2px;
margin-bottom:20px
}
 
h1 {
font-size: 1.8em;
font-family: 'Open Sans Condensed', sans-serif;
font-weight: 700;
padding: 0 0 0.5em 0;
line-height: 1.6em;
color: #003e7b;
}
h1 span {
padding: 0 0 1.2em 0;
font-size: 0.8em;
font-family: 'Open Sans Condensed', sans-serif;
font-weight: 700;
line-height: 1.0em;
color: #003e7b;
}
h2 {
padding: 0.5em 0 0.5em 0;
font-size: 1.7em;
font-family: 'Open Sans Condensed', sans-serif;
font-weight: 700;
color: #00a4e3;
}
h3 {
line-height: 2.0em;
font-size: 1.6em;
font-family: 'Open Sans Condensed', sans-serif;
font-weight: 700;
color: #003e7b;
}
.grey-box h3, .box h3 {
line-height: 2.0em;
font-size: 1.4em;
font-family: 'Open Sans Condensed', sans-serif;
padding-left: 12px;
font-weight: 700;
color: #003e7b;
}

h4 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: 500;
color: #00a4e3;
font-size: 1.2em;
line-height: 1.2em;
font-weight: 700;
margin: 0.5em 0 0.5em 0;
}

h4 a {
color: #00a4e3;
}

h5, legend {
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   font-weight: 700;
   color: #003e7b;
   font-size: 1.0em;
   line-height: 1.2em;
   margin: 0.5em 0 0.5em 0;
}
.alignleft {
float: left;
padding-left: 12px;
}
.alignright a {
float: right;
padding-left: 12px;
color: #00A4E3;
font-weight: 700;
padding-right: 12px;
line-height: 2.5em;
}

.grey-box h3, .box h3 {
line-height: 2.0em;
font-size: 1.4em;
font-family: 'Open Sans Condensed', sans-serif;
padding-left: 12px;
font-weight: 700;
color: #003e7b;
}
td.FieldLabel {
width: 200px;
float: left;
}
a {
	color: #00277f;
	text-decoration: none;

}
a:hover {
text-decoration: underline;

}
p {
padding: 0 0 0.5em 0;
font-size: 12px;
line-height:16px;

}
table {
border-collapse: collapse;
}
.date {
   font-family: Verdana, Arial, Helvetica, sans-serif;   
   font-weight: 500;
   color: #00a4e3;
   font-size: 1.0em;
   line-height: 1.3em;
   font-weight: 700;
   margin: 0 0 1em 0;
}

/* --------------------------------------- header -- */

#header {
width: 100%;
/* margin: 1em 0 2.5em 0; */
margin: 0em 0 2.5em 0;
}
#header-upper, #header-lower {
width: 100%;
clear: both;
}
.header-ad {
/* margin: 0 auto; */
margin: 0 0 1.2em 211px;
float: none;
/* width: 570px; */
}
#utility {
float: right;
font-family: 'Open Sans Condensed', sans-serif;
font-weight: 600;
font-size: 1.1em;
color: #484848;
/* margin: 0 0 1em 0; */
margin: 0 0 1em 0;
}
#utility a {
display: inline-block;
text-decoration: none;
color: #20428a;
}
#utility span a {
color: #e97b2e;
}

#utility a:hover {
color: #002b5e;
}

/* ---------------------------------------------------------------------- */
/* Search */


#header_search {
	width: 218px;
	float: right;
	/* margin: 1em 0 0 0; */
	margin: 0em 0 0 0;
	padding: 0;
	clear: right;
}

#header_search .searchbox input {
background-image: url(//s3.amazonaws.com/rdcms-snmmi/files/production/public/PageLayoutImages/searchbg.png);
width: 160px;
height: 31px;
float: left;
padding: 0;
font-size: 1.1em;
font-family:  Verdana, Arial, sans-serif;
text-indent: 3.0em;
border: 0;
outline:none;
line-height: 1em;
-webkit-border-radius: 0 !important;
-webkit-appearance: none;
}

#page_search .searchbox input {
background-image: url(//s3.amazonaws.com/rdcms-snmmi/files/production/public/PageLayoutImages/store-search.png);
width: 135px;
height: 31px;
float: left;
padding: 0;
font-size: 1.1em;
font-family:  Verdana, Arial, sans-serif;
text-indent: 3.0em;
border: 0;
outline:none;
line-height: 1em;
-webkit-border-radius: 0 !important;
-webkit-appearance: none;
}
/* the right side of the image is the arrow */

#header_search .searchbtn input {
background-image: url(//s3.amazonaws.com/rdcms-snmmi/files/production/public/PageLayoutImages/searchbtn.png);
width: 28px; 
height: 31px;
border: 0;
float: right;
-webkit-border-radius: 0 !important;
-webkit-appearance: none;
}
#page_search .searchbtn input {
background-image: url(//s3.amazonaws.com/rdcms-snmmi/files/production/public/PageLayoutImages/store-searchbtn.png);
width: 29px; 
height: 31px;
border: 0;
-webkit-border-radius: 0 !important;
-webkit-appearance: none;
}
.page-search {
  width: 218px;
  
}
label.overlabel {
  display: none;
}

label.hidden {
  text-indent: -1000em;	
}

label.overlabel-apply {
  left: 0;
  position: absolute;
  top: 0;
  z-index: 10;
  line-height: 25px;
  text-align: left;
  color: #988f75;
}

.list-item {
border-bottom: #cdcdcd solid 1px;	
margin-top: 10px;
padding-bottom: 10px;
}

.list-larger {
font-size: 110%;
font-weight: 600;
font-family: 'Open Sans', sans-serif;
}

.list-date {
color: #303c42;
font-weight: 600;
font-size: 100%;
font-family: 'Open Sans', sans-serif;
}

.list-larger a {
font-size: 110%;
font-weight: 600;
font-family: 'Open Sans', sans-serif;
}
.logo {
float: left;
margin: 0;
/*
width: 311px;
height: 105px;
*/
}
.filters {
float: right;
margin: 1em 0 0.75em 0;
/* margin: 5em 0 0 0; */
/* margin: 4em 0 .75em 0; */
font-family: 'Open Sans Condensed', sans-serif;
font-size: 1.2em;
font-weight: 600;
color: #20428a;
}

.filters a {
color: #4f4f4f;
}

.filters a:hover {
text-decoration: none;
color: #E96910;
}
	
/* ---------------------------------------------------------------------- */
/* Store Search */
	
.store-search-bar {
width:90%;
height:30px;
float:none;
position:relative;
border: 1px solid #ccc;
margin: 1em auto 1.5em;
-moz-border-radius: 5px; 
border-radius: 5px; 
display: block;
}

#nav-search-label {
color: #666;
display: block;
font-size: 1em;
font-weight: 600;
left: 10px;
position: absolute;
top: 6px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#nav-search-in {
display: inline-block;
height: 30px;
left: 5px;
overflow: hidden;
position: absolute;
top: 0;
border-right: 1px solid #ccc;
}
#twotabsearchtextbox {
width: 90%;
}
#nav-search-in #nav-search-in-content {
color: #777777;
display: inline-block;
font-size: 11px;
height: 26px;
line-height: 27px;
margin: 0 59px 0 6px;
text-indent: 1px;
text-overflow: ellipsis;
white-space: nowrap;
}
#nav-search-in.nav-facade-active .nav-down-arrow {
display:inline-block;
right: 10px;
top: 11px;
background-image: url('//s3.amazonaws.com/rdcms-snmmi/files/production/public/pagelayoutimages/search_arrow.png');
height:5px;
width:15px;
}
.nav-facade-active #searchDropdownBox {
cursor: pointer;
height: 30px;
left: 0;
opacity: 0;
top: 0;
visibility: visible;
width: auto;

}
#searchDropdownBox {
left: 5px;
margin: 0;
padding: 0;
position: absolute;
top: 3px;
visibility: hidden;
width: 140px;
}


#twotabsearchtextbox {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    box-shadow: none;
    color: #333;
    font-size: 14px;
    height: 17px;
    margin: 6px 165px 0;
    outline: medium none;
    padding: 0;

}
.nav-submit-button {
 	background-color: #666;
    height: 30px;
    /*margin-left: 200px;*/
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    -moz-border-radius: 0 5px 5px 0; 
    border-radius: 0 5px 5px 0;
}

.nav-submit-button .nav-submit-input {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: white;
    cursor: pointer;
    font-size: 15px;
    height: 28px;
    line-height: 15px;
    margin: 0;
    padding: 0;
    width: 70px;
}

	
/* ------------------------------------ nav -- */


	
.menu {
clear: both;

	}
.menu > li {
	width: 12.5%;
	float: left;
}
	
	/* the "span" element achieves vertical middle alignment of nav items even where there is only one line of text */

.menu > li > a {
display: block;
padding: 0;
border-right: 1px solid #01216c;
text-align: center;
font-size: 1.2em;
font-weight: 700;
font-family: 'Open Sans Condensed', sans-serif;
color: #fff;
background-color: #4060AB;
background-image: -ms-linear-gradient(top, #00277F 0%, #4060AB 100%);
background-image: -moz-linear-gradient(top, #00277F 0%, #4060AB 100%);
background-image: -o-linear-gradient(top, #00277F 0%, #4060AB 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #00277F), color-stop(1, #4060AB));
background-image: -webkit-linear-gradient(top, #00277F 0%, #4060AB 100%);
background-image: linear-gradient(to bottom, #00277F 0%, #4060AB 100%);

box-shadow: inset 1px 0 1px rgba(255,255,255,0.2), inset -1px 0 1px rgba(255,255,255,0.1), 0 1px 1px rgba(0,0,0,0.6);
-webkit-box-shadow: inset 1px 0 1px rgba(255,255,255,0.2), inset -1px 0 1px rgba(255,255,255,0.1), 0 1px 1px rgba(0,0,0,0.6);
-moz-box-shadow: inset 1px 0 1px rgba(255,255,255,0.2), inset -1px 0 1px rgba(255,255,255,0.1), 0 1px 1px rgba(0,0,0,0.6);
min-height: 32px;
padding: 4px 2px 4px 2px;

}
.menu > li:first-child > a {
border-top-left-radius: 6px;
-webkit-border-top-left-radius: 6px;
-moz-border-radius-topLeft: 6px;
border-bottom-left-radius: 6px;	
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-bottomLeft: 6px;
min-height: 32px;
}
.menu > li:last-child > a {
	border-right: none;
	border-top-right-radius: 6px;
		-webkit-border-top-right-radius: 6px;
		-moz-border-radius-topRight: 6px;
	border-bottom-right-radius: 6px;	
		-webkit-border-bottom-right-radius: 6px;
		-moz-border-radius-bottomRight: 6px;
		min-height: 32px;
	}
.menu > li > a:hover {
	text-decoration: none;
background-color: #A1BDEA;
background-image: -ms-linear-gradient(top, #3878DB 0%, #6493db 100%);
background-image: -moz-linear-gradient(top, #3878DB 0%, #6493db 100%);
background-image: -o-linear-gradient(top, #3878DB 0%, #6493db 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3878DB), color-stop(1, #6493db));
background-image: -webkit-linear-gradient(top, #3878DB 0%, #6493db 100%);
background-image: linear-gradient(to bottom, #3878DB 0%, #6493db 100%);
	}
	
.menu li ul { /* second-level lists */
position: absolute;
left: -999em;
width: 280px;
padding: 0;
margin: 0;
border-top: #cccccc solid 1px;
border-right: #cccccc solid 1px;
border-left: #cccccc solid 1px;
z-index: 10;
}		

.menu li ul li {
padding: 0;
margin: 0;
background: #ffffff;
border-bottom: #cccccc solid 1px;
width: 280px;
line-height: 22px;
font-size: 11px;
font-weight: 500;
}		

.menu li ul li a:link,  .menu li ul li a:visited,  .menu li ul li a:active {
color: #000000;
background: #ffffff;
font-size: 11px;
text-decoration: none;
padding: 0 0 0 4px;
margin: -2px 0 0 0;
text-align: left;

}
		
.menu li ul li a:hover {
color: #00A4E3;
background: #fff;
padding: 0 0 0 4px;
margin: -2px 0 0 0;
text-align: left;


}

.menu li ul li a.overviewoption:link, .menu li ul li a.overviewoption:visited,  .menu li ul li a.overviewoption:active, .menu li ul li a.overviewoption:hover {

}

/* testing hover background colors F7F6F1 E0DDD4 F5EFE0 dce3e9 */

/* aligns the last navigation flyout right so it doesn't break out of the container */

.menu li:hover ul.lastone {
    right: 0;
	padding: 0;
}

.menu li:hover ul.lastone, .menu li.over ul.lastone {
    right: 0;
	top: auto;
	padding: 0;
}

.menu li:hover ul ul, .menu li.over ul ul, .menu li.over ul ul ul {
	left: -999em;
}

.menu li:hover ul, .menu li li:hover ul, .menu li.over ul, .menu li li.over ul {
	left: auto;
	display: block;
	margin: 0 0 0 0;

}
#mobile-nav, .menu-toggle {
  display: none;
}
#subnav-box {
margin: 0 auto;	
background: #ffffff;
width: auto;
height: auto;
border: 1px solid #d1d1d1;
-moz-border-radius: 8px;
border-radius: 8px;
margin: 0 12px 12px 12px;
padding: 12px;
overflow: auto;
}

#subnav-box > ul {
list-style: none;	
margin: 0 0 0 0;
padding: 0 0 0 0;
}

#subnav-box > ul li, .content-box-white > ul li {
list-style: none;	
margin: 0 0 0 0;
padding: 0 0 8px 0;
}
#subnav-box > ul li ul li {
list-style: none;	
margin: 0 0 0 0;
padding: 0 0 8px 12px;
}
#subnav-box > ul li ul li:last-child {
list-style: none;	
margin: 0 0 0 0;
padding: 0 0 3px 12px;
}
#subnav-box ul > li:before {
background: none;	

}

#subnav-box > ul li:last-child {
list-style: none;	
margin: 0 0 0 0;
padding: 0 0 3px 0;
}
	
#subnav-box a {
	display: block;
	color: #00277f;
	font-weight: 500;
	position: relative;
	
}
#subnav-box a:hover, #subnav-box a:active, #subnav-box a.current {
	color: #00277f;
}
#subnav-box a.enabled:before {
	display: inline-block;
	margin-right: 0.35em;
	font-weight: 700;
	font-size: 1.2em;
	color: #438dcc;
}
#subnav-box a.closed:before {
	content: '+';
}
#subnav-box a.open:before {
	content: '-';
}
#subnav-box li ul {
	padding-top: 0.75em;
}

/* ------------------------------------ general content stuff -- */

/* background image uses exact positioning 0px from left and 50px from top */
#body_bounds_home {
	width: 1150px;
   	margin: 0 auto;
	/* padding: 1em 0 1em 0; */
	padding: 0em 0 1em 0;
	height: auto;
	overflow: hidden;
}
	
#body_bounds {
width: 1150px;
margin: 0 auto;
/* padding: 1em 0 1em 0; */
padding: 0em 0 1em 0;
height: auto;
overflow: hidden;
background: #ffffff;
}
	
#home-column1 {
width: 60%;
float: left;
margin: 2em 2% 1em 0;

}
#home-column2 {
width: 38%;
float: left;
margin: 2em 0 1em 0;
}

/* homepage slideshow */

#home-feature {
margin-bottom: 1.5em;
position: relative;
width: 690px;
height: 352px;
}
#home-feature .tabs-pane {
  display: none;
   position: relative; 
}
#home-feature .tabs-pane.active {
  display: block !important;

 }

#home-feature .image, #home-feature .image > img {
  display: block !important;
  max-width: 100%;
  margin: 0 auto;   

  }

#home-feature .description {
  padding: 0.5em 0 1em;
  color: #fafafa;
  background-color: #222;
  background-color: rgba(0,0,0,0.8); }
#home-feature .description h4, #home-feature .description p {
  padding: 0 12px; }
#home-feature .description h4 {
  font-family: "Open Sans Condensed", sans-serif;
  font-size: 1.5em;
  font-weight: 700;
  color: #f2c216; }

#home-feature .tabs-buttons {
  display: none; }
#home-feature .tabs-buttons > a {
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: middle;
  width: 25px;
  height: 20px;
  font-size: 0;
  line-height: 1;
  text-decoration: none; }
#home-feature .tabs-prev {
  background: #4d4d4d url('//s3.amazonaws.com/rdcms-snmmi/files/production/public/PageLayoutImages/barousel_link_previous.gif') no-repeat 50% 50%; }
#home-feature .tabs-next {
  background: #4d4d4d url('//s3.amazonaws.com/rdcms-snmmi/files/production/public/PageLayoutImages/barousel_link_next.gif') no-repeat 50% 50%; }
#home-feature .tabs-buttons > a:hover {
  background-color:#6e6e6e; }
#home-feature .tabs-current-slide {
  color: #fafafa; }

/*-------------> BAROUSEL */
.barousel
{
    position:relative;
    margin-bottom:1em;
    background:url(//s3.amazonaws.com/rdcms-snmmi/files/production/public/images/bg_banner.gif) repeat 0 0;
    width:100%;
	-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

.barousel_image
{
    z-index:10;
    width:100%;

}

.barousel_image img
{
    width: 100%;
    display:none;
	-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

.barousel_image img.default
{    
    display:inline;
}

.barousel_image img.current
{
    z-index:10;
}

.barousel_image img.previous
{
    z-index:5;
}

.barousel_content
{
    position:absolute;
	min-height: 100px;
    /* z-index:50; */
	z-index:5;
    padding: 0.5em 0 1em;
  color: #fafafa;
  background-color: #222;
  background-color: rgba(0,0,0,0.8);
    width:100%;
	left: 0;
	bottom: 0;
	   border-bottom-left-radius: 10px;	
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomLeft: 10px;
border-bottom-right-radius: 10px;	
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-bottomRight: 10px;
}

.barousel_content div
{
    display:none;   

}

.barousel_content div.default
{
    display:block;    
}

.barousel_content p
{
    font-size:13px;
    font-weight:normal; 
    line-height:15px;   
padding: 0 10px 0 10px;
}

.barousel_content p.header
{
font-size:1.6em;
font-family: 'Open Sans Condensed', sans-serif;
font-weight: 700;
line-height:1.6em;
color:#f2c216;
padding: 0 10px 0 10px;
}

.barousel_content a,
.barousel_content a:hover
{
    color:#fff55b;
    background-color:transparent !important;
}

.barousel_nav
{
    position:absolute;
    padding:0 0 0px 0;
    height:23px;    
    background:transparent;
    right: 10px;
	bottom:86px;
    z-index:60;
    width:100%;
}

.barousel_nav .counter
{    
    float:right;
    font-size:1em;
    color:#fff;
    margin:3px 5px 0 0;
}

.barousel_nav ul
{
    float:right;
    padding:0;
    margin:0;
}

.barousel_nav li
{
    float:left;
    padding-left:3px;
    font-size:0;
    line-height:0;
    list-style:none;
}

.barousel_nav li a
{
    display:block;
    width:25px;
    height:20px;
    background-color:#4d4d4d;
    font-size:0;
    line-height:0;
    text-decoration:none;
}

.barousel_nav li a:hover
{
    background-color:#6e6e6e;
}

.barousel_nav li a.current
{
    background-color:#fff55b;
}

.barousel_nav li.prev a
{
    background-image:url(//s3.amazonaws.com/rdcms-snmmi/files/production/public/images/barousel_link_previous.gif);
    background-repeat:no-repeat;
    background-position:0 0;
}

.barousel_nav li.next a
{
    background-image:url(//s3.amazonaws.com/rdcms-snmmi/files/production/public/images/barousel_link_next.gif);
    background-repeat:no-repeat;
    background-position:0 0;
}

.barousel img.ajax_loader
{
    display:none;
    position:absolute;
    z-index:99;
    top:70px;
    left:135px;
}


@media all and (min-width: 760px) {

  #home-feature .image > img {
      -webkit-border-radius: 15px;
      -moz-border-radius: 15px;
    border-radius: 15px; 
	display: block;
	width: 690px;
height: 352px;
}
  #home-feature .description {
    height: 10em;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    overflow: hidden;
      -webkit-border-radius: 0 0 15px 15px;
      -moz-border-radius: 0 0 15px 15px;
    border-radius: 0 0 15px 15px; }
  #home-feature .tabs-buttons {
    display: block;
    position: absolute;
    right: 12px;
    bottom: 8.5em;
    z-index: 10; }

}


@media all and (min-width: 981px) {

  #home-feature .description {
    height: 8.5em; }
  #home-feature .description h4 {
    font-size: 2em;
    line-height: 1; }
  #home-feature .description p {
    font-size: 1.1em; }
  #home-feature .tabs-buttons {
    bottom: 7em; }

}





.blue-top {
width: 100%;
clear: both;
height: 8px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background-color: #00277f;
border: 0;
-webkit-border-bottom-left-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
-moz-border-radius-bottomleft: 0px;
-moz-border-radius-bottomright: 0px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
background-color: #00277f;
border: 0;
}
.red-top {
width: 100%;
height: 8px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background-color: #ff0000;
border: 0;
-webkit-border-bottom-left-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
-moz-border-radius-bottomleft: 0px;
-moz-border-radius-bottomright: 0px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
background-color: #ff0000;
border: 0;
}
.orange-top {
width: 100%;
height: 8px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background-color: #e55300;
border: 0;
-webkit-border-bottom-left-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
-moz-border-radius-bottomleft: 0px;
-moz-border-radius-bottomright: 0px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
background-color: #e55300;
border: 0;
}
.gold-top {
width: 100%;
height: 8px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background-color: #f2c218;
border: 0;
-webkit-border-bottom-left-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
-moz-border-radius-bottomleft: 0px;
-moz-border-radius-bottomright: 0px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
background-color: #f2c218;
border: 0;
}

.aqua-top {
width: 100%;
height: 8px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background-color: #00a4e3;
border: 0;
-webkit-border-bottom-left-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
-moz-border-radius-bottomleft: 0px;
-moz-border-radius-bottomright: 0px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
background-color: #00a4e3;
border: 0;
}
.box {
background: #ffffff;
width: 100%;
height: auto;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border: 0;
overflow: hidden;
margin: 0 0 18px 0;
}
.grey-box {
background-color: #ebe8e8;
width: 100%;
height: auto;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border: 0;
overflow: hidden;
margin: 0 0 24px 0;
}
.content-box {
margin: 0 auto;
height: auto;
border: 1px solid #d1d1d1;
-moz-border-radius: 8px;
border-radius: 8px;
margin: 0 12px 12px 12px;
padding: 12px;
overflow: hidden;
background-color: #ffffff !important;

}
.content-box-white {
background-color: #ffffff !important;
margin: 0 auto;
height: auto;
border: 1px solid #d1d1d1;
-moz-border-radius: 8px;
border-radius: 8px;
margin: 0 12px 12px 12px;
padding: 12px;
overflow: hidden;
}

#mysnmmi .left {
margin: 1em 2% 1em 0;
width: 48%;
float: left;
clear: both;
}
#mysnmmi .right {
margin: 1em 0 1em 2%;
width: 48%;
float: left;
}

.leftcol {
margin: 1em 1% 1em 0;
width: 47%;
float: left;
clear: both;
}
.rightcol {
margin: 1em 0 1em 1%;
width: 51%;
float: left;
}

.tiny {
font-family: 'Open Sans Condensed', sans-serif;
font-size: 1.2em;
}
#mysnmmi table {
margin: 0 auto;
width: 100%;
}

#mysnmmi td {
padding: 4px 0 4px 0;
}
#mysnmmi th {
text-align: left;
}	
	
form#mysnmmi fieldset {
border: none;
margin-bottom: 10px;
}
		
form#mysnmmi fieldset:last-of-type {
margin-bottom: 0;
}
			
form#mysnmmi label {
float: left;
padding-right: 10px;
}
form#mysnmmi li {
padding: 5px 0 5px 0;
}

form#mysnmmi h5 {
clear: both;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-weight: 700;
color: #003e7b;
font-size: 1.0em;
line-height: 1.2em;
margin: 2em 0 0.5em 0;
}
.circle { 
background-color: #003e7b; 
height: 16px;
width: 16px;
border-radius: 16px;
float: left;
margin-right: 5px;
}
.circle b {
font-size: 11px;
position: relative;
top: 0px;
left: 4px;
color: #fff;
font-family: Verdana, Arial, Helvetica, sans-serif; 
}

.content-box-white img, .content-box-white li img {
float: left;
margin-right: 1em;
}
.content-box h4, .content-box-white h4, .clinical-practice h4 {
margin-bottom: 0.5em;

}

.content-box-white li ul li {
margin: 0.2em 0 0.2em 1em;
list-style-image: none;
list-style-position: inside;
list-style-type: none;
}
.content-box ul li {
margin: 0.5em 0 0.5em 0;
list-style-image: none;
list-style-position: inside;
list-style-type: none;
}
.current {
font-weight: 700;

}

.clinical-practice {
margin: 0 auto;
height: auto;
margin: 0 12px 12px 12px;
padding: 12px;
overflow: auto;
}
.clinical-practice .left {
width: 48%;
float: left;
margin-right: 4%;
}
.clinical-practice .right {
width: 48%;
float: left;
}
.clearfix:after { 
   content: "."; 
   visibility: hidden; 
   display: block; 
   height: 0; 
   clear: both;
}
.clearfix { 
clear: both;
}
.quicklinks, .sponsors, .lower {
clear: both;
padding-top: 1em;
}
.event-thumb {
border: solid 4px #e96910;
float: left;
margin-right: 0;
}
.event-link a, .more a {
color: #e96910;
font-weight: 700;
}
.event-link a:hover, .more a:hover {
text-decoration: none;
color: #3878db;
font-weight: 700;
}
.thumb {
border: solid 2px #ccc;
float: left;
margin-right: 10px;
width: 100px;
}
.product-photo {
border: solid 2px #ccc;
float: left;
margin-right: 10px;
max-width: 200px;
}
.event-arrow {
margin: 5px 10px 70px 0px;
width: 0; 
height: 0; 
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
border-left: 15px solid #e96910;
float: left;
}
.CE-thumb {
float: left;
margin-right: 10px;
}
#grey-table {
width: 100%;
}
#grey-table th {
padding: .2em 0 .2em .5em;
color: #ffffff;
background-color: #C8C8C8;
text-align: left;
font-size: 1.2em;
line-height: 1.4em;
font-weight: 600;
font-family: 'Open Sans Condensed', sans-serif;
}
#grey-table td {
border-top: 1px solid #ccc;
padding: 5px;
font-weight: 400;
font-size: 0.9em;
line-height: 1.2em;
}

/* ------------------------------------ link colors for various news types -- */

.coding-reimbursement a {
font-style: italic;
color: #cc0099;
}
.government-relations a {
font-style: italic;
color: #336600;
}
.member a {
font-style: italic;
color: #993399;
}
.making-a-difference a {
font-style: italic;
color: #990000;
}
.molecular-imaging a {
font-style: italic;
color: #330099;
}
.press-release a {
font-style: italic;
color: #ff9900;
}
.snmmi-news a {
font-style: italic;
color: #ff0000;
}
.snmmi-in-the-news a {
font-style: italic;
color: #0000ff;
}
.industry a {
font-style: italic;
color: #339999;
}
.publications ul, pubz ul, .products {
width: 100%;
overflow: hidden;
margin: 0 auto;
}
.publications li {
width: 33%;
margin: 0 3% 0 0;
float: left;
padding: 0;
display: inline-block;
overflow: hidden;
}


.products li {
width: 30%;
margin: 0 3% 0 0;
float: left;
padding: 0;

}
.products img {
float: left;
margin-right: 1em;
border: 1px solid #ccc;
}
.gallery-image {
margin: 10px;
width: 250px;
height: 200px;
float: left;
text-align: center;
border: 1px solid #ccc;
}
.gallery-image img {
display: inline;
margin: 10px;
width: 230px;
height: 180px;
overflow: hidden;
border: 1px solid #ccc;
}
.pubz li, benefits li {
width: 100%;
margin: 0 0 1em 0;
padding: 0;
overflow: hidden;
}

a.featured-item {
position: relative;
display: block;
top: 0;
float: right;
width: 120px;
padding: 3px 5px 3px 5px;
background-color: red;
color: #ffffff;
font-family: 'Open Sans Condensed', sans-serif;
font-weight: 700;
text-align: center;
}

a.featured-item:hover {
background-color: #E96910;
text-decoration: none;

}
.journal-cover {
width: 100%;
height: 142px;
padding: 0;
margin: 0;
overflow: hidden;
}

.pub-cover {
float: left;
margin-right: 1em;
border: 1px solid #ccc;
}
.journal-cover img  {
margin: 0.5em 0 0 0;
border: 1px solid #ccc;
width: 100px;
height: 132px;
padding: 0;
}

a.view-current {
display: block;
width: 110px;
height: 18px;
position: relative;
left: 10px;
bottom: 40px;
background-color: red;
color: #ffffff;
font-family: 'Open Sans Condensed', sans-serif;
font-weight: 700;
padding: 3px 0 2px 0;
text-align: center;
z-index: 90;
}

a.view-current:hover {
background-color: #E96910;
text-decoration: none;
}

a.view-product {
display: block;
width: 110px;
height: 18px;
position: absolute;
left: 20px;
bottom: 10px;
background-color: red;
color: #ffffff;
font-family: 'Open Sans Condensed', sans-serif;
font-weight: 700;
padding: 3px 0 2px 0;
text-align: center;
z-index: 90;
}

a.view-product:hover {
background-color: #E96910;
text-decoration: none;
}
.button {
	font-size: 1.2em; 
	text-decoration: none!important; 
	font-weight: 700;
font-family: 'Open Sans Condensed', sans-serif;
	padding: 8px 12px; 
	border-radius: 3px; 
	-moz-border-radius: 3px; 
	box-shadow: inset 0px 0px 2px #fff;
	-o-box-shadow: inset 0px 0px 2px #fff;
	-webkit-box-shadow: inset 0px 0px 2px #fff;
	-moz-box-shadow: inset 0px 0px 2px #fff;
	text-align: center;
}

.button:active {
	box-shadow: inset 0px 0px 3px #999;
	-o-box-shadow: inset 0px 0px 3px #999;
	-webkit-box-shadow: inset 0px 0px 3px #999;
	-moz-box-shadow: inset 0px 0px 3px #999;
}

/* The styles for the grey button */
.grey {
	color: #444;
	border: 1px solid #d0d0d0;
	background-image: -moz-linear-gradient(#ededed, #e1e1e1);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e1e1e1), to(#ededed));
	background-image: -webkit-linear-gradient(#ededed, #e1e1e1);
	background-image: -o-linear-gradient(#ededed, #e1e1e1);
	text-shadow: 1px 1px 1px #fff;
	background-color: #e1e1e1;
		display: block;
		clear: both;
}
.grey:hover {
	border: 1px solid #b0b0b0;
	background-image: -moz-linear-gradient(#e1e1e1, #ededed);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ededed), to(#e1e1e1));
	background-image: -webkit-linear-gradient(#e1e1e1, #ededed);
	background-image: -o-linear-gradient(#e1e1e1, #ededed);
	background-color: #ededed;
}
.grey:active {border: 1px solid #666;}

.red, .red:visited {
background-color: red;
}
.red:hover {
background-color: #e55300;
}
.small {
font-size: 1.0em;
padding: 3px 10px 3px 10px;
text-transform: uppercase;
color: #ffffff;
float: left;
display: inline-block;
margin: 1em 1em 0 0;
}


/* SELECT LISTS */

#page_search {
float: none;
margin: 1em 0 1em 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 1.2em;
}
#page_search #sitesearch .searchaudience {
overflow:hidden;
width:160px;
background: url("//s3.amazonaws.com/rdcms-snmmi/files/production/public/PageLayoutImages/downarrow.png") no-repeat #fff 129px 0;
    /* dropdown_arrow.png is a 31x28 image */
margin-right: 10px;
border:1px solid #d8d8d8;
float: left;
}
#page_search #sitesearch .searchaudience select {
border:0;
background:transparent;
height:29px;
width:176px;
-webkit-appearance: none;
color: #333;
padding: 5px 0 0 0;
text-align: left;


}
#browsebytopic {
float: none;
width: 400px;
margin: 0 auto;
}



.storesearch input[type=text] {
	padding:6px 15px 6px 30px;
	border: 1px solid rgb(208, 208, 208);
}

.storesearch input[type=button], input[type=button]:hover {
	position:relative; 
	left:5px;
border:1px solid #d8d8d8;
	background: #cccccc; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #cccccc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#cccccc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#cccccc 100%); /* IE10+ */
	background: linear-gradient(#ffffff 0%,#cccccc 100%); /* W3C */
	color:#666666;
	font-weight: 700;
	cursor: pointer;
	padding: 5px;
	

}
#browsedrop {
margin: 0;
padding: 0;
text-align: left;
font-size: 95%;
}


#browsedrop, #browsedrop ul { /* all lists */
		padding: 0;
		margin: 0 20px 10px 0;
		list-style: none;
		float: left;
		background: #ffffff;



}

#browsedrop li { /* all list items */
		position: relative;
		float: left;
		font-size: 95%;
 		padding: 0;
  		margin: 0 0 20px 0;
		background: #ffffff;

}

#browsedrop li a:link, #browsedrop li a:visited, #browsedrop li a:active {
color: #003e7b;
text-decoration: none;  
padding: 0;
display: block;


}

#browsedrop li a:hover {
color: #00A4E3;
text-decoration: none;  
padding: 0;
display: block;

}

#browsedrop li a.on:link, #browsedrop li a.on:visited, #browsedrop li a.on:active {
color: #00A4E3;
background: #ffffff;
text-decoration: none;  
padding: 0; 
display: block;

}

#browsedrop li a.on:hover {
color: #00A4E3;
background: #ffffff;
text-decoration: none;  
padding:  0; 
display: block;
z-index: 99;

}

#browsedrop li ul { /* second-level lists */
		position: absolute;
		left: -999em;
		width: 385px;
		padding: 0;
		margin: 0 0 0 5px;
		border-top: #cccccc solid 1px;
		border-right: #cccccc solid 1px;
		border-bottom: #cccccc solid 1px;
		border-left: #cccccc solid 1px;
		background: #ffffff;
		z-index: 99;
		}		
		


#browsedrop li ul li {
		padding: 0;
		margin: 0;
		background-color: #ffffff;
		width: 385px;
z-index: 99;
		}		
#browseaudience li ul li {
		padding: 0;
		margin: 0;
		background-color: #ffffff;
		width: 190px;
z-index: 99;
		}	
#browsedrop li ul li a:link,  #browsedrop li ul li a:visited,  #browsedrop li ul li a:active {
		background-color: #ffffff;
		font-size: 11px;
 		padding: 0 0 0 3px;
		margin: 0;
		text-align: left;
		

}
		
#browsedrop li ul li a:hover {
color: #00A4E3;
		background: none;
		background-color: #ffffff;
		font-size: 11px;
		padding: 0 0 0 3px;
		margin: 0;
		text-align: left;

}

/* aligns the last navigation flyout right so it doesn't break out of the container */

#browsedrop li:hover ul.lastone {
    right: 0;
	padding: 0;
	}



#browsedrop li:hover ul, #browsedrop li li:hover ul, #browsedrop li.over ul, #browsedrop li li.over ul {
	left: auto;
	display: block;
	z-index: 99;
}

/* ------------------------------------ =tabs -- */

.tabs {
margin: 18px 0 0 24px;


}
.tabs li {
list-style:none;
display:inline;
width: 300px;
}

.tabs a {
padding:5px 5px;
display:inline-block;
font-family: 'Open Sans Condensed', sans-serif;
font-size: 1.1em;
font-weight: 700;
color: #575757;
text-decoration:none;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
background-image: -ms-linear-gradient(top, #EBEDEC 0%, #CACBCD 100%);
background-image: -moz-linear-gradient(top, #EBEDEC 0%, #CACBCD 100%);
background-image: -o-linear-gradient(top, #EBEDEC 0%, #CACBCD 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EBEDEC), color-stop(1, #CACBCD));
background-image: -webkit-linear-gradient(top, #EBEDEC 0%, #CACBCD 100%);
background-image: linear-gradient(to bottom, #EBEDEC 0%, #CACBCD 100%);

}

.tabs a.active {
background:#606062;
color:#fff;
font-family: 'Open Sans Condensed', sans-serif;

}
#tab1, #tab2, #tab3, #mediatab1, #mediatab2, #mediatab3 {
margin: 0 auto;
height: auto;
border: 1px solid #d1d1d1;
-moz-border-radius: 8px;
border-radius: 8px;
margin: 0 12px 12px 12px;
padding: 12px;
overflow: auto;
background-color: #ffffff !important;
}

#tab4, #tab5, #tab6, #tab7, #tab8, #tab9, #tab10, #tab11, #tab12  {
background-color: #ffffff !important;
margin: 0 auto;
height: auto;
border: 1px solid #d1d1d1;
-moz-border-radius: 8px;
border-radius: 8px;
margin: 0 12px 12px 12px;
padding: 12px;
overflow: auto;
}

#tab4 li, #tab5 li, #tab6 li, #tab7 li, #tab8 li, #tab9 li  {
padding-bottom: 0.05em;
}

.landing-left {
width: 56%;
float: left;
margin-right: 4%;
}
.landing-right {
width: 40%;
float: left;
}

.landing-left .publications li {
width: 100%;
margin: 0 2% 0 0;
float: left;
padding: 0;
}

.journal-cover {
width: 100%;
height: 142px;
padding: 0;
margin: 0;
overflow: hidden;
}
.journal-cover img {
margin: 0.5em 0 0 0;
border: 1px solid #ccc;
width: 100px;
height: 132px;
padding: 0;
}

a.view-current {
display: block;
width: 110px;
height: 18px;
position: relative;
left: 10px;
bottom: 40px;
background-color: red;
color: #ffffff;
font-family: 'Open Sans Condensed', sans-serif;
font-weight: 700;
padding: 3px 0 2px 0;
text-align: center;
z-index: 90;
}

a.view-current:hover {
background-color: #E96910;
text-decoration: none;
}
.promo {
margin: 1em auto;
float: none;
text-align: center;
}
.promo img {
padding: 0 0 1em 0;
float: none;
display: inline-block;
text-align: center;
margin: 0 auto;
}

#sidebar-ads {
float: left;
width: 100%;
}
.sidebar-ad {
margin-bottom: 1em;
}
.advertisement {
padding: 0 0 0.5em 0;
width: 100%;
clear: both;
font-size:90%;
}
#footer-ads1 {
clear: both;
margin: 0 auto;
float: none;
text-align: center;
width: 920px;

}
#footer-ads1 li {
float: left;
margin: 0 10px 0 0;
}
#footer-ads1 li:last-child {
float: left;
margin-right: 0;
}
#footer-ads2 {
clear: both;
margin: 0 auto;
padding-top: 10px;
float: none;
text-align: center;
width: 910px;
}
#footer-ads2 li {
float: left;
margin-right: 10px;
}
#footer-ads2 li:last-child {
float: left;
margin-right: 0;
}
#footer-ads3 {
clear: both;
margin: 0 auto;
padding-top: 10px;
float: none;
text-align: center;
width: 728px;
}
#footer-ads3 .rdcms_ad_image {
float: none;
margin: 0 auto;
text-align: center;
width: 728px;
}

/* ---------------------------------------scroller -- */

/* Height & width for the container - The rest is done by the jQuery part. */
  div[rel='scrollcontent1'] { width: 100%; height: 280px;}
  
  /* Basic CSS for the elements - If rel is "scrollcontent1", style its scrollbar by referring to ".scrollcontent-content", ".scrollcontent-bar", etc. */
  .scrollcontent1-content { /* background: #eee; */ } /* for vertical content, no explicit width is required for inner DIV */
  .scrollcontent1-bar { width: 11px; background: #ffffff; border-radius: 4px; box-shadow: inset 0px 0px 5px #444444; overflow: hidden; }
  .scrollcontent1-drag { background: #f2c218; border-radius: 4px; cursor: pointer; }
  
/* ---------------------------------------slider 2-- */

/* Height & width for the container - The rest is done by the jQuery part. */
  div[rel='scrollcontent2'] { width: 100%; height: 280px;}
  
  /* Basic CSS for the elements - If rel is "scrollcontent2", style its scrollbar by referring to ".scrollcontent-content", ".scrollcontent-bar", etc. */
  .scrollcontent2-content { /* background: #eee; */ } /* for vertical content, no explicit width is required for inner DIV */
  .scrollcontent2-bar { width: 11px; background: #ffffff; border-radius: 4px; box-shadow: inset 0px 0px 5px #444444; overflow: hidden; }
  .scrollcontent2-drag { background: #f2c218; border-radius: 4px; cursor: pointer; }
  
/* ---------------------------------------slider -- */


/* Overall MovingBoxes Slider */

#slider { width: 100%; }
		#slider li { width: 150px; }

.mb-wrapper {
		position: relative;
	left: 0;
	top: 0;
	}

/* Panel Wrapper */
.mb-slider, .mb-scroll {
	width: 100%;
	height: 100%;
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
	position: relative;
	left: 0;
	top: 0;

	/* Control Panel Font size here */
	font-size: 18px;
}

/* active slider border highlight */
.mb-active-slider {
	border-color: #333;
}

/* Slider panel*/
.mb-slider .mb-panel {
	margin: 0;
	padding: 20px;
	display: block;
	cursor: pointer;
	float: left;
	list-style: none;
}

/* Cursor to arrow over current panel, pointer for all others,
change .current class name using plugin option, currentPanel : 'current' */
.mb-slider .mb-panel.current {
	cursor: auto;
}

/* Inside the panel */
.mb-inside {
	padding: 10px;
	border: 1px solid #999;
	background-color: #fff;
}

.mb-inside * {
	max-width: 100%;
	
}
.mb-inside h6 {
font-size: 16px;
}
/* Left & Right Navigation Arrows */
a.mb-scrollButtons {
	display: block;
	width: 45px;
	height: 58px;
	background: transparent url(../images/arrows.png) no-repeat;
	position: absolute;
	top: 50%;
	margin-top: -29px; /* if you change the arrow images, you may have to adjust this (1/2 height of arrow image) */
	cursor: pointer;
	text-decoration: none;
	outline: 0;
	border: 0;
}
a.mb-scrollButtons.mb-left {
	background-position: left top;
	left: -45px;
}
a.mb-scrollButtons.mb-right {
	background-position: right top;
	right: -45px;
}
a.mb-scrollButtons.mb-left:hover {
	background-position: left bottom;
}
a.mb-scrollButtons.mb-right:hover {
	background-position: right bottom;
}
a.mb-scrollButtons.disabled {
	display: none;
}

/* Controls added below the panels */
.mb-controls {
	margin: 0 auto;
	text-align: center;
	background: #ccc;
	position: relative;
	z-index: 100;
}
.mb-controls a {
	color: #666;
	font: 18px/2.2 Georgia, Serif;
	display: inline-block;
	text-decoration: none;
	padding: 2px;
	margin: 0 5px 0 0;
	text-align: center;
	outline: 0;
}
.mb-controls a:hover {
	color: black;
}
.mb-controls a.current {
	color: white;
}
.mb-active-slider .mb-controls {
	background: #333;
}
/* --------------------------------new scroller ------*/
	.slidealong-wrapper {
		width: 100%;
		overflow: hidden;
		position: relative; }
	.slidealong {
		white-space: nowrap;
		letter-spacing: -0.31em;
    	word-spacing: -0.43em; }
	.slidealong > li {
		display: inline-block;
		vertical-align: middle;
		max-width: 200px;
		max-height: 200px;
		padding-right: 20px;
		letter-spacing: normal;
    	word-spacing: normal; }
	.slidealong a, .slidealong img {
		display: block;
		max-width: 100%;
		max-height: 100%;
}

/* ---------------------------------------interior -- */


#home {
	font-size: 12px;
	line-height:16px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	-webkit-text-size-adjust: 100%;
	position: relative;
background: #ffffff;
}


#interior {
	font-size: 12px;
	line-height:16px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	-webkit-text-size-adjust: 100%;
	position: relative;

}    
#interior-column1 {
float: left;
clear: left;
width: 22%;
margin-right: 3%;
}
#wide-content {
float: left;
clear: left;
width: 100%;
margin: 0 auto;
}
#wide-content h1 {
margin-top: 2em;
}
#interior-column2 {
float: left;
width: 75%;
}
.interior-content {
float: left;
width: 65%;
}


.formatted-content img {
float: left;
margin: 0 1em 1em 0;

}
.breadcrumbs {
float: left;
margin: 1em 0 1em 0;
}
.breadcrumbs li {
display: inline;
float: left;
padding-right: 4px;

}
.breadcrumbs a {
color: #0c3666;
text-transform:uppercase;
}
#breadcrumbs a:last-child {
color: #00A4E3;
}

.sharing {
float: right;
margin: 1em 0 1em 0;
}
.feature-image {
  width:100%;
  height: auto;
  position: relative;
overflow: hidden;
margin-bottom: 20px;
}
.feature-image img {
max-width: 100%;
height: auto;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 0;
}
.feature-image .black {
position: absolute;
 top: 0;
right: 0;
width: 35%;
height: 100%;
padding: 0;
background-color: rgba(0, 0, 0, 0.6);
border-bottom-right-radius: 10px;	
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-bottomRight: 10px;
border-top-right-radius: 10px;	
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topRight: 10px;
}
  
.feature-image .black h3 {
text-decoration: none;
text-align: right;
font-size:1.6em;
font-family: 'Open Sans Condensed', sans-serif;
font-weight: 700;
line-height:1.2em;
color:#f2c216;
padding: 12px 12px 6px 12px;
}
  
.feature-image .black p {
font-family: 'Open Sans Condensed', sans-serif;
font-weight: 700;
font-size: 1.2em;
line-height: 1.4em;
color: #ffffff;
padding: 0 12px 0 12px;
text-align: right;
}
#scroller {
position: relative;
width: 100%;
height: 75px;
margin: 0 auto;
}
#scroller .innerScrollArea {
overflow: hidden;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
#scroller ul {
padding: 0;
margin: 0;
position: relative;
}
#scroller li {
padding: 0;
margin: 0;
list-style-type: none;
position: absolute;
}
.formatted-content ul, ol { 
overflow: hidden; 
margin-left: 0;
} 
.formatted-content ol li, ul li {
list-style-position: outside; 
padding-left: 0; 
}
.bullet-list li, .formatted-content li,  .formatted-content ul li, .formatted-content ol li ul li {
list-style-image: none;
list-style-type: disc;
margin: 0 0 0.2em 2.5em;
}
.formatted-content p {
margin: 0.5em 0 0.5em 0;
}
.basic-list ul, .plain-list ul {
list-style-image: none;
list-style-position: inside;
list-style-type: none;
margin-left: 1.2em;
}

/* Added in March 2018 to show numbers for ol */
.bullet-list li, .formatted-content li,  .formatted-content ol li, .formatted-content ol li ol li {
list-style-image: none;
list-style-type: decimal;
margin: 0 0 0.2em 2.5em;
}


.scrollcontent2-content li {
margin: 1em 0 1em 0;
}


.scrollcontent1-content li {
margin: 1em 0 1em 0;
}
.bullet-list li:last-child {
border-bottom: none;
}
.basic-list li {
border-bottom: 1px solid #ccc;
padding: 0.5em 0 0.5em 0;
}
.basic-list li:last-child {
border-bottom: none;
}
.plain-list li {
padding-bottom: 1em;
}
#sidenav {
margin: 0;
padding: 0;
}
#sidenav ul {
margin: 0;
padding: 0;
list-style-type: none;

}
#sidenav ul li {
padding:0.3em 0 0.3em 0.5em;
list-style-position: outside;	
}
#sidenav ul li a {
text-decoration:none;
color: #003e7b;
font-weight: 700;
}
#sidenav ul li .current {
text-decoration:none;
color: #3878db;
font-weight: 700;

}
#sidenav ul li a:hover {
text-decoration: none;
color: #3878db;
font-weight: 700;
}

#sidenav ul li ul li {
background:url(//s3.amazonaws.com/rdcms-snmmi/files/production/public/PageLayoutImages/orange-dot.png) top left no-repeat;
padding:0.2em 0 0.2em 1.0em;
}
#sidenav ul li ul li:last-child {
background:url(//s3.amazonaws.com/rdcms-snmmi/files/production/public/PageLayoutImages/orange-dot.png) top left no-repeat;
padding:0.2em 0 0 1.0em;
}
#sidenav ul li ul li a {
text-decoration:none;
color: #003e7b;
font-weight: 500;
}
#sidenav ul li ul li a:hover {
text-decoration: none;
color: #e96910;
font-weight: 500;
}
#related-content {
float: right;
width: 30%;
margin: 0 0 .5em 0;
padding: 0 0.5em 0.5em 0.5em;
}
#toc {
float: none;
width: 100%;
margin: 0 auto;
padding: 2em 0 2em 0;
clear: both;
}
.calendar-month ul {
width: 100%;
clear: both;
}	

.calendar-month li {
text-align: center;
display: inline;
float: left;
margin: 0 auto;
width: 7%;
}
.calendar-month li .previous {
text-align: left;
display: inline;
float: left;
padding: 0 5px 0 0;
}
.calendar-month li .next {
text-align: right;
display: inline;
float: right;
padding: 0 0 0 5px;
}

td.monthheading {
font-size: 1.2em; padding: 0.8em 0; font-weight: bold; color: #dF5400;
}
td.monthnavlinks {
display: block; padding: 1em 0;
}
td.dayheading {
padding: 0.5em 0; background-color: #ccc; width: 80px; border: 1px solid #999; 
}
td.datetoday {
padding: 0.3em; background-color: #f5b38b; height: 80px;
}
td.datewithoutevent {
padding: 5px; border: 1px solid #999; background-color: #eee; height: 80px;
}
td.datewithevent {
padding: 5px; border: 1px solid #999; font-size: 0.9em; background-color: #d7e4f1; height: 80px;
}
.event-filter {
float: left;
margin: 0;
padding: 1em 1em 0 0;
font-size: 12px;
}


/* figure */
#interior-column2 figure {
float: left;
-moz-border-radius: 8px;
border-radius: 8px;
border: 1px solid #d1d1d1;
width: auto;
max-width: 98%;


}

#interior-column2 figure img {
padding: 3%;
max-width: 94%;
float: none;
margin: 0 auto;
}

#interior-column2 figcaption {
	clear: left;
	margin: .75em 0;
	text-align: center;
	font-style: italic;
	line-height: 1.5em;
}
.video-wrapper {
width: 48%;
max-width: 420px;
float: left;
margin: 2em 2% 0 0;
}
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;

}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;

	left: 0;
	width: 100%;
	height: 100%;
}
 .video {
 width: 100%;
 float: none;
 margin: 0 auto;
 padding-bottom: 20px;
 }
/* ------------------------------------------------------------ footer -- */

#footer {
background: #01267f;
width: 100%;
height: auto;
margin: 2em 0 0 0;
overflow: hidden;


}
#footer-content {
width: 90%;
max-width: 1150px;
margin: 0 auto;
}
#footer-links, #footer-social {
font-family: 'Open Sans Condensed', sans-serif;
font-weight: 600;
font-size: 1.2em;
line-height: 1.6em;
color: #ffffff;
float: left;
}
#footer-links .adobe {
font-family: 'Open Sans Condensed', sans-serif;
font-weight: 500;
font-size: 0.9em;
color: #ffffff;
float: left;
}
#footer-links {
float: left;
margin: 2em 0 1em 0;
}
#footer-links a {
color: #ffb518;
}
#footer-links span {
color: #ffb518;
}
#footer-social {
float: right;
position: relative;
margin: 2em 0 1em 0;
width: 380px;
}

.footer-social-title {
	float: left;
	margin: 1.2em 10px 0 0;
	}
.social-icons {
	margin: 0;
 	padding: 0;	
}
.social-icons:after {
	content: " ";
	display: table;
	clear: both;
}
.social-icons li {
	margin: 0;
 	padding: 0;
	list-style: none;
	float: left;
}
.social-icons a {
	display: block;
	width: 40px;
	height: 40px;
	background: url('//s3.amazonaws.com/rdcms-snmmi/files/production/public/PageLayoutImages/social-icons.png') no-repeat 0 0;
	margin: 0;
 	padding: 0;
}

.icon-fb a  { background-position: 0 0; }
.icon-tw a { background-position: -40px 0; }
.icon-in a { background-position: -80px 0; }
.icon-yt a { background-position: -120px 0; }
.icon-ig a { background-position: -160px 0; }
.icon-cn a { background-position: -200px 0; }

.icon-fb a:hover  { background-position: 0 -40px; }
.icon-tw a:hover { background-position: -40px -40px; }
.icon-in a:hover { background-position: -80px -40px; }
.icon-yt a:hover { background-position: -120px -40px; }
.icon-ig a:hover { background-position: -160px -40px; }
.icon-cn a:hover { background-position: -200px -40px; }


a.cvv {
	/*color: #25408f;*/
	cursor:pointer;
	font-size:90%;
}

img.LoginMsg {
	width: 700px;
	height: 360px;
	margin-top:0px; 
}



/* ----------------------------------POP UP-----------------------------*/
#mask {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9000;
  background-color: #000;
  display: none;
}

#boxes .window {
  position: absolute;
  left: 0;
  top: 0;
  width: 440px;
  height: 600px;
  display: none;
  z-index: 9999;
  padding: 20px;
  border-radius: 15px;
  text-align: center;
}

#boxes #dialog {
  width: 600px;
  height: 510px;
  padding: 10px;
  background-color: #ffffff;
  font-family: 'Segoe UI Light', sans-serif;
  font-size: 15pt;
}

#popupfoot {
  font-size: 15pt;
  text-decoration:underline;
  position: absolute;
  bottom: 10px;
  width: 250px;
  left: 200px;
}

img.PopUpAd {
	width: 550px;
	height: 480px; 
}

img.PopUpAdMay {
	width: 540px;
	height: 480px; 
}


a.cvv {
	/*color: #25408f;*/
	cursor:pointer;
	font-size:90%;
}



/*----------------------------------------------------------------- Desktop Layout ---------------------------*/
/* ----- open tablet styles -- */

@media only screen and (max-width: 1150px) {

#body_bounds_home {
	width: 95%;

}
#body_bounds {
	width: 95%;
	background-color: #ffffff;
}



}/* ----- close desktop styles -- */



/*----------------------------------------------------------------- Tablet Layout ---------------------------*/
/* ----- open tablet styles -- */
@media only screen and (max-width: 980px) {

.barousel_content p
{
    font-size:10px;
    font-weight:normal; 
    line-height:12px;   
padding: 0 10px 0 10px;
}

.header-ad {
margin: 0 auto;
float: none;
width: 730px;
}
#utility {
float: none;
clear: both;
text-align: center;
margin: 1em 0 0.5em 0;
}
#header_search {
float: none;
clear: both;
margin: 0 auto;

}

.logo {
float: none;
margin: 0 auto;
clear: both;
}
#utility {
float: none;
text-align: center;
margin: 1em 0 1em 0;
font-size: 1.6em;
line-height: 1.6em;
}
.filters {
float: none;
text-align: center;
margin: 0;
font-size: 1.5em;
line-height: 1.6em;
}

.menu > li > a, .menu > li:last-child > a, .menu > li:first-child > a {
min-height: 32px;
}

.menu > li:hover > ul {
display: none;
}

.menu li:hover ul { /* second-level lists */
display: none;

}

#footer-links, #footer-social, #footer-links .adobe {
float: none;
text-align: center;
}

#footer-social {
float: none;
margin: 0 auto;
}
#footer-ads1 {
width: 300px;
}
#footer-ads2 {
width: 600px;
padding: 0;
}
#footer-ads1 li, #footer-ads1 li:last-child, #footer-ads2 li, #footer-ads2 li:last-child {
margin: 0 auto;
float: none;
text-align: center;
padding-bottom: 10px;
}
#interior-column1, #interior-column2 {
width: 100%;
}
#sidebar-ads {
float: none;
width: 100%;
margin: 0 auto;
}
.sidebar-ad {
float: left;
width: 33%;
text-align: center;
}

.advertisement {
text-align: center;
font-size:90%;
}
.interior-content {
float: none;
width: 100%;
}
#related-content {
width: 100%;
float: none;
margin: 2em auto;
padding: 0;
clear: both;
}
#toc, .video-wrapper {
width: 100%;
float: none;
margin: 0 auto;
padding: 2em 0 2em 0;
clear: both;
}
#mysnmmi .thirds {
width: 100%;
float: none;
margin: 2em 0 2em 0;

}
#page_search {
float: none;
margin: 20px auto;
width: 340px;

}


img.LoginMsg {
	width: 600px;
	height: 309px;
	margin-top:0px; 
}


}


/* ----- close tablet styles -- */


 
 

/*----------------------------------------------------------------- Mobile Layout ---------------------------*/

@media only screen and (max-width: 768px)
 {/* ----- open mobile styles -- */

.barousel {
display: none;
}


.welcome {
display: none;
}

#utility {
font-weight: 700;
font-size: 1.4em;
}
#menu_wrapper {
display: none;
}

.menu-toggle {
  position: absolute;
  right: 12px;
  right: 1.2rem;
  top: 18px;
  top: 1.8rem;
  padding: 9px 6px;
  padding: 0.9rem 0.6rem;
  background-color: white;
  background-color: rgba(255, 255, 255, 0.8);
}
.menu-toggle img {
  display: block;
  width: 24px;
  height: 18px;
}
.js .menu-toggle {
  display: block;
}
.menu > li > a {
font-size: 1.0em;

}

	
	
	
#mobile-nav > ul, #mobile-nav > div {
  overflow: hidden;
  max-height: 0;
  position: relative;
  z-index: 1;
  width: 100%;
  float: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin: 0 auto;



}
#mobile-nav.open > ul, #mobile-nav.open > div {
  max-height: 40em;
  width: 100%;
  float: none;
  margin-top: 2em;


}


#mobile-nav.open .menu li:first-child > a {
border-bottom-left-radius: 0;	
-webkit-border-bottom-left-radius: 0;
-moz-border-radius-bottomLeft: 0;
border-top-right-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topRight: 6px;
border-bottom-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
-moz-border-radius-bottomRight: 0;


}

#mobile-nav.open .menu li:last-child > a {
border-bottom-left-radius: 6px;	
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-bottomLeft: 6px;
border-top-right-radius: 0;
-webkit-border-top-right-radius: 0;
-moz-border-radius-topRight: 0;
border-bottom-right-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
-moz-border-radius-bottomRight: 6px;

}

#mobile-nav.open .menu li, #mobile-nav.open .menu li:first-child, #mobile-nav.open .menu li:last-child  {
width: 100%;
font-size: 1.6em;
line-height: 1.8em;
margin: 0;
}


#mobile-nav.open ul li ul {
display: none;
}


#mobile-nav .menu-toggle {
  position: relative;
  top: 0;
  float: right;
  background: none;
  /*  margin: 0 0 5em 0; */
  /* margin: 5em 0 5em 0; */
  margin: 0em 0 0em 0;
}

#mobile-nav, .menu-toggle {
  display: block;

}

#header-lower > .filters {
display: none;
}
.logo {
float: left;
margin: 0 0 2em 0;
/* width: 150px; */
/* width: 380px; */
width: 470px;
height: 100px;
}


#home-column1, #home-column2 {
width: 100%;
float: none;
margin: 1em 0 1em 0;
clear: both;
}

.header-ad, #sidebar-ads, #footer-ads1, #footer-ads2, #footer-ads3 {
display: none;
}

.barousel {
display: none;
}
.publications li, .publications li:last-child, .products li, .products li:last-child {
width: 100%;
margin: 0 auto;
float: none;
padding: 0 0 2em 0;
}

a.view-current {
display: block;
width: 110px;
height: 18px;
position: relative;
left: 110px;
bottom: 40px;
background-color: red;
color: #ffffff;
font-family: 'Open Sans Condensed', sans-serif;
font-weight: 700;
padding: 3px 0 2px 0;
text-align: center;
z-index: 90;
}
.scrollcontent1-bar { display: none; }
.scrollcontent2-bar { display: none; }
  

.landing-left, .landing-right {
width: 100%;
}
.promo {
margin: 0 auto;
width: 100%;
float: none;
width: auto;
}
.promo img {
padding: 1em;
margin: 0 auto;
float: none;
position: relative;
display: inline-block;
}
.twitter {
width: 100%;
margin: 0 auto;
float: none;
text-align: center;
}
.feature-image .black p {
display: none;
}
#mysnmmi .left, #mysnmmi .right {
margin: 1em 0 1em 0;
width: 100%;
float: none;
}

.leftcol, .rightcol {
margin: 1em 0 1em 0;
width: 100%;
float: none;
}


img.LoginMsg {
	width: 325px;
	height: 167px;
	margin-top:0px; 
	margin-left:-11px;
	padding-left:0px;
}



div.mobileclearer {
		clear: both;
		height: 0px;
		float: none;
}
	
	
	
}

}/* ----- close mobile styles -- */


/* ---------- cart ---------- */

.rdcms-checkout > h1:first-child {
  margin-top: 0.5em !important;
}
.rdcms-checkout-cart-contents {
  width: 100%;
}
.rdcms-checkout-cart-contents td, .rdcms-checkout-cart-contents th {
  padding: 1em;
}
.rdcms-checkout-cart-contents td:first-child, .rdcms-checkout-cart-contents th:first-child {
  padding-left: 0;
}
.rdcms-checkout-cart-contents tr + tr {
  border-top: 1px solid #bbb;
}
.rdcms-checkout-cart-contents .rdcms-checkout-subtotal-row + tr {
  border-top: none;
}
.rdcms-checkout-cart-contents-header th {
  text-align: left;
  font-size: 14px;
}
.rdcms-checkout-item-title {
  font-size: 1.3em;
}
.rdcms-checkout-item-description {
  margin-top: 0.5em;
}
.rdcms-checkout-subtotal-label {
  font-weight: 700;
  text-align: right;
}
.rdcms-checkout-controls {
  clear: both;
  padding: 2em 0;
  text-align: center;
}
.rdcms-checkout-controls input[type="submit"], .rdcms-checkout-controls input[type="button"], .rdcms-checkout-controls button {
  display: inline-block;
  vertical-align: top;
  padding: 1em 1.5em;
  margin-bottom: 0.5em;
  /* overriding other site styles */
  border: none;
  border-radius: 2px;
  font-size: 12px;
  line-height:16px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: 400;
  color: #fff;
  background: #01267f;
  position: static;
  cursor: pointer;
  box-shadow: 0 1px 2px rgba(0,0,0,0.4)
}
.rdcms-checkout-controls input[type="submit"]:hover, .rdcms-checkout-controls input[type="button"]:hover, .rdcms-checkout-controls button:hover {
  background: #2537ae !important;
  border: none;
}

.rdcms-checkout-group {
  padding: 1em;
  background: #eee;
  border-top: 4px solid #00277f;
  border-radius: 4px;
  margin-bottom: 1em;
}


/* poor man's :nth-child */
.rdcms-checkout-group ~ .rdcms-checkout-group {
  border-top-color: #e55300;
}
.rdcms-checkout-group ~ .rdcms-checkout-group ~ .rdcms-checkout-group {
  border-top-color: #00a4e3;
}
.rdcms-checkout-group ~ .rdcms-checkout-group ~ .rdcms-checkout-group ~ .rdcms-checkout-group ~ .rdcms-checkout-group {
  border-top-color: #f2c218;
}
.rdcms-checkout-group ~ .rdcms-checkout-group ~ .rdcms-checkout-group ~ .rdcms-checkout-group ~ .rdcms-checkout-group ~ .rdcms-checkout-group {
  border-top-color: #3a5ba7;
}
#rdcms-checkout-bill-fax, #rdcms-checkout-ship-fax {
  display: none;
}
.rdcms-checkout-group .rdcms-data-value {
  padding: 0.5em;
  background: #fff;
}
 .rdcms-data-value, .rdcms-data-required, .rdcms-data-label {
  padding: 0.5em;
  border: none;
  background: #fff;
}

 .rdcms-data-value:first-child, .rdcms-data-required:first-child, .rdcms-data-label:first-child {
  padding: 0.5em;
  border: none;
  background: none;
}

.rdcms-data-label:nth-child(2n) {
  padding: 0.5em;
  border: none;
  background: none;
}

#rdcms-checkout-payment-method tr {
  padding: 0.5em;
  border: none;
  background: #fff;	
}

#rdcms-checkout-payment-method tr.title-head{
  padding: 0.5em;
  border: none;
  background: none;	
}

td.rdcms-data-required {
	width: 10px;
}

.rdcms-data-fieldset {
  padding: 0.5em;
  border: none;
  background: #fff;	
}

.rdcms-checkout-group:after {
  content: " ";
  display: table;
  clear: both;
}
.rdcms-checkout .rdcms-data-value table, .rdcms-checkout-group table {
  width: 100%;
}
.rdcms-checkout .rdcms-data-value input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 100%;
}
.rdcms-checkout .rdcms-data-value td {
  vertical-align: top;
}
.rdcms-checkout-placeholder {
  color: #888;
  font-style: italic;
}
.rdcms-checkout-billing {
  padding-bottom: 2em;
}
.rdcms-checkout-copy-info {
  padding-bottom: 1em;
}

.rdcms-checkout-summary table {
  width: 100%;
  table-layout: fixed;
  margin-bottom: 2em;
}
.rdcms-checkout-summary th {
  width: 12em;
  text-align: left;
}

.rdcms-checkout-order-review {
  margin: 2em 0;
}


@media all and (max-width: 470px) {
  .rdcms-checkout-billing-shipping table, .rdcms-checkout-billing-shipping tr, .rdcms-checkout-billing-shipping td {
    display: block;
    text-align: left;
  }
  .rdcms-checkout-billing-shipping input[type="text"], .rdcms-checkout-billing-shipping select {
    width: 100%;
  }
  .rdcms-checkout-billing-shipping .rdcms-data-required {
    float: left;
  }
  .rdcms-checkout-billing-shipping .subtext br {
    display: none;
  }
}


@media all and (max-width: 720px) {
  .rdcms-checkout-steps {
    display: none;
  }
  .rdcms-checkout-cart-contents, .rdcms-checkout-cart-contents tr, .rdcms-checkout-cart-contents td {
    display: block;
    text-align: left
  }
  .rdcms-checkout-cart-contents td, .rdcms-checkout-cart-contents th {
    padding: 0.5em 0;
  }
  .rdcms-checkout-cart-contents .rdcms-checkout-item-info {
    padding-top: 2em;
  }
  .rdcms-checkout-cart-contents .rdcms-checkout-item-actions {
    padding: 0;
  }
  .rdcms-checkout-cart-contents-header {
    display: none !important;
  }
  .rdcms-checkout-cart-contents td[data-table-header]:before {
    content: attr(data-table-header);
    display: inline-block;
    min-width: 9em;
    font-weight: 700;
  }
  .rdcms-checkout-subtotal-label {
    float: left;
    min-width: 9.35em;
  }
}


@media all and (min-width: 721px) {
  .rdcms-checkout > h1:first-child {
    font-size: 2.4em;
  }
  .rdcms-checkout-steps {
    padding: 1em 0;
    margin: 0 0 2em;
    border: solid #e4e4e4;
    border-width: 1px 0;
    counter-reset: checkout-steps-counter;
    text-align: center;
  }
  .rdcms-checkout-steps:after {
    content: ' ';
    display: table;
    clear: both;
  }
  .rdcms-checkout-steps li {
    list-style: none;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: relative;
    color: #149a0a;
  }
  .rdcms-checkout-steps .current {
    color: #003e7b;
  }
  .rdcms-checkout-steps .current ~ li {
    color: #888;
  }
  .rdcms-checkout-steps li:before {
    content: 'Step ' counter(checkout-steps-counter);
    counter-increment: checkout-steps-counter;
    display: block;
    font-weight: 400;
    font-style: italic;
    opacity: 0.65;
  }
  .rdcms-checkout-steps li + li {
    padding-left: 3em;
  }
  .csstransforms .rdcms-checkout-steps li + li:after {
    content: '';
    display: block;
    width: 1em;
    height: 1em;
    border: 2px solid #3a5ba7;
    border-top-width: 0;
    border-left-width: 0;
    position: absolute;
    left: 0.5em;
    top: 50%;
    margin-top: -0.5em;
      -webkit-transform: scaleY(1.3) rotate(-45deg);
      -moz-transform: scaleY(1.3) rotate(-45deg);
      -ms-transform: scaleY(1.3) rotate(-45deg);
      -o-transform: scaleY(1.3) rotate(-45deg);
    transform: scaleY(1.3) rotate(-45deg);
    opacity: 0.9;
  }

  .rdcms-checkout-cart-price-col {
    text-align: right !important;
  }
  .rdcms-checkout-quantity-input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
  }
  .rdcms-checkout .contactinfoleft {
    width: 2em;
  }
  .rdcms-checkout-summary {
    width: 48%;
    float: right;
  }
  .rdcms-checkout-payment-methods .rdcms-checkout-group {
    width: 48%;
    float: left;
  }
}


@media all and (min-width: 999px) {
  .rdcms-checkout-steps li + li {
    padding-left: 5em;
  }
  .csstransforms .rdcms-checkout-steps li + li:after {
    left: 1.75em;
  }
  .rdcms-checkout-billing, .rdcms-checkout-shipping {
    width: 48%;
    float: left;
  }
  .rdcms-checkout-billing {
    margin-right: 4%;
  }
  .rdcms-checkout-billing > h2:first-child {
    margin-bottom: 1.58em;
  }
}