/* Site Container */
body { margin: 0; padding: 0; min-width: 1000px; font: 75% Arial, Helvetica, sans-serif; color: #000; text-align: center; line-height: 1.3em; background: #000; }

#container { position: relative; width: 1000px; margin: 0px auto 30px auto; padding: 0; text-align: left; }

#header { margin: 0; padding: 0 0 10px 0; width: 1000px; background: #000; }
#header h1 { float: left; margin: 10px 0 0 0; padding: 0; text-indent: -9999px; height: 163px; width: 1000px; background: url(../images/public-header3.gif) no-repeat bottom right; }
#header div { float: left; width: 715px; padding: 0; text-align: right; margin: 85px 0 0 0px; }

/* MENU */
/* ------------------------------------------------------------------------------------------------------------------------ */

#nav { list-style: none; padding: 5px 0; margin: 0; background-color: #f58970; width: 1000px; float: left; border-top: 5px solid #000; color: #fff; font-size: 120%; font-weight: bold; border-bottom: 3px solid #fff; }
#nav li { float: left; padding: 5px 12px; }
#nav li#last { float: right; }
#nav li a:link { color: #fff; text-decoration: none; } 
#nav li a:visited { color: #fff; text-decoration: none; } 
#nav li a:hover { color: #fff; text-decoration: underline; } 
#nav li a:active { color: #fff; text-decoration: underline; } 

/* MAIN SITE MENU */
/* ------------------------------------------------------------------------------------------------------------------------ */

#page { float: left; margin: 0; padding: 25px 0; background: #f04a23; width: 1000px; }

#page #column1, #page #column4 { float: left; width: 221px; background: url(../images/progress-bg-onred.gif) no-repeat bottom left; padding: 0 0 10px 0; margin: 0 15px; }
#page #column1a, #page #column4 { float: left; width: 221px; padding: 0 0 10px 0; margin: 0 15px; }
#page #column1a #column1 { margin: 0; }
#page #column1a #column1 p { padding: 0 15px 0 15px; }
#login #page #column1 { background: url(../images/none.gif) no-repeat bottom left; }
#page #column1 h2, #page #column4 h2 { margin: 0; padding: 10px 10px 5px 10px; font-size: 135%; border-bottom: 1px solid #545353; background: url(../images/progress-bg-onred.gif) no-repeat top left; }
#page #column1 .content, #page #column4 .content { border: 1px solid #545353; border-top: 0; border-bottom: 0; padding: 20px 10px; background: #fff; }

#page img#column1 { background-image: none; float: left; width: 221px; padding: 0 0 10px 0; margin: 0 15px; }

#page #column1 .content ul { list-style: none; margin: 0; padding: 0; }
#page #column1 .content ul li { text-transform: uppercase; color: #545353; border-bottom: 1px solid #999999; padding: 5px 0; display: block; width: 100%; }
#page #column1 .content ul li.current { color: #ea6d33; background: url(../images/icon-current.gif) no-repeat center right; font-weight: bold; }
#page #column1 .content ul li.complete { color: #ea6d33; background: url(../images/icon-ok.gif) no-repeat center right; }

#page #column2 { float: left; width: 496px; background: url(../images/main-bg-onred.gif) no-repeat bottom left; padding: 0 0 10px 0; margin: 0; }
#page #column2 h2 { margin: 0; padding: 10px 10px 5px 10px; font-size: 135%; border-bottom: 1px solid #545353; background: url(../images/main-bg-onred.gif) no-repeat top left; }
#page #column2 h2 span { font-weight: normal; }
#page #column2 .content { border: 1px solid #545353; border-top: 0; border-bottom: 0; padding: 20px 10px; background: #fff; }

/* for 2 col layout against orange */
#page #column2.nobg { background-image: none; padding: 0 0 0 15px; width: 730px; }
#page #column2.nobg h2 { background-image: none; border: 0; padding: 0; color: #fff; }
#page #column2.nobg h3 { color: #fff; }
#page #column2.nobg .content { border: 0; background: transparent; padding: 0; }

/* side banners */
#page #column4.banner { padding: 100px 0 0; background-image: url(../images/banner_reebok.gif); background-position: left top; }
#page #column4.banner .content { background: transparent url(../images/banner_bottom) no-repeat left bottom; border: 0; }
#page #column4.banner #conversation { padding: 5px 0 70px 80px; min-height: 110px; }
#page #column4.banner strong { font-weight: bold; color: #154f7a; }
#page #column4.b1 #conversation { background: url(../images/banner_sheila1.jpg) no-repeat center bottom; }
#page #column4.b2 #conversation { background: url(../images/banner_sheila2.jpg) no-repeat center bottom; }

#page img#column2 { background-image: none; float: left; width: 496px; padding: 0 0 10px 0; margin: 0; }

.spancol3 #page #column2 { float: left; width: 732px; background: url(../images/main-bg-full-onred.gif) no-repeat bottom left; }
.spancol3 #page #column2 h2 { background: url(../images/main-bg-full-onred.gif) no-repeat top left; }

#page #column2 .content form { margin: 0; padding: 0 0 40px 0; }
#page #column2 .content form fieldset { border: 1px solid #ea6d33; border-left: 0; border-right: 0; margin: 0 0 25px 0; padding: 0 10px 20px 10px; }
#page #column2 .content form fieldset legend { font-style: italic; font-weight: bold; font-size: 130%; }
#page #column2 .content form fieldset .item { float: left; margin: 5px 0 0 0; width: 400px; }
#page #column2 .content form fieldset .first { margin-top: 25px; }
#page #column2 .content form fieldset .text { margin-top: 10px; }
#page #column2 .content form fieldset label { float: left; display: block; width: 120px; padding-top: 3px; }
#page #column2 .content form fieldset input { float: left; display: block; width: 200px; border: 1px solid #545353; padding: 2px 5px; }
#page #column2 .content form fieldset input[type="hidden"] { display: none; }
#page #column2 .content form fieldset img.required { margin: 5px 0 0 5px; }
#page #column2 .content form fieldset textarea { width: 250px; height: 100px; font: 100% Arial, Helvetica, sans-serif; border: 1px solid #545353;  }
#page #column2 .content form fieldset p { float: left; display: block; width: 400px; margin: 5px 0 0 0; }
#page #column2 .content form button#btn-next { float: left; width: 150px; height: 30px; line-height: 30px; margin: 0 0 20px 130px; padding: 0; border: 0; background: url(../images/button-next.gif) no-repeat; text-indent: -9999px; outline: none; cursor: pointer; /* hand-shaped cursor */ cursor: hand; /* for IE 5.x */}
#page #column2 .content form button#btn-cancel { float: left; width: 150px; height: 30px; line-height: 30px; margin: 0 0 20px 20px; padding: 0; border: 0; background: url(../images/button-cancel.gif) no-repeat; text-indent: -9999px; outline: none; cursor: pointer; /* hand-shaped cursor */ cursor: hand; /* for IE 5.x */}
#page #column2 .content form button#btn-confirm { float: left; width: 150px; height: 30px; line-height: 30px; margin: 0 0 20px 20px; padding: 0; border: 0; background: url(../images/button-confirm.gif) no-repeat; text-indent: -9999px; outline: none; cursor: pointer; /* hand-shaped cursor */ cursor: hand; /* for IE 5.x */}
#page #column2 .content form button#btn-payment { float: right; width: 150px; height: 30px; line-height: 30px; margin: 0 0 20px 20px; padding: 0; border: 0; background: url(../images/button-payment.gif) no-repeat; text-indent: -9999px; outline: none; cursor: pointer; /* hand-shaped cursor */ cursor: hand; /* for IE 5.x */}

#page #column2 .content form fieldset .radio input { width: 25px; margin-right: 10px; border: 0px; padding: 0; }
#page #column2 .content form fieldset .radio label { width: 450px; margin: 5px 0; padding: 5px 0; border-bottom: 1px dashed #545353; }
#page #column2 .content form fieldset .radio label span { font-weight: bold; }
#page #column2 .content form fieldset .radio label span.indent { font-weight: normal; margin-left: 40px; }
/*
#page #column2 .content form fieldset .radio .item { margin-left: 0px; }
#page #column2 .content form fieldset .radio .item label { border-bottom: 0; width: 300px; margin: 0; padding-top: 3px; font-style: italic; }
#page #column2 .content form fieldset .radio .item input { border: 1px solid #545353; padding: 2px 5px; width: 25px; }
*/

#step4r3 #page #column2 .content form fieldset input.small { width: 20px; }
#step4r3 #page #column2 .content form fieldset span.slash { float: left; }

#page #column2 .content .attention { border: #990000 1px dashed; padding: 10px; margin: 0 0 35px 0; background: #f8f9c9; }
#page #column2 .content .attention h3.question { background: url(../images/icon-question.gif) no-repeat top left; padding: 0 0 0 40px; line-height: 20px; margin: 0 0 10px 0; }
#page #column2 .content .attention h3.warning { background: url(../images/icon-warning.gif) no-repeat top left; padding: 0 0 0 40px; line-height: 20px; margin: 0 0 10px 0; }
#page #column2 .content .attention p { margin-left: 40px; }
#page #column2 .content .attention ol { margin-left: 40px; }

#page #column2 .content h3 { font-size: 120%; }
#page #column2 .content h3.error { margin: 0; padding: 0; }
#page #column2 .content ol.error { margin: 0 0 20px 0; padding: 0 0 0 2.5em; }
#page #column2 .content ol.error li { margin: 0; padding: 10px 0 0 0; }

#page #column2 .content a.btn-add { display: block; width: 150px; height: 30px; line-height: 30px; background: url(../images/button-add.gif) no-repeat center left; text-indent: -9999px; text-decoration: none; outline: none; }
#page #column2 .content a.btn-next { display: block; float: right; width: 150px; height: 30px; line-height: 30px; background: url(../images/button-next.gif) no-repeat center left; text-indent: -9999px; text-decoration: none; outline: none; margin: 0 0 30px 0; }
a.btn-buynow { display: block; width: 150px; height: 30px; line-height: 30px; background: url(../images/button-buynow.gif) no-repeat center left; text-indent: -9999px; text-decoration: none; outline: none; margin: 15px 0 0 25px; }

#page #column2 .content ul.controls { float: left; list-style: none; margin: 0; padding: 0; }
#page #column2 .content ul.controls li { float: left; padding-left: 5px; }
#page #column2 .content ul.controls li a.iconinfo { display: block; width: 14px; background: url(../images/icon-info.gif) no-repeat center left; text-indent: -9999px; text-decoration: none; outline: none; }
#page #column2 .content ul.controls li a.icondelete { display: block; width: 14px; background: url(../images/icon-delete.gif) no-repeat center left; text-indent: -9999px; text-decoration: none; outline: none; }
#page #column2 .content ul.controls li a.iconincrease { display: block; width: 14px; background: url(../images/icon-add.gif) no-repeat center left; text-indent: -9999px; text-decoration: none; outline: none; }
#page #column2 .content ul.controls li a.icondecrease { display: block; width: 14px; background: url(../images/icon-decrease.gif) no-repeat center left; text-indent: -9999px; text-decoration: none; outline: none; }

#page #column2 .content table { width: 470px; margin: 1em 0; }
#page #column2 .content table thead tr td { background: #ccc; border-bottom: 1px solid #545353; padding: 5px 8px; }
#page #column2 .content table thead tr.top td { border: 0; border-right: 1px dotted #545353; text-align: center; font-weight: bold; padding-top: 5px; border-top: 1px solid #545353; }
#page #column2 .content table tr td.membercost, 
#page #column2 .content table tr td.devicecost, 
#page #column2 .content table tr td.totals { border-right: 1px dotted #545353; text-align: right; }
#page #column2 .content table tr td.totals,
#page #column2 .content table thead tr.top td.totals { border-right: 0; }
#page #column2 .content table tfoot tr td { text-align: right; }
#page #column2 .content table tfoot tr#final td { background: #ccc; color: fff; font-weight: bold; }

#page #column2 .content table tr td.member { width: 280px; }
#page #column2 .content table tr td.membercost { width: 30px; } 
#page #column2 .content table tr td.devicequan { width: 100px; }
#page #column2 .content table tr td.devicecost { width: 30px; }
#page #column2 .content table tr td.totals { width: 30px; }

#page #column2 .content table tbody tr td { border-bottom: 1px solid #545353; padding: 8px; }
#page #column2 .content table tfoot tr td { padding: 10px 8px; border-bottom: 1px solid #545353; }
#page #column2 .content table tbody tr td form { margin: 0; padding: 0; }
#page #column2 .content table tbody tr td a.pen { padding: 0 0 0 20px; background: url(../images/icon-pen2.gif) no-repeat 0 0; }
#page #column2 .content table tbody tr td label,
#page #column2 .content table tbody tr td a:link { color: #000; text-decoration: undeline; }
#page #column2 .content table tbody tr td label,
#page #column2 .content table tbody tr td a:visited { color: #000; text-decoration: underline; }
#page #column2 .content table tbody tr td label,
#page #column2 .content table tbody tr td a:hover { color: #000; text-decoration: none; }
#page #column2 .content table tbody tr td label,
#page #column2 .content table tbody tr td a:active { color: #000; text-decoration: underline; }

#page #column2 .content table tbody tr td.devicequan span { display: block; float: left; border: 1px solid #545353; padding: 2px 5px; width: 20px; }
#page #column2 .content table tbody tr.notcovered td { color: #333; font-style: italic; color: #990000; }
#page #column2 .content table tbody tr.notcovered td select { display: inline; color: #333; font-style: italic; font-size: 100%; color: #990000; margin-left: 10px; }

#page #column2 .content table#summary { border-left: 1px dotted #545353; }
#page #column2 .content table#summary tbody tr td { text-align: center; border-right: 1px dotted #545353; }

#page #column3 { float: left; width: 221px; background: url(../images/notes-bg-onred.gif) no-repeat bottom left; padding: 0 0 10px 0; margin: 0 15px; }
#login #page #column3 { background: url(../images/none.gif) no-repeat bottom left; }
#page #column3 h2 { margin: 0; padding: 10px 10px 5px 10px; font-size: 135%; border-bottom: 1px solid #545353; background: url(../images/notes-bg-onred.gif) no-repeat top left; }
#page #column3 .content { border: 1px solid #545353; border-top: 0; border-bottom: 0; padding: 20px 10px; background: #f8f9c9; }

#page #column3 .content ol { margin: 0 0 0 20px; padding: 0; }
#page #column3 .content ol li { border-bottom: 1px solid #999999; padding: 5px 0; }

#page img#column3 { background-image: none; float: left; width: 221px; padding: 0 0 10px 0; margin: 0 15px; }

#page .endorsement { float: left; width: 319px; margin-left: 10.999px; display: inline; }


#page .dualcol { float: left; width: 969px; background: url(../images/dual-col-bg.gif) no-repeat bottom left; padding: 0 0 10px 0; margin: 0 0 0 15px; }
#page .dualcol h2 { margin: 0; padding: 10px 10px 5px 10px; font-size: 135%; border-bottom: 1px solid #545353; background: url(../images/dual-col-bg.gif) no-repeat top left; }
#page .dualcol .content { border: 1px solid #545353; border-top: 0; border-bottom: 0; padding: 20px 10px; background: #abc0cf; background: #fff; }

#page h4 { clear: both; font-weight: bold; font-size: 100%; margin: 1em 0 0; padding: 1em 0 0; border-top: 1px solid #f36e4f; }
#page .ileft { float: left; margin:0 1em 1em 0; border: 0; }
#page .iright { float: right; margin: 0 0 1em 1em; border: 0; }

h2, h3 { color: #154f7a; }
img#timeline { margin: 0 0 15px 15px; }

a.special { border: 0; text-decoration: none; }
a.special img { border: 0px; }

a:link { color: #154f7a; text-decoration: none; } 
a:visited { color: #154f7a; text-decoration: none; } 
a:hover { color: #154f7a; text-decoration: underline; } 
a:active { color: #154f7a; text-decoration: underline; } 

a.boxlink { display: block; padding: 0.5em; margin-top: 4em; }
a.boxlink:link { color: #154f7a; background: #fff; text-decoration: none; } 
a.boxlink:visited { color: #154f7a; background: #fff; text-decoration: none; } 
a.boxlink:hover { color: #154f7a; background: #fff; text-decoration: underline; } 
a.boxlink:active { color: #154f7a; background: #fff; text-decoration: underline; }

.fleft { float: left; }
.fright { float: right; margin: 0 0 0 15px; }
.error { color: #990000; }

span.free {text-transform:uppercase; color:#0000FF;}

/* SITE FOOTER */
/* ------------------------------------------------------------------------------------------------------------------------ */

#footer { clear: left; color: #a7c1d5; margin: 0; padding: 10px; width: 980px; background: #10568c; text-align: left; border-top: 5px solid #000; }
#footer p { margin: 0; padding: 0.5em 0; }
#footer a:link { color: #a7c1d5; text-decoration: underline; } 
#footer a:visited { color: #a7c1d5; text-decoration: underline; } 
#footer a:hover { color: #a7c1d5; text-decoration: none; } 
#footer a:active { color: #a7c1d5; text-decoration: none; }