* { padding:0; margin:0; }
body {
	font-size: 85%;
	font-family: Helvetica,Arial,sans-serif;
	background: #1e5482;
	color: #000000;
}

a { text-decoration:none; color:#00447f; }
a:hover { text-decoration:underline; }
a.arrow { font-weight:bold;padding-right: 10px; background: url(../images/static/red-arrow-translucent-2.png) 100% 50% no-repeat;}
a.noarrow { font-weight:bold;padding-right: 10px;}
a.media img { vertical-align:middle; }
a.magnify { padding: 2px 0 2px 20px; background: url(../images/static/magnifier-fixed.png) 0 50% no-repeat; text-decoration: underline; }
.magnify {color:#00447f; padding: 2px 0 2px 20px; background: url(../images/static/magnifier-fixed.png) 0 50% no-repeat; text-decoration: underline; cursor: pointer;}
a.delete { padding: 2px 0 2px 20px; background: url(../images/static/delete-fixed.png) 0 50% no-repeat; text-decoration: underline; margin-top:4px;  }
a.edit { padding: 2px 0 2px 20px; background: url(../images/static/pencil-fixed.png) 0 50% no-repeat; text-decoration: underline; }
a.subsection {font-weight:bold;font-size:1.2em;margin-bottom: 4px; line-height: 1.2;}
a img, fieldset { border:0; }

option { padding-right:5px; }
h1 { font-size: 1.8em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.2em; color: #000000; }
h5 { font-size: 1.1em; }
h6 { font-size: 1em; font-style: italic; }
h1,h2,h3,h4,h5,h6 {	margin-bottom: 4px; line-height: 1.2; }
p,ul,ol { margin-bottom: 10px; line-height: 1.2; }
blockquote { line-height:1.1;padding-left: 20px; background: url(../images/static/quotes.gif) 0 0 ; }
li { line-height: 1.4; }
ul { margin-left: 30px; list-style: disc; }
ol { margin-left: 30px; list-style: decimal; }
p.border-top {
    border-top: 1px solid #d9e9f6;
    padding-top: 20px;
}
h3.border-top {
    border-top: 1px solid #d9e9f6;
    padding-top: 20px;
    margin-top: 20px;
}

fieldset.border-top {
    border-top: 1px solid #d9e9f6;
    padding-top: 20px;
    margin-top: 0;
}
.border-bottom {
    border-bottom: 1px solid #d9e9f6;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.buttons-right {
    text-align: right;
}
.buttons-right input {
    vertical-align: middle;
    padding-left: 10px;
}


form.two-column td,
form.two-column th {
    vertical-align:top;
    padding-bottom: 12px;
    width:auto;
}
form.two-column td.left,
form.two-column th {
    width:125px;
    padding-right:5px;
    padding-top: 2px;
    text-align: right;
    font-weight: normal;
}
form.two-column select,
form.two-column input[type=text],
form.two-column input[type=password],
form.two-column textarea {
    border:1px solid #ccc;
    padding:2px;
}
form.two-column textarea {
    width:300px;
    height:100px;
}
form.two-column input[type=text],
form.two-column input[type=password] { width:200px; }
form.two-column fieldset.border-top {
    border-top: 1px solid #d9e9f6;
    padding-top: 20px;
    margin: 10px 0 16px;
}

form.two-column input.largest {width: 290px; }
form.two-column input.large { width: 170px; }
form.two-column input.med { width: 140px; }
form.two-column input.small { width: 50px; }

option { padding: 0 3px;}

label.error-mark {
    color:#f00;
    font-weight:bold;
}

.radio-list { /* creates a hanging indent for radio buttons in a ul or ol */
    list-style: none;
    margin-left: 0;
}
.radio-list li {
    padding: 0 0 10px 18px;
    text-indent: -18px;
}


.hmenu { /* inline menus */
    list-style: none;
    margin: 0 0 1px 0;
    padding: 0;
    line-height:1;
}
.hmenu li {
    display: inline;
    border-left: 1px solid #000000;
    margin-bottom: 0;
    padding: 2px 6px 1px 8px;
    line-height:1;
}
.hmenu li.first {
    padding-left:0;
    border-left:0;
}
.fmenu { /* floated menus */
    float:left;
    margin:0;
    list-style:none;
    padding:0;
    line-height:1;
}
.fmenu li {
    float:left;
    width:auto;
    margin:0;
    line-height:1;
}
.fmenu a {
    display:block;
    float:left;
    width:auto;
    padding: 0 0 0 10px;
}
.fmenu a span {
    display:block;
    float:left;
    width:auto;
    padding: 7px 10px 7px 0;
    cursor: pointer;
}
.vmenu { /* vertical menus -- primarily for section level sub nav */
    margin:0;
    padding:0;
    list-style:none;
    height:1%;
}
.vmenu li {
    width:auto;
    margin:0;
    height:1%;
}
.vmenu a {
    display:block;
    width:auto;
    height:1%;
    padding: 7px 0 7px 10px;
}
.vmenu li.active a {
    background: #ffffff;
}

.vmenu .vmenu a {
    padding-top: 0;
}

.vmenu .vmenu li.first a {
    padding-top: 8px;
}

.link-list {
    list-style-type: none;
    margin-left:0;
    border-top: 1px solid #d9e9f6;
    padding-top: 8px;
}
.link-list li {
    margin: 5px 0 3px;
}


.clearing { clear:both; }

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.print-only {
    display:none;
}

.paging-control { clear: both; }

.paging-control p {
    float: left;
    width: auto;
    position: relative;
    height: 1%;
    background: #edf6ff;
    margin: 0 1px;
    padding: 5px 8px;
    line-height: 1;
}

.paging-control ul {
    float: right;
    width: auto;
    margin-right: 10px;
}
.paging-control li {
    padding: 0 2px;
}
.paging-control li a {
    padding: 5px 8px;
    background: #edf6ff;
    position: relative;
    height: 1%;
}
.paging-control li.inactive a {
    background: #ffffff;
    color: #000000;
}
.wrapper {
    width:930px;
    margin:0 auto;
}

.smaller-wrapper {
    width: 180px;
}

#banner {
    background:#9dcdf4;
    padding: 15px 0 15px;
}
#banner .wrapper {
    /*position:relative;*/
    padding-left:14px;
}
#banner h1 {
    display:none;
}
#banner #home-link {
    float: left;
    width: 307px;
}
#banner ul {
    /*position:absolute;
    top:0px;
    right:0px;*/
    font-size:110%;
    float: right;
    width:auto;
}
#banner li {
    padding: 0 5px 0 0;
    margin-top:6px;
    border-left:1px solid #000000;
    margin-left: 5px;
}
#banner li.first {
    border-left:0;
}
#banner li a {
    padding:0 0 0 10px;
    color: #d40000;
}
#banner li.active a {
    font-weight:bold;
    color:#000;
}
#banner li#login-link {
    border:0;
    margin-top:0;
    padding: 0;
}
#signin-block {
    margin-top: 15px;
}

