/* 
    Document   : style
    Created on : Nov 13, 2009, 4:18:31 PM
    Author     : tony
    Description:
        more specific text-related styling
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

a:link, a:active, a:hover, a:visited,
input, select {
    outline: none;
}

root { 
    display: block;
}

body, input, select {
    font-size: 13px;
    font-family: Trebuchet, Arial, Verdana, sans-serif;
}

em {
    color: #ff7d01;
    font-style:normal;
    font-weight: bold;
}

p {
    line-height: 1.33em;
}

h1, h2, h3, h4, h5, h6 {
    margin-bottom: 0.67em;
    margin-top: 1.33em;
}

h1 {
    margin-top: 0;
}

ol, ul, dl {
    margin-left: 1.5em;
    margin-bottom: 1.33em;
}

dl {
    display: block;
}
dt {
    color: #444;
    display: block;
    width: 10em;
    padding-right: 1em;
    float:left;
    clear: left;
    margin-bottom: 0.33em;
}
dd {
    color: #000;
    display: block;
    margin-bottom: 0.33em;
}

h1#title, form#searchWidgetForm, .titleSlug {
    margin: 0;
    padding: 0 0 1em 0;
}
h1#title, .titleSlug {
    text-transform: uppercase;
    font-size: 19px;
}

.titleSlug {
    color: #FE7B23;
    font-weight: bold;
}

div#footer {
    color: #231f20;
}

div#footer a {
    color: #000;
    text-decoration: none;
    
}

.hidden {
    display: none;
}

a.button {
    font-weight: normal;
    text-decoration: none;
    padding: 1px 8px;
}

input[type=text], input[type=password], input[type=email]
{
    padding: 4px 9px 4px 4px;
    vertical-align: top !important;
    border: 0px;
    border-style: hidden;
    width: 208px;
    height: 20px;
    background: #fff url('/images/form/input_bg.jpg') no-repeat;
}
*input[type=text], input[type=password], input[type=email] {
    padding-left:2px;
	padding-right:5px;
    width:208px; 
}
input[type=text].midSize, input[type=password].midSize, input[type=email].midSize
{
    width: 87px;
    background: #fff url('/images/form/input_bg_100.png') no-repeat;
}

.shortText
{
    background: none !important;
    width: 107px !important;
    padding: 0px !important;
}

.veryShortText
{
    background: none !important;
    width: 30px !important;
    padding: 0px !important;
}

select {
    font-size: 13px;
    font-family: Trebuchet, Arial, Verdana, sans-serif;
    border-style: hidden;
    border-width: 0px;
    height: 20px;
}

input[type=button], input[type=submit], a.button, button.submit {
    background: #00a5db;
    border-top: 2px solid #43bde4;
    border-left: 2px solid #43bde4;
    border-right: 2px solid #007ba4;
    border-bottom: 2px solid #007ba4;
    padding: 1px 4px;
    cursor: pointer;
    color: #fff;
    font-weight: bold;
}
input[type=button]:hover, input[type=submit]:hover, a.button:hover, button.submit:hover {
    background: #11b6ec;

}
input[type=button]:active, input[type=submit]:active, a.button:active, button.submit:active {
    border-top: 2px solid #007ba4;
    border-left: 2px solid #007ba4;
    border-right: 2px solid #43bde4;
    border-bottom: 2px solid #43bde4;
}

div#contentWrapper {
    padding: 0.5em 30px 1em 30px;
}

.clickable {
    cursor: pointer;
}

div.editableRegion {
    border-bottom: 1px solid #e5e5e5;
    margin: 0;
    position: relative;
    width: 100%;
    padding-top: 4px;
    padding-bottom: 4px;
}
div.editableRegion dl {
    display: block;
}
a.navHelp {
    background: url('/images/icons/icon_help.gif') no-repeat;
    width: 18px;
    height: 18px;
    margin-top: 0px;
    margin-left: 4px;
    float: right;    
}

#main-nav
{
    width: 940px;
    margin: 0 auto;
}

#main-nav img
{
    border: none;
}

#main-nav ul
{
    padding: 0;
    margin: 0 0 0 10px;
    list-style: none;
}

#main-nav li
{
    float: left;
}

a#mypurchases
{
    display: block;
    width: 160px; /*166px*/
    height: 41px; /*45px*/
}
a#newpurchase
{
    display: block;
    width: 210px; /*210px*/
    height: 41px; /*45px*/
}
a#reviews
{
    display: block;
    width: 151px;
    height: 40px;
}
a#receipts
{
    display: block;
    width: 284px; /*284px*/
    height: 41px; /*45px*/
}
a#partner-home
{
    display: block;
    width: 210px;
    height: 41px;
}
a#partner-account
{
    display: block;
    width: 235px;
    height: 41px;
}
a#header-checkout
{
    display: block;
    width: 173px; /*173px*/
    height: 41px; /*45px*/
    margin-left:12px;
}


div#mainNavStripe div#main-nav.li a.main-nav-link {
	background-image: url('/images/backend-navigation.jpg');
}

.purchases
{
	background-position: 0 0;
}
.purchases:hover {
	background-position: 0 -42px;
}
.selected-purchases,
.selected-purchases:hover,
{
	background-position: 0 -84px;
}

.newpurchase
{
	background-position: -160px 0;
}
.newpurchase:hover
{
	background-position: -160px -42px;
}
.selected-newpurchase,
.selected-newpurchase:hover
{
	background-position: -160px -84px;
}

.receipts
{
	background-position: -370px 0;
}
.receipts:hover
{
	background-position: -370px -42px;
}
.selected-receipts,
.selected-receipts:hover
{
	background-position: -370px -84px;
}

.header-checkout
{
	background-position: -735px 0;
}
.header-checkout:hover
{
	background-position: -735px -42px;
}
.selected-header-checkout,
.selected-header-checkout:hover
{
	background-position: -735px -84px;
}

.reviews
{
    background: url('/images/nav_reviews.jpg') no-repeat;
}
.selected-reviews
{
    background: url('/images/nav_reviews2.jpg') no-repeat;
}

