/* CSS Document */
/* Baseline Styles */
/* Don't forget to set a foreground and background color on the 'html' or 'body' element! */
/* This block of code sets almost everything to zero so that all browsers start from the same point. Remember when you are coding that all margins and padding are set at zero, and that all fonts are set relative to each browser's "small" setting. */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, form, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0; /*font-weight: inherit; font-style: inherit; line-height: 1.1; font-family: inherit;*/ text-align: left; vertical-align: top; text-decoration: none; margin: 0; padding: 0;}
a img, :link img, :visited img {border: 0;}
table {border-collapse: collapse; border-spacing: 0;}
ol, ul, dl {list-style: none;}
li {vertical-align: middle;}
input,select {font-size: 11px;}
input:text {border: 1px solid black;}
input.OrderForm {font-size: 10px; font-weight: bold;}
select.OrderForm {font-size: 10px;}
h1, h2, h3, h4, h5 {font-weight: bold; color: #194c7f;}
h1 {font-size: 180%;}
h2 {font-size: 160%;}
h3 {font-size: 140%;}
h4 {font-size: 130%;}
h5 {font-size: 115%;}
/* Layout and General Styles */
body {
text-align: center;
background-color: white;
font-family: Arial, Helvetica, sans-serif;
font-size: x-small;
voice-family: "\"}\"";
voice-family: inherit;
font-size: small;
}
html>body {font-size: small;} /* Be Nice to Opera hack - sets font size to small */
/* General Layout and Style */
#mainCont {margin: 5px auto 15px; padding: 0; text-align: center; width: 950px;}
#header {background-color: white; text-align: left; padding: 7px 0 7px 3px; margin-bottom: 15px; height: 61px;}
#newProdContainer {text-align: left; background-color: white; border-left: 1px solid #999999; border-right: 1px solid #999999; width: 948px;}
#aboutSection {background: #d1dbe7 url(../images/countryMoneyHeader1.jpg) top right no-repeat; height: 80px; border-top: 1px solid #eeeeee; border-bottom: 2px solid #999999;position: relative;}
#aboutSection img {position: absolute; top: 15px; left: 25px;}
#aboutSection span {position: absolute; top: 30px; left: 130px;}
#leftColImageHeader {background-color: #194c7f; width: 300px;}
#leftColImg {position: relative; top: -30px; width: 44px; height: 0px; float: left; margin-left: 4px;}
#leftColText {position: relative; margin-left: 56px;}
#leftColMain {background-color: white; padding: 6px 4px; width: 290px; border: 1px solid #999999; border-width: 0 1px;}
#leftColInstructions {margin-top: 21px; padding: 0 3px 6px 5px; width: 292px;}
#leftColumn {float: left; margin-left: 25px; margin-right: 25px;}
#salCalBox, #GSCBox, #salPlanBox {float: left; margin-left: 25px; margin-top: 25px; min-height:150px; max-height: 200px;}
#salCalBox, #salPlanBox {width:300px; border: 1px solid #999999;}
#GSCBox {width:250px; color: white; text-align: center; background-color: #194c74;}
#GSCBox ul li {text-align: center; margin: 0 auto; font-weight: bold; font-size: 120%; padding: 4px;}
#salCalBox h1, #salPlanBox h1 {background-color: #194c74; color: white; font-size: 120%; padding: 3px 5px;}
#GSCDownloadLink a {text-decoration: none; color: white;}
#GSCDownloadLink p {padding: 6px 2px; text-align: center; width: 246px; line-height: 1.35; text-decoration: none; color: white;}
.GSCDownload {margin-left: 3em; text-align: center; margin-bottom: 30px;}
.GSCDownload td {padding: 2px 0;}
.GSCList {margin: 15px 0 20px 15px; list-style-type: disc;}
.featureList {float: right; width: 208px; border: 1px solid #194c7f; background-color: #d1dbe7; padding: 10px 5px; margin-left: 20px;}
.featureList ul {list-style-type: disc; margin: 8px 0 0 15px; vertical-align: middle;}
.featureList li {padding: 3px 0;}
.featureList a {text-decoration: underline;}
/* headers */
.headline-Product {font-size: 21px; font-weight: bold;}
.headline-smallProduct {font-size: 18px; font-weight: bold;}
.headline-largest {font-size: 15px; font-weight: bold;}
.headline-larger {font-size: 14px; font-weight: bold;}
.headline-large {font-size: 13px; font-weight: bold;}
.headline-medium {font-size: 12px; font-weight: bold;}
.headline-small {font-size: 11px; font-weight: bold;}
.headline-smaller {font-size: 10px; font-weight: bold;}
.headline-smallest {font-size: 9px; font-weight: bold;}
.headline-link {font-size: x-small; line-height: 1.2em; font-weight: bold;}
/* text */
.largest {font-size: 15px}
.larger {font-size: 14px}
.large {font-size: 13px}
.Default {font-size: 12px; color:black}
.small {font-size: 11px}
.smaller {font-size: 10px}
.smallest {font-size: 9px}
.link {font-size: x-small; line-height: 1.2em; font-weight: bold;}
.product {font-weight: bold; color: #00593b;}
/* text color */
.banner {color:#99ccff}
.white {color:#ffffff}
.red {color:#cc0000}
.blue {color:#336699}
.grey {color:#666666}
.gold {color: gold}
.green {color: #00593B}
.maroon {color: #990000;}
.darkBlue {color: #194c7f;}
/* Link Styles */
a:link {text-decoration: none; color: blue;}
a:visited {text-decoration: none; color: blue;}
a:hover {color: navy;}
/* Navigation Bar Layout and Link Styles */
.headerNav a {padding: 0 5px; text-decoration: none;}
.headerNav a:link {padding: 0 5px; text-decoration: none;}
.headerNav a:visited {padding: 0 5px; text-decoration: none;}
.headerNav a:hover {padding: 0 5px; text-decoration: underline;}
/* Footer and Privacy Policy Layout and Link Styles */
#TermsPrivacy {text-align: center; margin: 0 auto 15px;}
.TermsPrivacyLink {padding: 0 35px;}
.TermsPrivacyLink:link {color: #194c7f; text-decoration: none;}
.TermsPrivacyLink:visited {color: #194c7f; text-decoration: none;}
.TermsPrivacyLink:hover {color: #194c7f; text-decoration: underline;}
#FooterBar {width: 100%; background-color: #194c7f; color: white; font-weight: bold; padding: 3px 0; text-align: center;}
#footer {text-align: center; font-weight: bold; margin: 25px auto 0;}
.footerLink {padding: 0 35px;}
.footerLink:link {color: white}
.footerLink:visited {color: white}
.footerLink:hover {color: white; text-decoration: underline;}
/* Rounded Corners */
/* To create the rounded corners, change the gif to match the border and inner background color. Then put "" on the top, and "" below where the corners should be. */
.top_left {height: 16px; font-size: 2px; background: transparent url(../images/bg_tl.gif) no-repeat;}
.top_right {width: 30px; height: 16px; float: right; margin-top: -16px; background: transparent url(../images/bg_tr.gif) no-repeat; font-size: 2px;}
.top_left_blue {height: 16px; font-size: 2px; background: white url(../images/bg_tl_blue.gif) no-repeat;}
.top_right_blue {width: 16px; height: 16px; float: right; margin-top: -16px; background: white url(../images/bg_tr_blue.gif) no-repeat; font-size: 2px;}
.bottom_left {height: 16px; font-size: 2px; background : transparent url(../images/bg_bl.gif) no-repeat;}
.bottom_right {width: 16px; height: 16px; float: right; margin-top: -16px; background : transparent url(../images/bg_br.gif) no-repeat; font-size: 2px;}
/* C3Matrix Styles */
#C3MatrixTable td {padding: 3px; margin: 1px;}
.C3MatrixTableTD td {border: 1px solid #999999;}
td .calendarDateInput {padding: 1px; text-align: center; width: 20px;}
/* ShopCart.ViewItems Styles */
#shopCartViewItems {text-align: center; margin: 25px auto; width: 500px; padding: 0; border-collapse: seperate;}
#shopCartViewItems table {border-collapse: separate;}
#shopCartViewItems td {padding: 5px; vertical-align: middle; border-collapse: seperate;}
#shopCartViewItems br img {margin: 0; padding: 0; font-size: 1px; height: 1px;}
.headerNorm {background-color: #24619E; color: white; font-weight: bold; padding: 0; margin: 0;}
/* Dynamic width button styles */
a.button {background: transparent url('../images/Buttons/button_l.gif') no-repeat top left;display: block;float: left;line-height: 16px;height: 24px;padding-left: 7px;text-decoration: none;}
a:link.button, a:visited.button {color: #000;}
a.button span {background: transparent url('../images/Buttons/button_r.gif') no-repeat top right;display: block;padding: 4px 7px 4px 0;}
a.button:hover {background-position: bottom left;}
a.button:hover span {background-position: bottom right;color: black;}
.SalCalcWrap {margin: 0 auto; padding: 0; border: 0;}
.SalPlanWrap {margin: 0 auto; padding: 0; border: 0;}