#login-link img {
    display:block;
    float:left;
}

/* Main navigation tabs */

#navigation {
    padding: 5px 0 7px 0;
    background:#234d71 url(../images/static/navigation-bkgd.png) bottom left repeat-x;
    font-size:106%;
}
#navigation.no-tabs {
    height:21px;
    background-image: none;
    color:#ffffff;
    font-weight:bold;
}
#navigation.no-tabs a {
    color:#ffffff;
    font-weight:normal;
    font-size:90%;
    text-decoration:underline;
    padding-left:20px;
}
#navigation #main {
    float:left;
    width:auto;
}
#navigation #main a {
    background:#d8eafc url(../images/static/navigation-tabs-off.png) top left ;
    text-decoration:none;
    margin-right:1px;
}
#navigation #main a span {
    background:#d8eafc url(../images/static/navigation-tabs-off.png) top right ;
}
#navigation #main a:hover {
    background:#d8eafc url(../images/static/navigation-tabs-hover.png) top left ;
}
#navigation #main a:hover span {
    background:#d8eafc url(../images/static/navigation-tabs-hover.png) top right ;
}
#navigation #main li.active a {
    background:#ffffff url(../images/static/navigation-tabs-on.png) top left ;
    padding-left: 9px;
    padding-bottom:1px;
}
#navigation #main li.active a span {
    color:#000000;
    font-weight:bold;
    background:#ffffff url(../images/static/navigation-tabs-on.png) top right ;
    padding-right: 9px;
}

#records-tab {
    float:right;
    width:150px;
    position:relative;
    z-index:5000;
}
#records-tab a {
    color: #173214;	
}
#records-tab p {
    line-height:1;
    margin-bottom:0;
}
#records-tab p a {
    display:block;
    float:left;
    width:auto;
    padding: 0 0 0 10px;
    background: url(../images/static/navigation-tabs-record-off.png) top left ;
    cursor:pointer;
}
#records-tab p a.active {
    color:#000;
    background:#ffffff url(../images/static/navigation-tabs-on.png) top left ;
    padding-bottom:1px;
}
#records-tab p a.active span {
    background:#ffffff url(../images/static/navigation-tabs-on.png) top right ;
}
#records-tab p a span {
    display:block;
    float:right;
    width:140px;
    padding: 7px 10px 7px 0;	
    background: url(../images/static/navigation-tabs-record-off.png) top right ;
}
#records-tab p.proxy-tab a span {
    background: url(../images/static/navigation-tabs-proxy-off.png) top right ;
}
#records-tab p.proxy-tab a.active span {
    background: url(../images/static/navigation-tabs-proxy-on.png) top right ;
}
#records-tab:hover p a,
#records-tab.iehover p a {
    background: url(../images/static/navigation-tabs-record-hover.png) top left ;
    text-decoration:none;
}