.partner-home
{
    background: url('/images/partners/partner-home.jpg') no-repeat;
}
.selected-partner-home
{
    background: url('/images/partners/partner-home2.jpg') no-repeat;
}

.partner-account
{
    background: url('/images/partners/manage-account.jpg') no-repeat;
}
.selected-partner-account
{
    background: url('/images/partners/manage-account2.jpg') no-repeat;
}

.btn {
    cursor: pointer;
    vertical-align: middle;
}

input[type=button].ojbtn, input[type=submit].ojbtn, a.ojbtn
{
    background: #ff7e00;
    border-top: 2px solid #fe9f43;
    border-left: 2px solid #fe9f43;
    border-right: 2px solid #bb5c00;
    border-bottom: 2px solid #bb5c00;
    padding: 1px 4px;
    cursor: pointer;
    color: #fff;
    font-weight: bold;
    font-size: 11px;
    text-decoration: none;
}
input[type=button]:hover.ojbtn, input[type=submit]:hover.ojbtn, a:hover.ojbtn {
    background: #ff8f11;
    text-decoration: none;
}
input[type=button]:active.ojbtn, input[type=submit]:active.ojbtn, a:active.ojbtn {
    border-top: 2px solid #bb5c00;
    border-left: 2px solid #bb5c00;
    border-right: 2px solid #fe9f43;
    border-bottom: 2px solid #fe9f43;
}

input[type=button].redbtn, input[type=submit].redbtn, a.redbtn
{
    background: #ff0014;
    border-top: 2px solid #ef494a;
    border-left: 2px solid #ef494a;
    border-right: 2px solid #ef0000;
    border-bottom: 2px solid #ef0000;
    padding: 1px 4px;
    cursor: pointer;
    color: #fff;
    font-weight: bold;
    font-size: 11px;
    text-decoration: none;
}
input[type=button]:hover.redbtn, input[type=submit]:hover.redbtn, a:hover.redbtn {
    background: #ff1120;
    text-decoration: none;
}
input[type=button]:active.redbtn, input[type=submit]:active.redbtn, a:active.redbtn {
    border-top: 2px solid #d02020;
    border-left: 2px solid #d02020;
    border-right: 2px solid #ef0000;
    border-bottom: 2px solid #ef0000;
}

input[type=button].grnbtn, input[type=submit].grnbtn, a.button.grnbtn, a.grnbtn
{
    background: #00e820;
    border-top: 2px solid #42ee5a;
    border-left: 2px solid #42ee5a;
    border-right: 2px solid #00ad18;
    border-bottom: 2px solid #00ad18;
    padding: 1px 4px;
    cursor: pointer;
    color: #fff;
    font-weight: bold;
    font-size: 11px;
}
input[type=button]:hover.grnbtn, input[type=submit]:hover.grnbtn, a.button:hover.grnbtn, a:hover.grnbtn {
    background: #11f931;
}
input[type=button]:active.grnbtn, input[type=submit]:active.grnbtn, a.button:active.grnbtn, a:active.grnbtn {
    border-top: 2px solid #00ad18;
    border-left: 2px solid #00ad18;
    border-right: 2px solid #42ee5a;
    border-bottom: 2px solid #42ee5a;
}

input[type=button].bluebtn, input[type=submit].bluebtn, a.button.bluebtn, a.bluebtn
{
    background: #00bee8;
    border-top: 2px solid #00eeeb;
    border-left: 2px solid #00eeeb;
    border-right: 2px solid #0099d3;
    border-bottom: 2px solid #0099d3;
    padding: 1px 4px;
    cursor: pointer;
    color: #fff;
    font-weight: bold;
    font-size: 11px;
}
input[type=button]:hover.bluebtn, input[type=submit]:hover.bluebtn, a.button:hover.bluebtn, a:hover.bluebtn {
    background: #6fdec8;
}
input[type=button]:active.bluebtn, input[type=submit]:active.bluebtn, a.button:active.bluebtn, a:active.bluebtn {
    border-top: 2px solid #00eeeb;
    border-left: 2px solid #00eeeb;
    border-right: 2px solid #0099d3;
    border-bottom: 2px solid #0099d3;
}
/* added by shane, quick and dirty hack */
div.selectbg
{
    float:left;
    background: #fff url('/images/form/input_bg2.jpg') no-repeat;
    padding: 3px 0px 3px 4px;
    border-right: 1px solid #4ac3e0; 
    width: auto;
    clear: both;
    height: 19px;
}

/* label style for radio buttons */
label
{
    color: #01aeea;
    font-weight: bold;
}

.creditcardlist
{
    width: 250px;
}
.ac_results
{
    border: solid #31c0ec 1px;
    width: 400px !important;
    background-color: #efefef;
}
.ac_results li
{
    margin-left: 0px;
    cursor: pointer;
}
.ac_results ul
{
    margin-left: 0px;
}
.ac_results li.ac_over, .ac_results li.ac_odd.ac_over
{
    margin-left: 0px;
    background-color: #ffffff;
}
.ac_results li.ac_odd
{
    background-color: #dddddd;
}
#account-wrapper-left
{
    float: left;
    width: 450px;
}
#account-wrapper-right
{
    float: right;
    width: 350px;
}

#account-wrapper-left dt
{
    font-weight: bold;
    width: 130px;
}

.account-box
{
	padding-left: 25px;
	padding-top: 7px;
}

.account-pen
{
	position: absolute;
	left: 0px;
	top: 4px;
	border: none;
}

#main-account-container
{
	overflow: none;
}
ul.receiptList
{
	margin-left: 2.5em;
}
#Popup
{
	text-align: center;
}

#container {
	width: 100%;
	height: auto;
	margin: 0px;
	padding: 0px;
	background-image: url(/images/media/divider.gif);
	background-repeat: repeat-y;
	background-position: 300px 0px;
}
#left {
	width: 250px;
	height: auto;
	float: left;
	padding: 20px;
	margin: 0px;
}
#right {
	width: 500px;
	height: auto;
	float: left;
	padding: 20px 20px 20px 20px;
	margin: 0px;
}

