@charset "UTF-8";
/*** Quantifiers ***/
.redBtn, .blueBtn, .greyBtn {
	height: 24px;
	font-size: 12px;
	border: 1px solid #ED1C24;
	color: #fff;
	background: url("../images/global_assets/btn_red_bg-24.gif") repeat-x #ED1C24;
	text-transform: uppercase;
	font-weight: bold;
	padding: 0 1em;
	padding-bottom: 2px;
	cursor: pointer;
	}
a.redBtn, a.blueBtn, a.greyBtn {
	line-height:24px;
	padding:2px 1em 4px;
	text-decoration:none;
}
.blueBtn {
	height: 22px;
	padding-bottom: 1px;
	background: url("../images/global_assets/btn_blue_bg-22.gif") repeat-x #3166ff;
	border: 1px solid #3166ff;
	overflow: hidden;
	}
.greyBtn, .redBtn:hover, .blueBtn:hover {
	background: url("../images/global_assets/btn_grey_bg-24.gif") repeat-x #cdcdcd;
	border: 1px solid #cdcdcd;	
	} 
.button:hover {
	cursor:pointer;
}
.plainLink a {
	color: #333;
	text-decoration: underline;
}
.plainLink a:hover {
	color: #ED1C24;
}
.floatRight {
	margin: 0 0 10px 10px;
	float:right
}
.floatLeft {
	margin: 0 10px 10px 0;
	float:left
}
.nopad { /* intended primarily for lists, but can be used with images too */
	padding: 0;
	margin-top: 0;
	margin-left: 0; /* for IE, IE adds left padding and margin */
}
.flush {
	padding: 0;
	margin: 0;
	}
.flushTop {
	padding-top: 0;
	margin-top: 0;
	}
.flushBottom {
	padding-bottom: 0;
	margin-bottom: 0;
	}
.flushLeft {
	padding-left: 0;
	margin-left: 0;
	}
.flushRight {
	padding-right: 0;
	margin-right: 0;
	}
.red {
	color:#ED1C24;
}
.noshade {
	border: 0;
	color: #999999;
	background-color: #999999;
	height: 1px;
	width: 100%;
	text-align: left;
	clear: both;
	}
.thick{
	height: 2px;
	}

.alignLeft {
	text-align: left;
}
.alignRight {
	text-align: right;
}
.alignCenter {
	text-align: center;
}
.topSolid {
	border-top: solid 1px #999;
	padding-top: 1em;
	margin-top: 2em;
}
.topDotted {
	border-top: dotted 1px #666;
	padding-top: 1em;
	margin-top: 1em;
}
.topDashed {
	border-top: dashed 1px #666;
	padding-top: 1em;
	margin-top: 1em;
}
.bottomSolid {
	border-bottom: solid 1px #999;
	padding-bottom: 1em;
	margin-bottom: 1em;
}
.bottomDotted {
	border-bottom: dotted 1px #666;
	padding-bottom: 1em;
	margin-bottom: 1em;
}
.bottomDashed {
	border-bottom: dashed 1px #666;
	padding-bottom: 1em;
	margin-bottom: 1em;
}
.column80 {
	width:80%;
	float:left;
}
.column70 {
	width:70%;
	float:left;
}
.column60 {
	width:60%;
	float:left;
}
.column50 {
	width:50%;
	float:left;
}
.column40 {
	width:39%;
	float:left;
}
.column35 {
	width:34%;
	float:left;
}
.column30 {
	width:29%;
	float:left;
}
.column25 {
	width:24%;
	float:left;
	display: inline-block;
}
.column20 {
	width:19%;
	float:left;
}
.column66 {
	width:66%;
	float:left;
}
.column33 {
	width:33%;
	float:left;
}
.gutter {
	margin: 0 10px;
	min-width: 2px;
	float: left;
}
.gutterBorder {
	margin: 0 10px;
	width: 1px;
	border-left: solid 1px #666;	
	float: left;
}
.call-to-action {
	text-transform: uppercase;
	font-size: 110%;
	}

.absBotLeft { position: absolute; bottom: 0; left: 0; }

/************************************/
/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] 
   borrowed from blueprintcss.org */
.clearfix:after, .container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix, .container {display: inline-block;}
* html .clearfix,
* html .container {height: 1%;}
.clearfix, .container {display: block;}
/* Regular clearing
   apply to column that should drop below previous ones */
.clear { 
	clear:both; 
}
.block {
	display: block;
	}
.inline {
	display: inline;
	}
.hidden {
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}
.rowHeader, .header, .popupHeader  {
	/*background: url(/MMNA/images/global_assets/btn_blue_bg-22.gif) repeat-x #1d293f;*/
	background: #1d293f;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	padding:5px;
	text-transform:uppercase;
}
/* used on compare page where only the first column of a header
   row is pronounced, and remaining columns are secondary */
.rowHeaderTrim { 
	background: #1d293f;
	color: #ccc;
	font-weight: normal;
	font-size: 10px;
	padding: 5px;
}
 /* used on specs page, greyish-blue subheader that sits 
    just below main dark blue header */
.row_subHeader {
	background: #30435e;
	color: #fff;
	font-size: 10px;
	line-height: 13px;
	font-weight: bold;
	text-align: center;
	padding: 5px;
	}
.popupHeader {
	width: 566px;
	height: 19px;
}
.header a {
	color:white;
}
.header a:hover {
	color:  #ED1C24;
}
/* prefer to eliminate use of specs_row_light but 
   used on too many pages, should slowly depricate */
.specs_row_light, .row_light, .oddRow  {
	color: black;
	font-size: 10px;
	line-height: 13px;
	background-color:#fafafa;
}
.specs_row_dark, .row_dark, .evenRow {
	color: black;
	font-size: 10px;
	line-height: 13px;
	background-color:#ccc;
}
.row_light, .row_dark {
	text-align: left;
	}
.specs_row_light td, .row_light td, .specs_row_dark td, .row_dark td, .oddRow td, .evenRow td {
	padding: 5px;
	text-align: center;
	background: inherit;
	}
/* used to highlight first column in a row */
td.cell_header {
	font-weight: bold;
	text-align: left;
	} 
.thumb {
	border:1px solid #C9C8C9;
	float:left;
	margin:auto 10px 10px auto;
	padding:2px;
}