#records-tab:hover p a span,
#records-tab:hover p.proxy-tab a.active span,
#records-tab.iehover p a span,
#records-tab.iehover p.proxy-tab a.active span {
    background: url(../images/static/navigation-tabs-record-hover.png) top right ;
}
#records-tab ul {
    display:none;
    list-style: none;
    background: #98cb93;
    width:150px;
    margin-left:0;
    position:absolute;
    z-index:5000;
}
#records-tab:hover ul,
#records-tab.iehover ul {
    display:block;
}
#records-tab li {
    padding: 0 10px 5px 10px;
}

#content {
    background:#fff;
    padding: 30px 0 80px;
}

#content.blue-left .wrapper {
    background: url(../images/static/blue-left-bkgd-2.png) 0 0 repeat-y;
}

/* Left side subnavigation column */


#subnav li ul {
    display: none;
}

#subnav li.active ul {
    display: block;
    font-size:95%;
}

/* blue subnav */

.blue-left #subnav {
    background: url(../images/static/blue-left-top.png) 0 0 no-repeat;
}
.blue-left #subnav li a {
    background: url(../images/static/blue-left-subnav-bkgd.png) 0 0 repeat-y;
    border-bottom: 1px solid #cbe7fe;
}
.blue-left #subnav .vmenu {
    border-bottom: 1px solid #cbe7fe;
}
.blue-left #subnav .vmenu li a {
    color:#00447f;
}


#subnav {
    padding-top:5px;	
}
#subnav li a {
    font-size: 106%;
    letter-spacing:-.1px;
}
#subnav li a:hover {
    background: none;
    text-decoration:none;
}
#subnav li.active a,
#subnav .vmenu li.active a {
    background: #ffffff;
    color: #000000;
    font-weight: bold;
}
#subnav .vmenu li a {
    font-weight:normal;
    border-bottom:0;
}
#subnav .vmenu li a:hover {
    text-decoration:underline;
}



#left {
    width: 200px;
    float:left;
}

.side-module {
    margin-bottom:20px;
    position:relative;
    height:1%;/*for IE6*/
}

#left .side-module {
    margin: 20px 14px;
}
.collateral {
    padding: 10px;
    margin: 20px 10px;
    background: #ffffff;
    position:relative;
    height:1%;
}

.collateral h3 {
    color:#00447f;
    font-size:120%;
}

#right-cols {
    width: 708px;
    float: right;
}
#right-cols01 {
    width: 708px;
    float: left;
}
.right-title {
    padding-bottom: 0px;
    background:#ffffff;
    border-bottom: 1px solid #759bbc;
    width: 708px;
}
.right-title h2 {
    float:left;
    width:auto;
    color: #004277;
    font-size: 300%;
}
#right-banner {
    margin-bottom: 20px;
}

#center {
    width: 450px;
    float:left;
}
#right {
    width: 238px;
    float: right;
}
.health-record #center {
    width: 510px;
}

.health-record #right {
    width: 180px;
}


.no-columns #left {	display: none; }
.no-columns #right { display: none; }
.no-columns #right-cols {
    float: none;
    margin-left: 100px;
}
#content.no-columns p  { font-size: 110%; }
.no-columns .right-title { border: 0;}
#content.no-columns .wrapper { 
    background-image: none; 
    padding: 30px 0 20px;
}


/* module corners */

/* Module corners are absolutely placed divs that are 3x3 pixels that are written in with JavaScript. 
Set the size and position properties first. */

.all-corners,
.top-right-corner {
    position:relative;
    height:1%;
}

.tl-corner,
.tr-corner,
.bl-corner,
.br-corner {
    display:block;
    position:absolute;
    width:10px;
    height:10px;
}

/* Then set each corner div in the proper place */

.tl-corner {
    top:0;
    left:0;
}
.tr-corner {
    top:0;
    right:0;
}
.br-corner {
    bottom:0;
    right:0;
}
.bl-corner {
    bottom:0;
    left:0;
}

/* Then apply the background images to make the corners. 
Note: The color refers to the color that the module sits on, not 
the background color of the module itself. */

.tl-corner { background: url(../images/static/white-corners-tl-3px.png) top left no-repeat; }
.tr-corner { background: url(../images/static/white-corners-tr-3px.png) top right no-repeat; }
.br-corner { background: url(../images/static/white-corners-br-3px.png) bottom right no-repeat; }
.bl-corner { background: url(../images/static/white-corners-bl-3px.png) bottom left no-repeat; }

.blue-left #left .tl-corner { background: url(../images/static/blue-corners-tl-3px.png) top left no-repeat; }
.blue-left #left .tr-corner { background: url(../images/static/blue-corners-tr-3px.png) top right no-repeat; }
.blue-left #left .br-corner { background: url(../images/static/blue-corners-br-3px.png) bottom right no-repeat; }
.blue-left #left .bl-corner { background: url(../images/static/blue-corners-bl-3px.png) bottom left no-repeat; }