/****
   Style2.css: style additions
   July 2010
   Author: alex
****/


/* Login button (to right of logo) */

div#topNav div#login a {
    color: #0080aa;
}


/* Home top section */

.homeTopSection h1 {
    font-family: Helvetica, Trebuchet, Arial, Verdana, sans-serif;
	text-align: center;
	font-size: 185%;
	margin: 0 0 15px 0;
	padding: 0;
	color: #ff9600;
}

.homeTopSection h1 a{
	color: #ff9600;
	text-decoration:none;
}
.homeTopSection h1 a:hover{
	color: #ff9600;
	text-decoration:none;
	
}

.homeTopSection .homeTopText h2 {
	margin-top: 0px;
	font-size: 110%;
}

.homeTopSection .homeTopText p {
	margin-bottom: 8px;
}

.homeTopSection .homeTopText img {
	margin: 20px 0 0 0;
	border-width: 0;
}


/* Home 'services offered' box */

div#servicesOfferedBox h2 {
	font-size: 130%;
	font-weight: normal;
	padding: 0;
	margin: 21px 21px 5px 21px;
	line-height: 110%;
}

div#servicesOfferedBox ul {
    font-family: Tahoma, Trebuchet, Arial, Verdana, sans-serif;
    line-height: 200%;
    font-size: 95%;
    color: #666;
	padding: 0;
	margin: 0 21px 10px 21px;
	list-style-image: url('/images/icons/small-tick.gif');
	list-style-position: inside;
}


/* Home bottom text */

#homeBottomText {
    font-family: Helvetica, Trebuchet, Arial, Verdana, sans-serif;
	padding: 20px 20px 0 20px;
}

#homeBottomText h2 {
    font-size: 200%;
	padding: 0;
	margin: 10px 0;
}
/*
#homeBottomText p {
	font-size: 160%;
	font-weight: bold;
	line-height: 115%;
}
*/
#homeBottomText p.trailing-ellipses {
	text-indent: -0.9em;
}

#pressNewsFeed a {
    color: #525C60;
}
#homeBottomText p, #homeBottomText a {
	color: #00aff0;
	margin-left: 20px;
}

#homeBottomText a.blog {
	font-weight: bold;
	font-size: 120%;
}

#homeBottomText img {
	margin: 25px 0 30px -4px;
	border-width: 0;
}


/* Base layout bottom left nav */

#content-leftnav {
    font-family: Tahoma, Trebuchet, Arial, Verdana, sans-serif;
	padding-top: 15px;
}

#content-leftnav ul {
	padding: 0;
	list-style-type: none;
}

#content-leftnav li {
	padding-left: 22px;
}

#content-leftnav a {
	color: #00a0d7;
	text-decoration: none;
}

#content-leftnav li.selected a {
	color: #000;
}

#content-leftnav a:hover {
	text-decoration: underline;
}


/* Base layout bottom content */

#content-main {
	padding: 20px 0 0 40px;
}

#content-main h1 {
	text-transform: uppercase;
}

#content-main p,#content-main ul li,#content-main ol li,#content-main table {
    font-family: Tahoma, Trebuchet, Arial, Verdana, sans-serif;
	color: #666;
	line-height: 180%;
}


/* Popup content */

body#popup {
	font-family: Tahoma, Trebuchet, Arial, Verdana, sans-serif;
	color: #666;
}

#popupContent h1 {
	font-family: Helvetica, Trebuchet, Arial, Verdana, sans-serif;
	text-transform: uppercase;
	padding-top: 0.4em;
	font-size: 200%;
}

#popupContent h1, #popupContent h2, #popupContent h3 {
	color: #000;
}

.popupWiderNoStripe#popupContent h2 {
	color: #666;
}

#popupContent h2, #popupContent h3 {
	font-size: 150%;
	margin-top: 0.5em;
	font-weight: normal;
}

.popupWiderNoStripe#popupContent h2.popupCalculator {
	font-family: Helvetica, Trebuchet, Arial, Verdana, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	color: #000;
	font-size: 170%;
	margin-top: 0.8em;
}

#popupContent p {
	clear: both;
	padding-bottom: 0.9em;
}

#popupContent p.popupMiniBreak {
	padding-top: 1em;
}

#popupContent a {
	color: #00aee8;
}

#popupContent ul {
	/* list-style-image: url('/images/etc/blue-bullet.gif'); */
}

#popupContent ul#popupNav {
	font-size: 130%;
	list-style-image: none;
	list-style-type: none;
	margin-bottom: 1.7em;
}

#popupContent span.popupTerm {
	font-weight: bold;
}

#popupContent li span.popupTerm {
	font-weight: normal;
}

#popupContent li {
	margin-bottom: 0.5em;
}

#popupContent .popupEmphasised {
	font-style: italic;
	font-size: 130%;
	margin-top: 0.9em;
}

#popupContent .popupThreeImages {
	margin-bottom: 0.9em;
}

#popupContent ul.popupCustomerBenefits {
	font-weight: bold;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#popupContent ul.popupCustomerBenefits li {
	margin: 0;
	padding: 0 10px 0.7em 0;
	display: block;
	float: left;
	width: 210px;
}

#popupContent .popupCalc {
	border-collapse: collapse;
	margin-bottom: 0.9em;
	width: 100%;
}

#popupContent .popupCalc tr {
	margin: 0;
	padding: 0;
}

#popupContent .popupCalc td:first-child {
	width: 60%;
	text-align: right;
	margin: 0;
	padding: 0.7em 30px 0.7em 0;
	border-bottom: 1px dashed #ccc;
	border-right: 1px dashed #ccc;
	font-weight: normal;
}

#popupContent .popupCalc td {
	width: 40%;
	margin: 0;
	padding: 0.7em 0 0.7em 30px;
	border-bottom: 1px dashed #ccc;
	vertical-align: bottom;
}

#popupContent .popupCalc tr.popupCalcJoinBelow td {
	border-bottom-width: 0px;
	padding-bottom: 0em;
}

