﻿div#frame div.home {
    background:#fff url(Images/new-to-nib-splash.jpg) no-repeat;
    min-height:368px;
    height: auto;
    _height:368px;
}

ul#retail_home_body_nav {
	position:absolute;
	left:370px;
	top:70px;
	width:495px;
	height:115px;
	list-style:none;
	list-style-image:none;
	display:block;
	margin:0;
	padding:0;
}

ul#retail_home_body_nav li {
	display:block;
	position:absolute;
	margin:0;
	padding:0;
}

ul#retail_home_body_nav a {
	display:block;
	position:absolute;
	width:115px;
	height:26px;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	padding:18px 18px 18px 10px;
	background-image:url(Images/new-nav-button.png); /* Each background attribute has to be separately specified to display in FF */
	background-position:1 1;
	background-repeat:no-repeat;
	background-color:transparent;
	cursor:pointer !important;
}

ul#retail_home_body_nav a:hover {
	background-image:url(Images/new-nav-button-hover.png); /* Each background attribute has to be separately specified to display in FF */
	background-position:1 1;
	background-repeat:no-repeat;
	background-color:transparent;	
	color:#2e7573 !important;
}

ul#retail_home_body_nav small {
	font-family:Arial, sans-serif;
	font-size:.75em;
	white-space:nowrap;
	font-weight:normal;
}

ul#retail_home_body_nav li.singles {
	width:148px;
	height:100%;
	top:0;
	left:0;
}

ul#retail_home_body_nav li.couples {
	width:206px;
	height:100%;
	left:148px;
	top:0;
}

ul#retail_home_body_nav li.families {
	width:139px;
	height:100%;
	left:354px;
	top:0;
}

ul#retail_home_body_nav li.families a, 
ul#retail_home_body_nav li.singles a {
	bottom:0;
}

div#tv_ad {
	position:absolute;
	z-index:11;
	overflow:hidden;
	padding-top:20px;
	width:550px;
}

div#tv_ad_2monthwaiver {
	position:absolute;
	z-index:1;
	overflow:hidden;
	margin:0px 0px 0px 0px;
	width:968px;
}

#home-image {
	position:absolute;
	z-index:0;
	bottom:0;
	left:75px;
}

/* Company History Page - EL */

.panel-section.imgholder {
	padding:0;
}

.smallwidth-col {
	width:175px;
	padding-left:10px;
	line-height:16pt;
}

.bigwidth-col {
	width:75%;
	line-height:12pt;
}

.bigwidth-col table td {
	border-collapse:collapse;
	border-width:0px;
	vertical-align:top;
	padding:0 10px 10px 0;
}

.bigwidth-col table td img {
	padding-top:10px;
}

/* End History */

/* Promotional pop ups */

.offer_unselected {
	background:transparent url('Images/selected-tab.png') no-repeat;
	width:141px;
	height:20px;
	margin:16px 0 0 8px;
	padding-top:4px;
	color:#FFFFFF;
	font-weight:bold;
	text-indent:22px;
	float:left;
	z-index:20;
}

.offer_selected {
	background:transparent url('Images/unselected-tab-trans.png') no-repeat;
	width:141px;
	height:20px;
	margin:17px 0 0 8px;
	padding-top:4px;
	color:#1f7c07;
	font-weight:bold;
	text-indent:32px;
	float:left;
	z-index:6;
}

.terms_unselected {
	background:transparent url('Images/selected-tab.png') no-repeat;
	width:141px;
	height:20px;
	margin:16px 0 0 -2px;
	padding-top:4px;
	color:#FFFFFF;
	font-weight:bold;
	text-indent:6px;
	float:left;
	z-index:20;
}

.terms_selected {
	background:transparent url('Images/unselected-tab-trans.png') no-repeat;
	width:141px;
	height:20px;
	margin:17px 0 0 0;
	padding-top:4px;
	color:#1f7c07;
	font-weight:bold;
	text-indent:6px;
	float:left;
	z-index:5;
}

div.offer#offerPanel, 
div.terms#termPanel
{
	clear:both;
	min-height:330px;
	background: transparent url('Images/offerpanel-transbgnd.png') repeat;
	padding:20px;
}

div#quick_quote h2 {
	color:#fff;
	font-size:.9em;
	margin:9px 0 6px;	
}

div#quick_quote select {
	width:240px;
	margin:0 0 2px;
	font-size:.7em;
}

div#quick_quote .large-button {
	margin-top:0px;
}

div#page_image {
	position:absolute;
	width:370px;
	left:0;
	top:0;	
}