.subnav-section .tl-corner { background: url(../images/static/blue-corners-tl-3px.png) top left no-repeat; }
.subnav-section .tr-corner { background: url(../images/static/blue-corners-tr-3px.png) top right no-repeat; }
.subnav-section .br-corner { background: url(../images/static/blue-corners-br-3px.png) bottom right no-repeat; }
.subnav-section .bl-corner { background: url(../images/static/blue-corners-bl-3px.png) bottom left no-repeat; }


.blue-left #left .downloads .br-corner { background: url(../images/static/white-corners-br-3px.png) bottom right no-repeat; }
.blue-left #left .downloads .bl-corner { background: url(../images/static/white-corners-bl-3px.png) bottom left no-repeat; }


/* end module corners */


div.intro {
    font-size:120%;
    border-bottom: 1px solid #daeefe;
    margin-bottom: 18px;
    padding-bottom: 8px;
}
div.intro-noborder {
    font-size:120%;
    margin-bottom: 18px;
    padding-bottom: 8px;
}
div.intro h3 {
    font-size: 1.8em;
}
div.intro p,
div.intro-noborder p {
    line-height: 1.3;
}

#footer {
    background: url(../images/static/footer-shadow.jpg) 0 0 repeat-x;
    color:#bbe0ff;
    padding: 30px 0 50px;
}
#footer p {
    margin-bottom: 5px;
}
#footer-id {
    width: 230px;
    float:left;
}
#footer-id img {
    display: block;
    margin-bottom: 10px;
}

#footer a {
    color: #fff;
}
#footer-menus {
    color: #5992bf;
    padding-left: 20px;
    margin-left: 20px;
    border-left: 1px solid #5992bf;
    float: left;
    width: auto;
}
#footer-menus .hmenu {
    margin-bottom: 16px;
}
#footer-menus .hmenu li {
    border-color: #5992BF;
}

#footer #address {
    display:none;
}
#page-tools {
    float:right;
    width:auto;
    font-size:95%;
    padding-top:16px;
}
#page-tools1 {
    float:right;
    width:auto;
    font-size:95%;
    padding-top:16px;
}
#page-tools a {
    padding: 8px 5px 5px 22px;
    margin-left: 10px;
    color: #508cc8;
}
#page-tools1 a {
    padding: 8px 5px 5px 22px;
    margin-left: 10px;
    color: #508cc8;
}
#page-tools #email-link {
    background: url(../images/static/email-fixed.png) 0 50% no-repeat;
}
#page-tools1 #refer-link {
    background: url(../images/static/email-fixed.png) 0 50% no-repeat;
}
#page-tools #print-link {
    background: url(../images/static/printer-fixed.png) 0 50% no-repeat;
}


.right-banner-image {
    width:708px;
    /*	height:230px;*/
    clear:both;
    position:relative;
}

.right-banner-message {
    width:214px;
    position:absolute;
    top:25px;
    right:15px;
}

.right-banner-message .pricing { 
    text-align: center;
    line-height: 1;
    width:190px;
    padding: 32px 13px 22px;
    font-size: 120%;
    margin-bottom: 0;
}
.right-banner-message .pricing a { color: #000000;}
.right-banner-message .pricing a:hover { text-decoration:none; }
.right-banner-message .pricing .price { display:block; margin-bottom:8px; font-weight:bold; }
.right-banner-message .pricing .price .amount { font-size:300%; letter-spacing:-1px; }
.right-banner-message .pricing .price .textAfterAmount { font-size: 1.4em; }
.right-banner-message .pricing .textBelowButton { font-weight:bold; font-size: 0.9em;  }
.right-banner-message .pricing .price .term { font-size:150%; }
.right-banner-message .pricing .price .currency { font-size:230%; }

.healthinfo .right-banner-message {
    font-size: 130%;
    width: 400px;
    left: 20px;
    top: 110px;
}


/* defined modules */

.error-message {
    border:1px solid #f00;margin-bottom:20px;
}
.error-title {
    color:#fff;background:#f00;padding:5px 10px;
}
.error-message .inner {
    padding:0 10px;
}
.red-alert, 
.yellow-alert {
    width: 510px;
    margin-bottom: 10px;
    padding-bottom: 7px;
}
.red-alert-wide,
.yellow-alert-wide {
    width: 613px;
    margin-bottom: 5px;
    padding-bottom: 7px;
}
.red-alert {
    background: url(../images/static/red-alert-bkgd.png) bottom left no-repeat;
}
.red-alert .inner {
    background: url(../images/static/red-alert-bkgd.png) top left no-repeat;
    padding: 9px 10px 0 40px;
}
.red-alert-wide {
    background: url(../images/static/red-alert-wide-bkgd.png) bottom left no-repeat;
}
.red-alert-wide .inner {
    background: url(../images/static/red-alert-wide-bkgd.png) top left no-repeat;
    padding: 9px 10px 0 40px;
}
.yellow-alert {
    background: url(../images/static/yellow-alert-bkgd.png) bottom left no-repeat;
}
.yellow-alert .inner {
    background: url(../images/static/yellow-alert-bkgd.png) top left no-repeat;
    padding: 7px 10px 0 40px;
}
.yellow-alert-wide {
    background: url(../images/static/yellow-alert-wide-bkgd.png) bottom left no-repeat;
}
.yellow-alert-wide .inner {
    background: url(../images/static/yellow-alert-wide-bkgd.png) top left no-repeat;
    padding: 7px 10px 0 40px;
}
.red-alert p,
.yellow-alert p,
.red-alert-wide p,
.yellow-alert-wide p {
    float: left;
    width: auto;
    margin-bottom: 4px;
}
p.close-alert {
    float: right;
    width: 51px;
}
p.close-alert img {
    display: block;
}


#questions p,
#questions h3 {
    margin-bottom:0;
}