#popupContent .popupCalc tr.popupCalcLastRow td {
	border-bottom-width: 0px;
}

#popupContent .popupCalc tr.popupCalcRowEmphasis td {
	padding-top: 1.8em;
}

#popupContent .popupCalc tr.popupCalcRowHighlight {
	background-color: #e5e5e5;
}

#popupContent .popupCalc td.popupCalcEmphasis, #popupContent .popupCalc td.popupCalcMinorEmphasis {
	color: #23cc16;
}

#popupContent .popupCalc .popupCalcRowNote {
	display: block;
	font-style: italic;
}

/* Blog style */
#content-blog {
	font-family: Tahoma, Trebuchet, Arial, Verdana, sans-serif;
	padding: 0 20px;
	float: left;
	width: 550px;
}


#content-blog, #content-blog p,#content-blog ul li,#content-blog ol li {
	color: #666;
	line-height: 150%;
	font-size:12px;
}

#content-blog h2 {
	margin-bottom: 10px;
	font-size:16px;
	font-weight:bold;
	font-family:Arial,Helvetica,sans-serif;
}
#content-blog a {
	text-decoration:none;
	color:#00a0d7;
}

#content-blog .post .content .base-post a {
	color:#00a0d7 !important;
}

#content-blog a:hover {
	text-decoration:underline;
	color:#e89f02;
}
#content-blog .content{
	margin:10px 0px;
}
#content-blog .content p.under{
	margin-top:10px;
}

.blog #baseLayoutContent #left {
	width: 150px;
	padding: 0;
}
.blog #baseLayoutContent #right {
	width: 140px;
	padding: 0;
}

.blog #baseLayoutContent .widget_recent_comments ul,
.blog #baseLayoutContent .widget_categories ul,
.blog #baseLayoutContent .widget_archive ul {
	list-style: none;
	margin: 0;
}

.blog #baseLayoutContent .widget_categories a,
.blog #baseLayoutContent .widget_categories a:visited,
.blog #baseLayoutContent .widget_categories li,
.blog #baseLayoutContent .widget_archive a,
.blog #baseLayoutContent .widget_archive a:visited {
	color: #00a0d7;
	text-decoration: none;
}

.blog #baseLayoutContent .widget_tag_cloud a,
.blog #baseLayoutContent .widget_tag_cloud a:visited {
	color: #666;
	text-decoration: none;
}

.blog #baseLayoutContent .widget_recent_comments li,
.blog #baseLayoutContent .post a.more-link,
.blog #baseLayoutContent .post a.more-link:visited,
.blog #baseLayoutContent .post span.date {
	color: #00a0d7;
}

.blog #baseLayoutContent .widget_recent_comments a,
.blog #baseLayoutContent .widget_recent_comments a:visited,
.blog #baseLayoutContent .post a,
.blog #baseLayoutContent .post a:visited {
	color: #666;
	text-decoration: none;
}

.blog #baseLayoutContent .post .under a,
.blog #baseLayoutContent .post .under a:visited {
	text-decoration: underline;
}

.blog #baseLayoutContent .post {
	border-bottom: 1px solid #ccc;
}

/*
.blog #baseLayoutContent .post div.share-buttons {
	line-height: 18px;
}

.blog #baseLayoutContent .post div.linkedin-button {
	height: 15px;
	margin-left: 10px;
}

.blog #baseLayoutContent .post div.share-buttons div {
	display: inline-block;
}

.blog #baseLayoutContent .post div.share-buttons div.addthis_toolbox {
	width: 297px;
}

.blog #baseLayoutContent .post div.share-buttons a.linkedin_share_button img {
	width: 130px;
	height: 22px;
}
*/

.blog #baseLayoutContent div.widget_text div.textwidget {
	padding-top: 10px;
}

.blog #baseLayoutContent h1 {
	text-transform: uppercase;
	font-size: 24px;
	font-weight: bold;
	font-family: Arial,Helvetica,sans-serif;
}

.blog #baseLayoutContent a.blog-subscribe,
.blog #baseLayoutContent a.blog-subscribe:visited {
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	color: #00a0d7;
}

.blog #baseLayoutContent a.blog-subscribe img {
	vertical-align: middle;
}

.blog #baseLayoutContent .post {
	margin-bottom: 1.33em;
}

.blog #baseLayoutContent .post .post-content {
	width: 414px;
	float: left;
}

.blog #baseLayoutContent .post .post-content h2 {
	margin-top: 0;
}

.blog #baseLayoutContent .post .post-image {
	float: left;
	width: 136px;
}

.blog #baseLayoutContent .post .post-image img {
	width: 103px;
	height: 103px;
}

.blog #baseLayoutContent .post-single h2 {
	margin-bottom: 0;
}

.blog #baseLayoutContent .post-single .share-buttons {
	margin-top: 10px;
}

.blog #baseLayoutContent ol#thecomments {
	list-style: none;
	margin: 0;
}

.blog #baseLayoutContent ol#thecomments .name {
	font-weight: bold;
}

.blog #baseLayoutContent ol#thecomments li.odd {
	background-color: #f2f2f2;
}

.blog #baseLayoutContent #commentform label {
	color: red;
}

.blog #baseLayoutContent #commentform label .note {
	color: darkGray;
}

/*
.wrdLatest{
	background-color: #eeeeee; 
	width:100%;
	border: 1px solid #999999;
	margin-bottom:15px;
	padding:5px;
	float:left;
	vertical-align: middle;
}

.wrdLatest .info{
	float:left;
	width:95%;
}
.wrdLatest .add{
	float:left;
	margin-top:9px;
	
}
*/
/* .wrdLatest:nth-child(odd) { background-color:#dddddd; } */


/****
   Style2.css: style additions. Some styles have been moved/removed from style.css.
   September 2010
   Author: alex
****/


/* New header area */

#headerContent {
	font-family: Helvetica, Arial, sans-serif;
}

#headerContent img#logo {
	border-width: 0;
}

#headerContent #loggedInAs{
	color: #666666;
	font-weight:bold;
}

#headerContent #loggedInAs em{
	color: #ff7a01;
	font-weight:bold;
}