.large-button.right 
{
	bottom: 0px;
	float:right;
	margin-right:2px;
}

/* OSHC Quote */

div.oshc-quote {
    width:235px;
    height:200px;
    margin:0 auto;
    padding:40px 27px 0 18px;
    background:transparent url(/Style%20Library/images/oshc_qq_bg.jpg) no-repeat 50% 0;
}

div.oshc-loginPanel {
    width:235px;
    height:175px;
    margin:0 auto;
    padding:40px 27px 0 18px;
    background:transparent url(/Style%20Library/images/oshc_smallPanel.jpg) no-repeat 50% 0;
}


div.panel-section div table td .oshc-quote h2,
div.oshc-quote h2 {
    color:#ff7c00 !important;
    font-size:2em;
    margin:0 0 15px;
    font-weight:normal;
}

div.oshc-quote label {
	float:left;
    font-size:.9em;
    padding-right:5px;
    white-space:nowrap;
    width:143px;
}

div.oshc-quote select {
	border-style: solid;
	border-width: 1px 2px 2px 1px;
	border-color: #999 #ccc #ccc #999;
	font-size: 1.5em; 
	margin-top: 1.5px;
	width:228px;
}

div.oshc-quote div {
    clear:both;
    line-height:20px;
    vertical-align:middle;
    padding:5px 0;
}

div.oshc-quote input.textbox {
	font-size:1.2em;
    width:76px;
	border-style:solid;
	border-width:1px 2px 2px 1px;
	border-color:#999 #ccc #ccc #999;
}

div.oshc-quote input.large-button {
	background:url(/Style%20Library/Images/go_orange.gif) no-repeat;
	background-position:center;
	width:78px;
	height:30px;
	border:none !important;
	color:#fff;
	font-weight:bold;
	float:right;
}

div.oshc-quote .error {
    display:block;
}

/* New Acquisitions Grid Styles */
div.grid-login,
div.grid-quick-quote {
    width:257px;
    height:235px;
    margin: 15px auto 0;
    padding:20px;
    background:transparent url(/Style%20Library/images/white-fade-panel-shadow-bg.png) no-repeat;
}

div.grid-quick-quote div div {
	padding-bottom: 10px;

}

div.grid-login h2,
div.grid-quick-quote h2 {
    font-family:Helvetica,sans-serif;
    font-size:16pt;
    color:#ff7e04;
    margin:0 0 5px !important;
}

div.grid-quick-quote div.select-wrapper {
	height:22px;
	overflow:hidden;
    margin:0 0 5px;
    width:257px;
}

div.grid-quick-quote select {
	font-family:Helvetica,Arial,sans-serif;
    font-size:16px;
    margin:-1px 0 0 -1px;
    width:258px;
    border:0 none;
}

div.grid-quick-quote .grid-qq-go-button-hover,
div.grid-quick-quote .grid-qq-go-button {
	width:124px;
	height:37px;
	border:0 none;
	background:transparent url(/Style%20Library/Images/getquote.png);
	color:#fff;
	float:right;
	margin-right:-10px;
	font-size:0;
	overflow:hidden;
	padding-top:34px;
	background-repeat:no-repeat;
	position:relative;
	top:3px;
	cursor:pointer
}

div.grid-quick-quote span>div+div{
	width: 105px !important;
}

div.grid-quick-quote span div a{
	position:relative;
	top: -8px;
	width: 80px;
}

div.grid-quick-quote .grid-qq-go-button-hover {
    background-image:url(/Style%20Library/Images/getquote-hover.png);
}

.grid-quick-quote div .field.full{
	margin:0px 0px;
	padding:2px 3px 5px;
}


#grid-top-row {
    position:relative;
    margin:0 0 10px;
}

#top-middle-col {
    height:269px;
}

.grid-login ul {
    list-style-image:url(/Style%20Library/Images/tick-bullet-small.png);
}

.grid-login ul li {
    line-height:16px;
}

.grid-login .textbox,
.grid-login .clear-prompt {
    width:245px;
    border:0px none;
    font-family:Helvetica,Arial,sans-serif;
    font-size:16px;
    line-height:16px;
    height:18px;
    padding:1px;
}

.grid-login .clear-prompt {
    position:absolute;
    top:6px;
}

.grid-login .field {
    padding-bottom:0;
    float:none;
    position:relative;
}