#questions .telephone {
    font-size:190%;
    font-weight:bold;
    color: #004277;
}

.health-record #questions .telephone {
    color:#104703;
}

.summary {
    padding: 10px 12px;
    background: #fefbea;
    font-size: 120%;
    position:relative;
    height:1%;/* for IE6 */
}
.summary h4 {
    font-size: 100%;
    color: #004277;
    line-height: 1.2;
    margin-bottom: 2px;
}
.summary p {
    line-height: 1.2;
    margin-bottom: 10px;
}

.donate {
    padding: 10px 12px;
    background: #fefbea;
    position:relative;
    height:1%;/* for IE6 */
}
.donate h4 {
    color: #004277;
    line-height: 1.2;
    margin-bottom: 2px;
}
.donate p {
    line-height: 1.2;
    margin-bottom: 10px;
}
.donate .buttons {
    text-align: right;
}

.marketing {
    padding: 10px 12px;
    background: #edf6ff;
    position:relative;
    height:1%;/* for IE6 */
}

.marketing h4 {
    color: #004277;
}

.testimonial {
    background:#dbeefd;
    padding-bottom:5px;
}
.testimonial p {
    margin:14px;
}
.testimonial blockquote {
    color: #004277;
    font-size:150%;
    font-weight:bold;
    word-spacing:-1px;
    background: transparent url(../images/static/testimonial-close-quote.png) bottom right no-repeat;
    margin:10px 14px 0 14px;
    padding:0;
}
.testimonial blockquote p {
    line-height:1.2;
    height:1%;
    background: transparent url(../images/static/testimonial-open-quote.png) top left no-repeat;
    padding:10px 10px 0 10px;
    margin:0;
}

.testimonial.no-picture {
    padding-top: 10px;
}

.related {
    padding: 10px 12px;
    background: #dbeefd;
    position:relative;
    height:1%;/* for IE6 */
}
.related h4 {
    color: #004277;
}

.downloads {
    background:#dbeefd;
    border-top: 1px solid #cbe7fe;
    padding: 8px 8px 1px;
    position:relative;
    height:1%;
}
.downloads ul {
    list-style-type:none;
    margin-left:0;
}
.downloads li {
    line-height:1.1;
}

.downloads ul a {
    display:block;
    padding: 2px 0 8px 20px;
    background: url(../images/static/page_white_acrobat-fixed.png) 0 0 no-repeat;
    height:1%;
    font-weight:bold;
}

/*.common-questions {
background: #f2f7f1;
}
*/
.common-questions .cqanswer {
    display:none;
}

.side-module.news {
    padding: 10px 12px;
    background: #fefbea;
}
.news p.news-date {
    text-transform: uppercase;
    color:#666666;
    margin-bottom: 0;font-size:90%;
}
.news p.news-blurb {
    font-weight:bold;
    margin-bottom: 12px;
}

.about .side-module.news {
    background: #dbeefd;
}


.picture-summary {
    margin-top: 10px;
    margin-bottom: 20px;
}
.picture-summary img {
    display: block;
    float: left;
    width: 160px;
    margin-right: 10px;
}
.picture-summary h4 {
    color: #00447f;
    margin-bottom: 2px;
}

.featured-staff {
    background: #fefbea;
    position:relative;
    height:1%;
}
.featured-staff h4 {
    color: #004277;
    line-height: 1.2;
    margin-bottom: 2px;
    margin-top: 8px;
}
.featured-staff p {
    line-height: 1.2;
    margin-bottom: 10px;
}
.featured-staff .inner {
    padding: 6px 12px;
}

.common-questions {
    padding: 14px 12px 10px;
    background: #edf6ff;
}