#headerContent #headerHelp{
	color: #666666;
}
#headerContent #headerHelp .supportOnline{
	color: #6FA823;
}
#headerContent #headerHelp .supportOffline{
	color: #ff2501;
}
#headerContent #headerHelp a{
	color:#00A0D7;
	text-decoration:none;
}

#headerContent .headerLink {
	text-align: center;
}

#headerContent .headerLink a {
	color: #00a5dc;
	text-decoration: none;
	font-size: 90%;
}

#headerContent .headerLink a:hover span {
	text-decoration: underline;
}

#headerContent .headerLink img {
	border: 0;
}

#headerLinks .header-green{
	color: #6fa823;
}
/* Changed top nav styles */

#main-nav {
    width: 970px;
    height: 109px;
    margin: 0 auto;
    background-image: url('/images/gradient/top-nav-backing.jpg');
}

#main-nav img {
    border: none;
}

#main-nav ul {
    padding: 0;
    margin: 0 0 0 30px;
    list-style: none;
}

#main-nav li {
	margin-top: 26px;
    float: left;
}


/* Home top section */

.homeTopSection h1 {
	width: 560px;
    font-family: Helvetica, Trebuchet, Arial, Verdana, sans-serif;
	text-align: center;
	font-size: 150%;
	text-transform: uppercase;
	margin: 2px 0 0 20px;
	padding: 0;
	color: #ff9600;
}

.homeTopSection .homeTopText h2 {
	margin: 2px 15px 15px 15px;
	font-size: 120%;
	text-transform: uppercase;
	color: #525c60;
}

.homeTopSection .homeTopText p {
	margin: 8px 15px;
	font-size: 95%;
	line-height: 160%;
	color: #525c60;
}

.homeTopSection .homeTopText img {
	margin: 20px 0 0 0;
	border-width: 0;
}


/* Home bottom section */

#homeBottomText {
    font-family: Helvetica, Trebuchet, Arial, Verdana, sans-serif;
	padding: 30px 35px 0 35px;
}

#homeBottomText h2 {
	font-size: 32px;
	text-transform: uppercase;
	color: #ff9600;
	margin-top: 0;
}

#homeBottomText p {
	font-size: 120%;
	line-height: 115%;
	width: 370px;
}

#homeBottomText p.trailing-ellipses {
	text-indent: -0.8em;
}

#homeBottomText p, #homeBottomText a {
	color: #525c60;
	margin-left: 20px;
}

#homeBottomText a.blog {
	font-weight: bold;
	font-size: 120%;
}

#homeBottomText img {
	margin: 25px 0 25px -2px;
	border-width: 0;
}

div#servicesOfferedBox h2 {
	font-size: 100%;
	color: #525c60;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0;
	margin: 30px 21px 5px 21px;
	line-height: 110%;
}

div#servicesOfferedBox ul {
    font-family: Tahoma, Trebuchet, Arial, Verdana, sans-serif;
    font-size: 95%;
    color: #666;
	padding: 0;
	margin: 15px 21px 10px 21px;
	list-style-image: url('/images/icons/small-tick.gif');
	list-style-position: inside;
}

div#servicesOfferedBox ul li {
	margin-bottom: 8px;
	line-height: 140%;
}


/* Updated footer */

#footer {
    color: #231f20;
}

#footer a {
    color: #000;
    text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

#footer .divider {
	margin-left: 10px;
	margin-right: 10px;
}


/* Base layout basic styles */

#baseLayoutContent {
	color: #666;
}

#baseLayoutContent p {
	margin-top: 0.8em;
	margin-bottom: 0.8em;
}


/* Base layout bottom left nav */

#content-leftnav {
    font-family: Tahoma, Trebuchet, Arial, Verdana, sans-serif;
	padding-top: 5px;
}

#content-leftnav ul {
	padding: 0;
	list-style-type: none;
}

#content-leftnav li {
	padding-left: 22px;
}

#content-leftnav a {
	color: #00a0d7;
	text-decoration: none;
}

#content-leftnav li.selected a {
	color: #000;
}

#content-leftnav a:hover {
	text-decoration: underline;
}


/* Base layout bottom content */

#content-main {
	padding: 10px 0 0 40px;
}

#content-main h1 {
	text-transform: uppercase;
}

#content-main p {
    font-family: Tahoma, Trebuchet, Arial, Verdana, sans-serif;
	color: #666;
	line-height: 180%;
	margin-top: 0.8em;
	margin-bottom: 0.8em;
}


/* Popup content */

body#popup {
	font-family: Tahoma, Trebuchet, Arial, Verdana, sans-serif;
	color: #666;
}

#popupContent h1 {
	font-family: Helvetica, Trebuchet, Arial, Verdana, sans-serif;
	text-transform: uppercase;
	padding-top: 0.4em;
	font-size: 200%;
}

#popupContent h1, #popupContent h2, #popupContent h3 {
	color: #000;
}

.popupWiderNoStripe#popupContent h2 {
	color: #666;
}

#popupContent h2, #popupContent h3 {
	font-size: 150%;
	margin-top: 0.5em;
	font-weight: normal;
}

.popupWiderNoStripe#popupContent h2.popupCalculator {
	font-family: Helvetica, Trebuchet, Arial, Verdana, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	color: #000;
	font-size: 170%;
	margin-top: 0.8em;
}

#popupContent p {
	clear: both;
	padding-bottom: 0.9em;
}

#popupContent p.popupMiniBreak {
	padding-top: 1em;
}

#popupContent a {
	color: #00aee8;
}

#popupContent ul {
	/* list-style-image: url('/images/etc/blue-bullet.gif'); */
}

#popupContent ul#popupNav {
	font-size: 130%;
	list-style-image: none;
	list-style-type: none;
	margin-bottom: 1.7em;
}

#popupContent span.popupTerm {
	font-weight: bold;
}

#popupContent li span.popupTerm {
	font-weight: normal;
}

#popupContent li {
	margin-bottom: 0.5em;
}

#popupContent .popupEmphasised {
	font-style: italic;
	font-size: 130%;
	margin-top: 0.9em;
}