.grid-login .grid-login-submit-hover,
.grid-login .grid-login-submit {
	width:76px;
	height:35px;
	border:0 none;
	background:transparent url(/Style%20Library/Images/login.png);
	color:#fff;
	float:right;
	margin-right:-15px;
	font-size:0;
	overflow:hidden;
	padding-top:34px;       
}

.grid-login .grid-login-submit-hover {
    background-image:url(/Style%20Library/Images/login-hover.png);
}

.grid-login-button {
    margin:5px 0 0;
    width:245px;
}

.grid-login-button a {
	padding:12px 1.5em 0 0;
}

#grid-top-row>.promotion-left {
    position:absolute;
    bottom:0;
    left:0;
    width:624px;
}

.promotion-left a#join-promo {
    display:block;
    height:50px;
    width:425px;
    background:transparent url(/SiteCollectionImages/grid-promo1-button.png) no-repeat;
    overflow:hidden;
    float:left;
    line-height:1000px;
}

.promotion-left a#join-promo:hover {
    background-position:0 -50px;
}

.promotion-left a#join-now {
    display:block;
    height:50px;
    width:168px;
    background:transparent url(/SiteCollectionImages/grid-promo1-join.png) no-repeat;
    overflow:hidden;
    float:left;
    line-height:1000px;
}

.promotion-left a#join-now:hover {
	background-position:0 -50px;
}

#grid-top-row > .promotion-right {
    position:absolute;
    bottom:0;
    right:0;
    width:312px;
}

.promotion-right a#claim-promo {
    display:block;
    height:50px;
    width:312px;
    background:transparent url(/SiteCollectionImages/grid-promo2-button.png) no-repeat;
    overflow:hidden;
    line-height:1000px;
}

.promotion-right a#claim-promo:hover {
    background-position:0 -50px;
}

table.display-mode {
	border-collapse:collapse;
}

table.display-mode td.button-cell {
    border:1px solid #79be10;
    width:272px;
    height:41px;

}

.display-mode .button-group-hover,
.display-mode .button-group {
	position:relative;
	clear:both;
	width:272px;
	height:41px;
	padding:0 20px;
	background:transparent url(Images/large-summary-link-button.png) no-repeat;
}

.display-mode .button-group-hover {
    background-image:url(Images/large-summary-link-button-hover.png)
}

.display-mode .button-group a:visited,
.display-mode .button-group-hover a:visited,
.display-mode div.button-group-hover a,
.display-mode div.button-group a {
    color:#1f7c07;
	text-decoration:none;
}

.display-mode div.button-group-hover a:hover,
.display-mode div.button-group a:hover,
.display-mode div.button-group-hover a:active,
.display-mode div.button-group a:active {
    color:#79be10;
    text-decoration:none;
}

.display-mode div.button-header {
	position:absolute;
	top:0;
	left:20px;
	margin-right:75px;
	font-size:larger;
	font-weight:bold;
	font-family:Helvetica,Arial,sans-serif;
	margin-top: 5px;
}

.display-mode div.button-item {
	float:left;
	margin:17px 0 0 0;
	font-size:.95em;
	color: #444 !important;
}

.display-mode div.button-item a {
	color: #444 !important;
}


.display-mode div.button-arrow {
    position:absolute;
    top:0;
    right:0;
    height:41px;
    width:60px;
    overflow:hidden;
}

.display-mode div.button-arrow a {
    display:block;
    width:100%;
    font-size:0;
    padding-top:41px;
}

.slm-layout-main > div.item.grid-arrow {
	padding:0 0 2px 21px;
	background:transparent url(Images/grid-arrow-bullet.png) no-repeat 0 2px;
	margin:0 0 .3em;
	line-height:16px;
}

.grid-arrow a:link,
.grid-arrow a:active,
.grid-arrow a:visited {
	text-decoration:none;   
}

div#grid-bottom-row .one_third {
    margin-bottom:5px;
}

div#grid-top-row .one_third,
div#grid-middle-row .one_third,
div#grid-bottom-row .one_third {
	width:33.33%;
}

div#middle-right-col object{
    margin-left:5px;
}

div#grid-bottom-row div.slm-layout-main {
	width:295px;
	min-height:130px;
	padding:10px;
    background:transparent url(Images/small-summary-link-bg.png) no-repeat;
}

div#grid-bottom-row #bottom-middle-col div.slm-layout-main {
    background-position:50% 0;
}


div#grid-bottom-row #bottom-right-col div.slm-layout-main {
    background-position:100% 0;
}

div#grid-bottom-row .slm-layout-main h2 {
    margin:0 0 10px;
    font-family:Helvetica,Arial,sans-serif;
}