.member-stories-intro {
    background: #f5fafe;
    padding: 10px 10px 6px 10px;
    font-size: 120%;
}
.member-story-row {
    border-bottom: 1px solid #d9f0ff;
}
.member-story-intro {
    width: 212px;
    float: left;
    padding: 11px 12px 14px 0;
    border-right: 1px solid #d9f0ff;
}
.member-story-intro.right {
    border-right: 0;
    padding: 11px 0 14px 12px;
}
.member-story-intro h4 {
    color: #00447f;
    margin: 10px 0 0;
}

.right-banner-message .member-story-blurb {
    display: block;
    width:190px;
    padding: 32px 13px 22px;
    font-size: 130%;
    margin-bottom: 0;
}
h3.member-after {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #d9f0ff;
}
h4.plan-header {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #e5dbca;
}

/* Progress Bar */

.progress-bar {
    background: #ffffff url(../images/static/progress-bar-bkgd.png) bottom left repeat-x;
}
#content.blue-left .progress-bar .wrapper {
    background: none;
}
.progress-bar .wrapper {
    width: 708px;
}
/* using a nested span because IE6 can't process a long chain of selectors */
.progress-bar ol span {
    display:block;
    float:left;
    padding: 10px 20px 10px 25px;
    color:#00447f;
    background-image: url(../images/static/procnums-notdone.png);
    background-repeat: no-repeat;
}

.progress-bar ol #step1 span { background-position: 0 5px; }
.progress-bar ol #step2 span { background-position: 0 -45px }
.progress-bar ol #step3 span { background-position: 0 -95px; }
.progress-bar ol #step4 span { background-position: 0 -145px; }
.progress-bar ol #step5 span { background-position: 0 -195px; }

.progress-bar ol li.current span { 
    color: #000000;
    background-image: url(../images/static/procnums-current.png);
}
.progress-bar ol li.current {
    padding-left: 24px; 
    background: url(../images/static/progress-bar-arrow.png) -12px 50% no-repeat;
    
}
.progress-bar ol li.done {
    padding-left: 10px;
    background-color:#deedf9;
}
.progress-bar ol li.done span{ 
    padding-right: 10px;
    color: #648aa3;
    background-color:#deedf9;
    background-image: url(../images/static/procnums-done.png);
}

/* Page Scripts */

body.page-script {
    background: #fff;
}
.page-script-banner {
    background: #d0d0d0 url(../images/static/msa-ribbon-bkgd.png) 0 0 repeat-x;
    border-bottom: 1px solid #ababab;
    padding: 6px 12px;
}
.page-script-banner h1 {
    font-size: 140%;
    float:left;
    width:auto;
    margin-bottom: 0;
}
.page-script-banner a {
    display: block;
    float: right;
    width: auto;
}
.page-script-content {
    padding: 10px 12px;
}

/* Training Material */
.training-list {
    margin-bottom: 40px;
}
.training-list h4 {
    margin-bottom: 12px;
}
.training-list ul {
    list-style-type: none;
    margin-left: 0;
}
.training-list h5 {
    margin-bottom: 2px;
}
.training-list li {
    border-top: 1px solid #ffebc6;
    margin-top: 20px;
    padding-top: 20px;
}
.training-list li.first {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}
.training-list .hmenu li {
    border-left-color: #b5b5b5;
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}
#training-email-address {
    display:block;
    width:204px;
    margin:5px 0;
}

/* Alert Boxes */

/* 
There are two background color versions: one on white, one on gray for the MSA pages. 
There are three icon/color types: red-take action now, yellow-please be aware, green-informational
There are three widths: 
510px (in a normal middle column, like the PHR pages)
613px (in a wide-left column, like the member home page)
640px (in the MSA dashboard)
930px (in a full-page column, like in the MSA dashboard)
If you need to add a new width, create a new class and set the .alert-content container to 110px 
narrower than your goal width. For example to create a red alert on a normal page that is 500px wide,
your main alert container tag would look like this:

<div class="alert-flex alert-red alert-500 clearfix">
(other divs here)
</div>

And your new .alert-500 class would look like this: .alert-500 .alert-content { width:390px; }
*/
.alert-flex { 
    background: url(../images/static/alert-bkgd.png) bottom right no-repeat; 
    margin-bottom: 10px;
}
.alert-stripe { 
    float:left;
    width:auto;
} 
.alert-icon {
    width:32px;
    height:26px;
    float:left;
    font-size: 1px;
    line-height: 0;
}
.alert-content{
    float:left;
    padding: 8px 0 0 5px;
    margin: 0 10px 0 0;
}
.alert-top-right{
    float:right;width:10px;height:10px;
    background: url(../images/static/alert-tr.png) top right no-repeat;
    font-size: 1px;
    line-height: 0;
}
.alert-bottom-left{
    clear:both;
    width:32px;
    height:8px;
    float:left;
    font-size: 1px;
    line-height: 0;
}
.alert-close {
    float:left;
    width: 51px;
    margin: 5px 0 0 0;
    line-height: 1;
}
.alert-close img {
    display:block;
}