#popupContent .popupThreeImages {
	margin-bottom: 0.9em;
}

#popupContent ul.popupCustomerBenefits {
	font-weight: bold;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#popupContent ul.popupCustomerBenefits li {
	margin: 0;
	padding: 0 10px 0.7em 0;
	display: block;
	float: left;
	width: 210px;
}

#popupContent .popupCalc {
	border-collapse: collapse;
	margin-bottom: 0.9em;
	width: 100%;
}

#popupContent .popupCalc tr {
	margin: 0;
	padding: 0;
}

#popupContent .popupCalc td:first-child {
	width: 60%;
	text-align: right;
	margin: 0;
	padding: 0.7em 30px 0.7em 0;
	border-bottom: 1px dashed #ccc;
	border-right: 1px dashed #ccc;
	font-weight: normal;
}

#popupContent .popupCalc td {
	width: 40%;
	margin: 0;
	padding: 0.7em 0 0.7em 30px;
	border-bottom: 1px dashed #ccc;
	vertical-align: bottom;
}

#popupContent .popupCalc tr.popupCalcJoinBelow td {
	border-bottom-width: 0px;
	padding-bottom: 0em;
}

#popupContent .popupCalc tr.popupCalcLastRow td {
	border-bottom-width: 0px;
}

#popupContent .popupCalc tr.popupCalcRowEmphasis td {
	padding-top: 1.8em;
}

#popupContent .popupCalc tr.popupCalcRowHighlight {
	background-color: #e5e5e5;
}

#popupContent .popupCalc td.popupCalcEmphasis, #popupContent .popupCalc td.popupCalcMinorEmphasis {
	color: #23cc16;
}

#popupContent .popupCalc .popupCalcRowNote {
	display: block;
	font-style: italic;
}

.blue_header{
	color:#00A5DC;
	font-size:150%;
	font-weight:bold;
}
.blue_header a{
	text-decoration:none;
	color:#00A5DC;
}
#registerblock select, #main-account-container select{
	/*border: 2px solid #4ca5c1;*/
	height: 20px;
	width:80px;
}

#registerblock select.border, #main-account-container select.border, select.border{
	border: 2px solid #4ca5c1;
	height:22px;
	margin:2px 0px;
}

#registerblock select.wide, #main-account-container select.wide{
 	width: 214px;
}
#registerblock select.wide{
    margin-top:4px;
}
/* Businesses page */

#businesses {
	margin: 0px 40px;
}

#businesses h1 {
	color: black;
	font-size: 150%;
	text-transform: uppercase;
}

#businesses h2 {
	color: #555;
	font-size: 110%;
	margin-bottom: 1em;
	margin-top: 1.5em;
	padding-top: 0;
}

#businesses ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#businesses li {
	vertical-align: top;
}

#businesses li img.advantage-img {
	float: left;
	clear: left;
	margin-right: 13px;
	margin-top: 6px;
	margin-bottom: 6px;
}

#businesses li span {
	display: block;
	font-size: 105%;
	margin-top: 6px;
	width: 650px;
	float: left;
}

#businesses #subscription-area {
	position: relative;
	clear: both;
	width: 532px;
	height: 129px;
	margin: 4px auto 0 auto;
	padding-bottom: 10px;
	background-image: url('/images/gradient/blue-bg-businesses.jpg');
	background-repeat: no-repeat;
}

#businesses #subscription-area p {
	padding-top: 16px;
	margin-top: 0;
	text-align: center;
	font-size: 180%;
	color: #27a6df;
}

#businesses #subscription-area img {
	position: absolute;
	left: 162px;
	top: 56px;
	border-width: 0;
}


/* Checkout form (for businesses) */
#checkout {
	margin: 5px 40px;
}

#checkout h1 {
	color: black;
	font-size: 150%;
	text-transform: uppercase;
}

#checkout form {
	padding-top: 10px;
}

#checkout form h2 {
	color: #555;
	font-size: 130%;
	margin-bottom: 1em;
	margin-top: 0;
	padding-top: 0;
}

#checkout form fieldset {
	margin: 0;
	padding: 0;
	border-width: 0;
}

#checkout form #billing-and-cards {
	margin-top: 15px;
	width: 759px;
	padding: 20px;
	background-color: #f9f9f9;
	overflow: hidden;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#checkout form fieldset#subscription-plan {
	background-image: url('/images/gradient/blue-bg-checkout.jpg');
	background-repeat: no-repeat;
	width: 799px;
	height: 62px;
}

#checkout form fieldset#billing-information {
	float: left;
	width: 350px;
    overflow: hidden;
}

#checkout form fieldset#credit-card-information {
	float: left;
	width: 340px;
	margin-left: 40px;
}

#checkout form legend {
	display: none;
}

#checkout form ul,
#checkout form label {
	float: left;
	clear: left;
	font-weight: normal;
	color: #555;
	font-size: 95%;
	width: 125px;
	padding-top: 0.5em;
}

#checkout form ul {
    width: 100%;
    color: #AE2727;
    font-weight: bold;
}

#checkout form fieldset#subscription-plan label {
	width: 350px;
	font-weight: bold;
	color: #019be7;
	font-size: 170%;
	margin-top: 18px;
	margin-left: 20px;
	padding-top: 0;
}

#checkout form select {
	float: left;
	width: 198px;
	border: 1px solid #9dbfcb;
	height: 26px;
	padding: 4px;
	vertical-align: middle;
	font-size: 95%;
	background-image: url('/images/etc/button-background.gif');
	background-color: #fff;
	background-repeat: no-repeat;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#checkout form fieldset#subscription-plan select {
	margin-top: 18px;
	width: 300px;
	font-size: 100%;
}

#checkout form select.card-date {
	width: 67px;
	margin-right: 10px;
}

#checkout form input[type=text]#business_registration_ccCVV,
#checkout form input[type=text]#security-code {
	width: 55px;
}

#checkout form input[type=text], #checkout form select {
    margin-bottom: 8px;
}

#checkout form input[type=checkbox] {
    margin-left: 18px;
    margin-right: 4px;
}

#checkout form em {
	margin-left: 0.3em;
	color: #ff7f00;
}

#checkout form input[type=text],
#checkout form input[type=password], 
#checkout form input[type=email] {
	float: left;
	padding: 0.4em 5px;
	margin: 0 0 8px 0;
	border: 1px solid #9dbfcb;
	background: none;
	width: 186px;
	height: auto;
	color: #222;
	font-size: 95%;
	background-image: url('/images/etc/button-background.gif');
	background-repeat: no-repeat;
	background-color: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#checkout form input[type=submit] {
	float: right;
	clear: both;
	background-image: url('/images/form/form-sign-up.gif');
	background-color: #fff;
	width: 162px;
	height: 57px;
	border-width: 0;
	margin-top: 10px;
	margin-right: 8px;
}

#checkout form input[type=submit].checkout {
	float: right;
	clear: both;
	background-image: url('/images/form/checkout.gif');
	background-color: #fff;
	width: 278px;
	height: 60px;
	border-width: 0;
	margin-top: 10px;
	margin-right: 8px;
}
#checkout form input[type=submit].buy-now {
	float: right;
	clear: both;
	background-image: url('/images/form/buy-now.gif');
	background-color: #fff;
	width: 160px;
	height: 58px;
	border-width: 0;
	margin-top: 10px;
	margin-right: 8px;
}
.system_messages {
	margin: 0;
	padding: 0px 0 0;
	font-size: 14px;
}

.system_messages li {
	list-style:none;
	margin: 0 0 7px;
	padding: 6px 0 6px 8px;
	font-size: 14px;
	position: relative;
	top: 0;
	left: 0;
	min-height: 1px;
	list-style-position: outside;
	
}

.red .system_title {
	color: #ae2727;
}
.red {
	border: 1px solid #ae2727;
}
.blue {
	border: 1px solid #9cc6d0;	
}

.blue .system_title {
	color: #0f4b74;
}


.green {
	border: 1px solid #a2d399;
}
.green .system_title {
	color: #386d19;
}

div#search.headerLink-nli {
	background-image: url('/images/form/search-bg.gif');
	background-repeat: no-repeat;
	width: 302px; /* 320px for ie? */
	height: 40px;
}

div#search.headerLink form {
	padding: 6px 0;
}

div#search.headerLink form input.searchbtn {
	background: transparent;
	color: transparent;
	background-image: url('/images/form/search-btn.gif');
	background-repeat: no-repeat;
	border: none;
	padding: 0;
	width: 86px;
	height: 26px;
}

input[type=search] {
	background-image: url('/images/icons/magnifying-glass.gif');
	background-position: 2px 2px;
	background-repeat: no-repeat;
	padding: 2px 0 2px 20px;
	width: 195px; /* FF 175px; Chrome 195px; */
	height: 26px; /* FF 18px; Chrome 26px; */
	vertical-align: top;
	margin-top: 1px;
	-webkit-appearance: textfield;
}
.searchFormElement {
	display: inline;
} 
.firefox input[type=search],
.ie input.header-search {
	width: 175px;
	height: 18px;
}

a#add-newitem {
	background: transparent;
	color: transparent;
	background-image: url('/images/buttons/addtolistbtn.jpg');
	background-repeat: no-repeat;
	border: none;
	margin-top: 4px;
	width: 109px;
	height: 24px;
	float: right;
}

/* Contact page */
div.contact img.phone {
	background: transparent url('/images/icons/contact-13.png') 0 0 no-repeat;
	height: 13px;
	width: 13px;
	float: left;
	margin-right: 5px;
}

div.contact img.email {
	background: transparent url('/images/icons/contact-13.png') 0 -48px no-repeat;
	height: 13px;
	width: 13px;
	float: left;
	margin-right: 5px;
}

/* Product Directory */
div.product-directory {
	margin-top: -10px;
}
ul.simple-list {
	list-style: none;
	margin: 0;
}
ul.directory {
	margin: 10px auto;
	text-align: center;
}
ul.directory li {
	display: inline-block;
	width: 22px;
	margin: 0 1px;
}
ul.directory li.selected {
	background-color: #ff7a01;
	border-radius: 4px;
}
ul.directory a,
ul.directory a:visited {
	color: #0098dd;
	text-decoration: none;
	font-size: 18px;
}
ul.directory li.selected a,
ul.directory li.selected a:visited {
	color: #fff;
}

ul.products {
	width: 283px;
	margin-left: 10px;
}
ul.products li {
	margin-top: 4px;
}
ul.products li a {
	color: #535b5e;
}

div.product-directory div.paginationControl {
	margin: 10px auto 0;
	text-align: center;
}
div.product-directory div.paginationControl span {
	margin-left: 5px;
}
div.product-directory div.paginationControl a,
div.product-directory div.paginationControl a:visited {
	color: #0098dd;
	text-decoration: none;
}
div.product-directory div.paginationControl span.selected {
	color: #ff7a01;
}

div.product-directory p.msg-empty {
	text-align: center;
}

span.required {
	font-size: 14px;
	color: #fe8f00;
}

#footerNew {
	width: 880px;
	margin: 0 auto 10px auto;
	padding: 15px 30px 0 30px;
	color: #555555;
	font-size: 85%;
	overflow: hidden;
    clear: both;
}


/*
#footerNew img {
	float: right;
}
*/


#footerNew #footerLinks {
	padding-top: 10px;
	margin-bottom: 6px;
}


#footerNew span {
	padding: 0 8px;
	color: #f4f4f4;
}


#footerNew a {
	text-decoration: none;
	color: #555555;
}


#footerNew a:hover {
	text-decoration: underline;
}


#qaContent h1 {
	text-transform: uppercase;
	font-size: 150%;
	padding-top: 0.6em;
	margin-bottom: 0.2em;
	color: #333333;
}


#qaContent .qaBack {
	padding-top: 15px;
	border-width: 0;
}


#qaLeftCol {
	float: left;
	width: 280px;
	padding-top: 12px;
}