.alert-510 .alert-content { width:400px; }
.alert-613 .alert-content { width:503px; }
.alert-640 .alert-content { width:530px; }
.alert-930 .alert-content { width:820px; }

.alert-red .alert-icon { background:url(../images/static/alert-red-tl.png) top left no-repeat; }
.alert-red .alert-stripe { background: url(../images/static/alert-red-rpt.png)top left repeat-y; }
.alert-red .alert-bottom-left { background:url(../images/static/alert-red-bl.png) bottom left no-repeat; }

.alert-green .alert-icon { background:url(../images/static/alert-green-tl.png) top left no-repeat; }
.alert-green .alert-stripe { background: url(../images/static/alert-green-rpt.png)top left repeat-y; }
.alert-green .alert-bottom-left { background:url(../images/static/alert-green-bl.png) bottom left no-repeat; }

.alert-yellow .alert-icon { background:url(../images/static/alert-yellow-tl.png) top left no-repeat; }
.alert-yellow .alert-stripe { background: url(../images/static/alert-yellow-rpt.png)top left repeat-y; }
.alert-yellow .alert-bottom-left { background:url(../images/static/alert-yellow-bl.png) bottom left no-repeat; }

#msa .alert-flex { background: url(../images/static/alert-gray-bkgd.png) bottom right no-repeat; }
#msa .alert-top-right { background: url(../images/static/alert-gray-tr.png) top right no-repeat; }

#msa .alert-red .alert-icon { background:url(../images/static/alert-red-gray-tl.png) top left no-repeat; }
#msa .alert-red .alert-bottom-left { background:url(../images/static/alert-red-gray-bl.png) bottom left no-repeat; }

#msa .alert-yellow .alert-icon { background:url(../images/static/alert-yellow-gray-tl.png) top left no-repeat; }
#msa .alert-yellow .alert-bottom-left { background:url(../images/static/alert-yellow-gray-bl.png) bottom left no-repeat; }

#msa .alert-green .alert-icon { background:url(../images/static/alert-green-gray-tl.png) top left no-repeat; }
#msa .alert-green .alert-bottom-left { background:url(../images/static/alert-green-gray-bl.png) bottom left no-repeat; }

/* e-mail modal window */

.email-friend-header {
    background:#a8d8fe;
    padding:16px 27px;
    border-bottom:1px solid #68b88f;
}
.email-friend-content {
    padding:16px 24px 16px 27px;
}
.email-friend-title {
    color:#00447f;
    font-size:170%;
    font-weight:bold;
    border-bottom:1px solid #d9e9f6;
    padding-bottom:5px;
}
form.email-friend .buttons-right {
    border-top:1px solid #d9e9f6;
    padding-top:16px;
    margin-top:8px;
}
form.email-friend label {
    display:block;
    font-weight:bold;
}
form.email-friend label#send-to-self-label {
    font-weight:normal;
}
.email-friend-footer {
    background:#a8d8fe;
    padding:16px 27px;
    text-align:right;
    border-top:1px solid #68b88f;
}

#special-engraving-request {
    display:none;
    margin-bottom: 10px;
}

/* jqModal styles */
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -200px;
    width: 400px;
    
    background-color: #fff;
    z-index: 6000;
}

.jqmOverlay { background-color: #000; }

/* addition in css */
#home-banner-nav {
    position: absolute;
    bottom: 0;
    /*left: 10px;*/
    z-index: 1000;
    border-bottom:1px solid #ccc;
}
#home-banner-nav li {
    
}
#home-banner-nav li.active {
    background: url(../images/static/store-banner-nav-active-bkgd.png) 50% 0 no-repeat;
    
}
#home-banner-nav li a {
    display: block;
    float: left;
    width: 215px;
    padding: 7px 12px;
    border-left: 1px solid #ccc;
    margin-top: 10px;
    outline: none;
}

#home-banner-nav li a img {
    float: left;
    width: auto;
    margin-right: 10px;
}
#home-banner-nav {
    display: none;
    
}

.home-standard #right-banner01 {
    margin-left: 20px;
}

.home #right-banner01 {
    position: relative;
    margin-bottom: 0;
    margin: 0 auto;
    width: 960px;
}

.home .right-banner-image01 {
    /*	border-top: 6px solid #d0e0ef;*/
    display:block;
}
.home-standard .right-banner-image01 {
    margin-bottom: 0px;
}
.home-standard .right-banner-image01 {
    /*border-top: 6px solid #d0e0ef;	*/
}

.paddtingtable{
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
    border-bottom:1px solid #1c517f;
}	
.cart-table-header{
    background-color:#004277;
    color:#FFFFFF;
    text-align:middle;
    font-weight:normal;
    height:25px;
}
.validatemsg {
    color:red;
    margin-left:5px;
    font-size:12px;
}
.validatemsggreen {
    color:green;
    margin-left:5px;
    font-size:12px;
}
.mandatory {
    color:#004277;
    margin-left:5px;
    font-size:12px;
}
.availablemsg{
    color:green;
    margin-left:5px;
    font-size:12px;
}