#qaLeftCol img {
	border: 5px solid #ebebeb;
}


#qaRightCol {
	float: left;
	width: 450px;
	padding-top: 12px;
}


#qaRightCol h2 {
	font-size: 160%;
	margin: 0;
	color: #00b1ee;
}


#qaRightCol .modelNumber {
	margin-top: 0.4em;
}


#qaRightCol .modelNumber strong {
	font-weight: normal;
	color: #00b1ee;
}


#qaRightCol h3 {
	padding-top: 0.2em;
	margin-bottom: 0.4em;
	font-size: 130%;
	color: #333333;
}


#qaRightCol ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}


#qaRightCol li {
	padding-bottom: 13px;
	margin-bottom: 13px;
	border-bottom: 1px solid #aaaaaa;
}


#qaRightCol ul li.lastAnswer {
	border-bottom-width: 0;
}


#qaRightCol span {
	display: block;
	font-size: 95%;
	padding-top: 0.3em;
	margin-bottom: 0.8em;
	line-height: 140%;
}


#qaRightCol strong, #qaRightCol em {
	font-weight: normal;
	color: #00b1ee;
}


#qaRightCol .questionQuote {
	color: #ff921f;
	font-size: 110%;
	font-weight: bold;
	width: 350px;
}


#qaRightCol form {
	color: #555555;
	padding-top: 6px;
	margin-bottom: 30px;
}


#qaRightCol form .formElement {
	padding-top: 0.5em;
	margin-bottom: 0.5em;
}


#qaRightCol form label {
	font-weight: normal;
	color: #555555;
}


#qaRightCol form label.textareaLabel {
	display: block;
	margin-bottom: 0.5em;
}


#qaRightCol form textarea {
	background-color: #ffffff;
	border-color: #888888;
	border-width: 1px;
	padding: 4px;
	margin: 0;
	background-image: url("/images/form/textareabg.gif");
}


#qaRightCol form input[type="radio"] {
	margin-left: 1em;
	margin-right: 0.4em;
}


#qaRightCol form#answerquestionform input[type="submit"] {
	margin-left: -2px;
	margin-top: 15px;
	border-width: 0;
	background-image: url('/images/form/answerquestion.jpg');
	width: 263px;
	height: 57px;
}


#qaRightCol form#askquestionform input[type="submit"] {
	margin-left: -2px;
	margin-top: 15px;
	border-width: 0;
	background-image: url('/images/form/askquestion.jpg');
	width: 223px;
	height: 57px;
}


/* Registration form from dashboard if not all fields exist for Register Now */
#regReqForm {
	text-align: left;
}

#regReqForm .registrationSubmit input {
	margin-top: 15px;
}

#regReqForm .registrationTagline h3 {
	margin-top: 5px;
	margin-bottom: 0;
	text-transform: uppercase;
}

#headerContent .headerLink a {
	color: #00a5dc;
	text-decoration: none;
	font-size: 90%;
}

#middleBodyContent a {
	text-decoration: underline;
	color: #00a0d7;
}

* html img.dash-product-thumb {
	width: expression(61 + "px");
	height: expression(61 + "px");
}

img.dash-product-thumb {
	max-width: 61px;
	max-height: 61px;
}


/* Tool Tips */
a.tips:hover {
	cursor: help;
}

.pDashboard div#baseLayoutContent h1 {
	margin-bottom: -1.5em;
}

.pDashboard div#baseLayoutContent h2 {
	text-transform: uppercase;
	font-size: 14px;
	color: #00a5dc;
}

.pDashboard div#baseLayoutContent .welcome-dashboard h2 {
	color: #666;
	font-size: 1.5em;
}

.errors {
	color: #ff7d01;
	font-style: normal;
	font-weight: bold;
}

form #itemCodePrompt {
    color: #333;
    float: left;
    font-size: 13px;
    font-weight: normal;
    margin: 5px 5px 0 0;
}

form #itemCode {
    width: 40px;
    background-image: url(/images/form/input_bg_49x25.png);
}

div#contactBox {
    width: 300px;
    float: left;
}
div#pressBox {
    width: 250px;
    height: 139px;
    margin-top: 15px;
    background-color: #f1f1f1;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
div#pressBox div {
    width:250px;
    float:left;
    text-align: center;
    padding: 25px 0px 0px 0px;
    font-size: 1.2em;
}
div#pressBox div a {
    color: #00A0D7;
    text-decoration: none;
}
div#eventsBox {
    width:22%;
    float:left;
    margin-left: 20px;
}
div#eventsBox a {
    color: #525C60;
}
    
.cssButton {
    background: transparent url('/bundles/warrantylifesite/images/press-icons.png') no-repeat -35px 0px;
    display: block;
    width: 34px;
    height: 34px;
    float: left;
    margin: 0px 3px;
}
#button-li {
    background-position: 0px 0px;
}
#button-fb {
    background-position: -35px 0px;
}
#button-tw {
    background-position: -69px 0px;
}
.cssButton span {
    display: none;
    margin: 0;
    padding: 0;
}

#pressNews, #pressReleases, #pressEvents, #pressFiles {
    background-image: url('/bundles/warrantylifesite/images/press-icons.png');
    background-repeat: no-repeat;
    width: 28px;
    height: 25px;
    float: left;
    margin-right: 2px;
}
#pressNews {
    background-position: 0px -38px;
}
#pressReleases {
    background-position: -28px -38px;
}
#pressEvents {
    background-position: -56px -38px;
}
#pressFiles {
    background-position: -84px -38px;
}

ul#pressKitList {
    list-style-type: none;
    margin-left: 0em;
}
ul#pressKitList li {
    background: url('/bundles/warrantylifesite/images/press-icons.png') no-repeat -112px -38px;
    padding: 0 0 0 22px;
}


/* FAQ */
div.faq table {
	width: 100%;
}

div.faq span.totop {
	float: right;
}

div.faq div.question {
	font-style: italic;
}

div.faq div.answer {
	display: none;
}

.site-wl input {
	font-size: 16px;
}

#claims {
	background-color: #000;
}