/* for Billing page table */
.firstColumn {
    width: 10%;
    text-align: right ! important ;
    padding: 2px 0 2px 20px; 
    /*background: url(../images/static/delete-fixed.png) 0 50% no-repeat;*/
    /*text-decoration: none;*/
    margin-top:4px;          
}
.secondColumn {
    width: 10%;
    text-align: left;
}
.thirdColumn {
    width: 40%;
    text-align: left;
}
.fourthColumn {
    width: 15%;
    font-size:20px ; 
    text-align: left;
    font-weight:bold ! important ;
    
}
.fifthColumn {
    width: 10%;
    font-size:20px ;
    color:#ce1419;
    font-weight:bold ! important ;
    text-align: left;
}
.sixthColumn {
    width: 15%;
    font-size:20px ;
    color:#ce1419;
    font-weight:bold ! important ;
    text-align: left;
}
.headerAlignment
{
    font-weight:bold ! important ;
    background: #faf4d3;
    text-align: left ! important;
}
.footerAlignment
{
    font-size:20px ; 
    font-weight:bold ! important ;
    text-align: right ! important;
}
.priceTotal
{
    font-size:20px ;
    color:#ce1419;
    font-weight:bold ! important ;    
}
.optionColumn
{
    vertical-align:top ! important ;
}

/*end*/

/*manoj*/
.two-column td,
.two-column th {
    vertical-align:top;
    padding-bottom: 12px;
    width:auto;
}
.two-column td.left,
.two-column th {
    width:125px;
    padding-right:5px;
    padding-top: 2px;
    text-align: right;
    font-weight: normal;
}
.two-column select,
.two-column input[type=text],
.two-column input[type=password],
.two-column textarea {
    border:1px solid #ccc;
    padding:2px;
}
.two-column textarea {
    width:300px;
    height:100px;
}
.two-column input[type=text],
.two-column input[type=password] { width:200px; }
.two-column fieldset.border-top {
    border-top: 1px solid #d9e9f6;
    padding-top: 20px;
    margin: 10px 0 16px;
}

.two-column input.largest {width: 290px; }
.two-column input.large { width: 170px; }
.two-column input.med { width: 140px; }
.two-column input.small { width: 50px; }

.flexitable td {
	vertical-align:top;
	padding: 0 5px 12px 0;
	width:auto;
}
.flexitable th {
	vertical-align:top;
	padding: 0 5px 12px 0;
}
	.flexitable td.left,
	.flexitable th {
		width:auto;
		padding-right:5px;
		padding-top: 2px;
		text-align:left;
		font-weight: normal;
	}
	.flexitable select,
	.flexitable input[type=text],
	.flexitable input[type=password],
	.flexitable textarea {
		border:1px solid #ccc;
		padding:2px;
	}
	.flexitable textarea {
		width:300px;
		height:100px;
	}
	.flexitable fieldset.border-top {
		border-top: 1px solid #d9e9f6;
		padding-top: 20px;
		margin: 10px 0 16px;
	}

.flexitable input.largest {	width: 290px; }
.flexitable input.large { width: 170px; }
.flexitable input.med { width: 140px; }
.flexitable input.small { width: 50px; }

#backgroundPopup{

    display:none;
    position:fixed;
    _position:absolute; /* hack for internet explorer 6*/
    height:100%;
    width:100%;
    top:0;
    left:0;
    background:#ffffff;
    border:1px solid #cecece;
    z-index:1;
}
#popupContact{
    display:none;
    position:fixed;
    _position:absolute; /* hack for internet explorer 6*/
    /*height:150px;
    width:200px;*/
    background:none; 
    z-index:1000;
    padding:12px;
    font-size:13px;
    top:49%;
    left:49%;
}
#popupContact h1{
    font-family:Arial, Helvetica, sans-serif;
    text-align:left;
    color: #7D9F7B;
    font-size:22px;
    font-weight:700;
    /*border:1px dotted #D3D3D3;*/
    padding-bottom:2px;
    margin-bottom:20px;
}
#popupContactClose{
    font-size:14px;
    line-height:14px;
    right:6px;
    top:4px;
    position:absolute;
    color: #FF0000;
    font-weight:700;
    display:block;
}
#shopBuild{
    text-align:center;
    /*margin:100px;
*/}

.showHand {
    cursor: pointer;
}
#size-guide01 {
	padding: 6px 10px 1px;
	margin: 10px 5px 0;
	display:block;
	background: #eaf3fb;
}
.centerAlign{
    text-align:center;
}

#tt {position:absolute; display:block;}
#tttop {display:block; height:5px; margin-left:5px; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#FFFFFF; color:#000}
#ttbot {display:block; height:5px; margin-left:5px; overflow:hidden}