html, body {height: 100%;}
#overlay {height: 100%; width: 100%; background-color: #fff; position: absolute; top: 0; left: 0; opacity:.70; filter: alpha(opacity=70); -moz-opacity: 0.70; display: none;}
#popup {width: 655px; padding: 20px; position: absolute; left: 50%; top: 116px; margin-left: -354px; z-index: 10;
border: 6px solid #dbe6f8; background-color: #fff; display: none;
}
#tour, #close_popup {display: block; margin: 0 auto;}
#close_popup {margin-top: 20px; cursor: pointer;}
#popup ul, #popup p { padding: 3px 0 15px 20px; }
#popup ul {padding-left: 0;}
#popup h3, #created_account h3, #container_redirect h3 {color: #1f496e; }
.off {display: none;}
* {
margin: 0;
padding: 0;
outline: none;
background-repeat: no-repeat;
}
a img, fieldset { border: 0;}
input.hide_offers_input {position: relative; top: -4px; left: 0;}
*:first-child+html input.hide_offers_input {top: 0;}
* html input.hide_offers_input {top: 0;}
ul {list-style: none;}
a:link, a:visited, a:active {color: #2968d7; text-decoration: underline;}
a:hover {text-decoration: none;}
.note_link {padding-left: 20px; background-position: left center;}
.checkout_link, .checkout_link img {display: block;}
.clearer {clear: both; height: 1px;}
h2 {color: #1f496e; font-size: 18px; font-weight: normal;}
h3 {line-height: 15px; font-size: 12px;}
h4 {font-size: 16px; color: #000; }
h4.steps_header {font-size: 15px; color: #606060}
h4.wait {padding: 30px 0; text-align: center; font-weight: bold;}
em.important {color: #80a5e5; font-style: normal; font-weight: bold; display: block;}
a.print {padding-right: 22px; background-position: right top; line-height: 16px;}
.note_span {display: block; font-size: 11px;}
.green_text {color: #8fd643;}
.bold {font-weight: bold;}
h5 {font-size: 14px; color: #1f496e;}
#error h4.offer_notification {text-align: center; margin: 0 -20px;}
#error h5.offer_notification {text-align: center; margin: 0 -20px; color: #666666;}
body { background-color: #fff; font-family: "Trebuchet Ms"; font-size: 12px; color: #606060;}
#container {width: 900px; margin: 0 auto; padding: 17px 0;}
#header { margin: 0 0 17px; text-align: center; width:930px; background-color:#FFFFFF }
#subheader {padding-left: 13px;}
div#header div.test_mode { width:100%; padding:10px 0 10px 0; text-align:center; margin:10px 0 10px 0; font-size:18px; color:#FFFFFF; font-weight: bold; background:#F49B22; }
#footer { border: solid #c4c4c4; border-width: 1px 0 0;}
/* start cart */
#cart_wrapper {position: relative; top: 0; left: 0; }
#cart_container {border: 1px solid #BCCEEA; background-color: #F6F7F9; padding: 5px;}
#cart { width: 100%;}
#cart th {background-color: #f5f5f5; font-weight: normal; text-align: center;}
#cart td {background-color: #fff; text-align: center; border: solid #e7e7e7; border-width: 1px 0 0; }
#cart th, #cart td {padding: 5px 7px; }
#cart th#your_cart {font-size: 14px; font-weight: bold; width: 446px; text-align: left;}
/* th#your_cart, th#normal_price {border: solid #e7e7e7; border-width: 0 1px 0 0;} */
th#normal_price {width: 117px;}
#cart td.your_cart {text-align: left;}
td.normal_price span, td.tp_price span {font-weight: bold;}
td.tp_price span {color: #8fd643; }
td.normal_price span {text-decoration: line-through;}
em.title {font-style:normal; font-weight: bold; display: block;}
#cart p {padding-left: 36px; }
/* end cart */
/*start trialpay_info */
#trialpay_info table.trialpay_info_table {width: 100%;}
#trialpay_info {padding: 19px 0;}
#trialpay_info .checkout_link {margin-bottom: 10px;}
/* start footer */
#inside_footer { padding: 14px 0 ; margin-top: -3px; text-align: center; }
#inside_footer li { padding: 0 12px; display: inline;}
#inside_footer li.middle {border: solid #c4c4c4; border-width: 0 0 0 1px;}
#footer p {text-align: center;}
/* end footer */
/* start steps */
ul#steps, ul#steps li {float: left;}
ul#steps {padding: 43px 0 0; background-position: 23px 13px; width: 325px; overflow:hidden;}
ul#steps li {padding-right: 20px; color: #c4c4c4; }
ul#steps li.selected {color: #606060; font-weight: bold;}
ul#steps li.last {padding: 0;}
/* end steps*/
/* start selection */
#selection {width: 578px; float: right; position: relative; top: 0; right: 21px; border: 1px solid #BCCEEA; background-color: #F6F7F9; padding: 5px; }
#selection table {width: 100%; background-color: #fff; border: 5px solid #fff;}
#inside_selection { width: 458px; background-repeat: repeat-y; }
#selection_top {}
#selection_bottom { background-position: left bottom; padding: 3px 29px 3px 13px;}
#pointer {display: block; position: absolute; top: 50%; left: 0; margin-top: -7px; width: 9px; height: 13px;}
#inside_selection table img {display: block;}
#inside_selection table {width: 100%;}
#inside_selection td {vertical-align: middle; padding: 2px 0; }
/* end selection */
/* start page */
#page {padding: 15px 0; position: relative; top: 0; left: 0; width: 900px; }
#page_popup {padding: 15px 0; position: relative; top: 0; left: 0; width: 470px; }
#round_top, #round_top2 {position: absolute; top: 15px; left: 0; display: none; }
#round_bottom, #round_bottom2 {position: absolute; bottom: 15px; left: 0; display: none;}
#round_top2, #round_bottom2 {display: block;}
#inside_page {border: solid 6px #dbe6f8; width: 858px;}
#page > #round_top, #page > #round_bottom {display: block;}
#head {padding: 0 18px; background-color: #f0f5ff; height: 48px; border: solid #dbe6f8; border-width: 0 0 1px;}
#content {padding: 18px; }
#head h2 {line-height: 48px; float: right;}
#details {background-position: center top; background-repeat: repeat-y; }
#user_details {width: 341px; float: left; direction:rtl}
#formular_details {width: 300px; float: right; padding-left: 72px;}
#formular_details label {display: block;}
#formular_details input.text {width: 194px; padding: 3px; border: 1px solid #C3C4C4; }
#formular_details p {padding-top: 10px; direction:rtl}
#formular_details fieldset {margin-top: -10px;}
#formular_details em.important {padding: 5px 0 0;}
#user_details p {padding-bottom: 16px;}
#head .print {float: right; display: block; margin-top: 17px;}
#error {width:95%; margin: 0 auto; overflow: hidden;}
#product_to_product {height: 136px; position: relative; margin-top: 22px; clear: both; }
#product1, #product2 {width: 194px; height: 136px; position: absolute; top: 0; left: 0;}
#product2 {left: 293px;}
#connector {width: 99px; height: 136px; background-position: left center; position: absolute; top: 0; left: 194px;}
#product1 img, #product2 img {position: absolute; top: 37px; left: 36px;}
#error p {padding-top: 24px;}
table#offer_completion { width: 487px; margin:0 auto; }
table#offer_completion td.label { font-size: 16px; color: #000; width: 194px; text-align: center; font-weight: bold;}
#button_bottom {padding-top: 15px; text-align: center;}
#button_embedded {padding: 20px 0px 20px 0px; text-align: center;}
#button_embedded a {font-size: 140%;}
#button_embedded span {background: inherit; color: #2968D7;}
span.or {display: block; font-weight: bold; padding: 25px 0;}
dl.rounded_list {padding-top: 10px;}
dl.rounded_list dt {font-weight: bold; padding-bottom: 3px; color: #1f496e; font-size: 14px;}
dl.rounded_list dd { display: block; background-position: 0 6px; text-indent: 10px; margin-left: 15px; }
#instructions h5.section_start{padding-top: 18px;} /* keep <= #content frame padding */
dl.rounded_list input.button {margin: 0; padding: 0; position: relative; top: 4px; }
ul#viewing_offers {float: right; position: relative; right: -15px; padding: 16px 0;}
ul#viewing_offers_bottom {float: right; position: relative; right: -15px; padding: 16px 0 0 0;}
ul#viewing_offers li, ul#viewing_offers_bottom li {background-position: right center; float: left; padding: 0 15px;}
ul#viewing_offers li span, ul#viewing_offers_bottom li span, ul#viewing_offers li a, ul#viewing_offers_bottom li a {padding: 0 1px;}
/* end page */
/* start sidebar */
#sidebar {float: left; width: 131px;}
#main_page {width: 584px; float: right;}
#navigation, #navigation li {width: 100%; float: left; line-height: 23px;}
#navigation li a, #navigation li span {float: left; display: block;}
#navigation li span {width: 100%; color: #000; background-position: right top;}
#navigation li.selected_nav {position: relative; left: -6px; width: 137px; text-indent: 6px;}
#navigation li span em {font-weight: bold; font-style: normal; }
.separator {height: 29px; background-position: left center; background-repeat: repeat-x;}
#sidebar .separator {width: 100%; float: left;}
ul#confirmation, ul#confirmation li {width: 100%; float: left;}
ul#confirmation input.text {width: 100%;}
ul#confirmation select, #sidebar ul option {width: 100%;}
ul#confirmation input.text, ul#confirmation select {margin: 4px 0; display: block;}
ul#confirmation p {line-height: 14px;}
ul#confirmation li {padding-bottom: 10px;}
/* end sidebar */
/* start main offers */
#main_offers_wrapper { }
#main_offer {width: 100%;}
td.module, td.no-offer {width: 256px; border: 1px dashed #c4c4c4; position: relative; top: 0; left: 0; text-align: left; padding: 10px; }
td.no-offer {border-color: #fff;}
td#module_on {background-color: #f3ffed; }
.module h4 {font-size: 14px;}
.module dl {padding-left: 128px; position: relative; top: 0; left: 0; min-height: 60px; }
.module dl dt {position: absolute; top: 0; left: 0;}
.module dl dt a, .module dl dt img {display: block;}
.module dl dt a {border: 1px solid #000; width: 118px; height: 58px; overflow: hidden;}
.module dl dt img {margin-top: -1px; margin-left: -1px;}
.module dl em {font-weight: bold; font-size: 16px; font-style: normal; display: block; margin-bottom: -3px; padding-top: 3px; color: #000;}
.module p {padding: 5px 0 10px; line-height: 14px; }
.redeem {display: block; height: 29px; position: relative; top: 0; left: 0;}
.redeem td.btn_info {display: block; font-style: normal; text-align: right; line-height: 14px; padding-left: 3px; width: 100px;}
.module dl dd {text-align: right; height: 60px;}
.module dl dd table, .module dl dd table td {height: 100%; width: 100%;}
.module dl dd a, .module dl dd span {display: block; }
.module bold {font-weight: bold; font-style: normal;}
.module td.img_info {font-style: normal; text-align: left; line-height: 14px; padding-left: 3px; width: 100px;}
/* end main offers */
#secondary_offers {width: 100%;}
#secondary_offers td {padding: 7px; }
#secondary_offers_wrapper {width: 100%;}
#secondary_offers img {display: block;}
#secondary_offers .subcat {font-weight: bold;}
a.border_img, span.border_img {display: block; border: 1px solid #000; width: 118px; height: 58px; overflow: hidden;}
span.border_img {margin: 0 auto;}
a.border_img img, span.border_img img {margin-top: -1px; margin-left: -1px;}
#problems {border: solid #ECECEC; border-width: 2px 0 0; padding: 18px 18px 8px; background-color: #F6F6F6;}
#problems ul, ul.normal_bullet {padding-top: 5px; padding-bottom: 10px; margin-left: 20px; list-style-type: disc; list-style-position: outside; }
#problems ul li, ul.normal_bullet li {background-position: 0 6px; margin-left: 10px; color: #1F496E; }
#problems ul li.begin_batch, ul.normal_bullet li.begin_batch {margin-top: 1em;}
#problems ul li span.inside_li, ul.normal_bullet li span.inside_li {color: #606060; position: relative}
#change_formular, #change_formular fieldset {display: block; }
#change_formular fieldset {display: none;}
.product_to_product {margin: 0 -20px; padding: 18px 0 0;}
.product_to_product table {width: 427px; margin:0 auto;}
.product_to_product table td {text-align: center; vertical-align: middle;}
td.product {width: 164px; height: 164px; }
td.connector { background-position: center center;}
.table_product {padding-bottom: 15px;}
#secondary_offers li .green_text {padding-bottom: 4px; display: block; }
#secondary_offers li {display: inline;}
#secondary_offers li input {display: block;}
.product_to_product table td table, .product_to_product table td table td {width: 118px; height: 58px; position: relative; left: 0;}
.product_to_product table td table {border: 1px solid #000; background-color: #fff; font-weight: bold;}
.no_image {width: 120px; height: 60px; margin: 0 auto; }
#container_redirect {width: 440px; position: absolute; top: 100px; left: 50%; margin-left: -220px; }
#container_redirect #page #inside_page, #container_redirect #page_popup #inside_page {width: 428px;}
#container_redirect h1 {overflow: hidden; text-indent: -3000px; width: 71px; height: 24px; float: right; position: relative; top: 12px;}
#container_redirect #content {padding: 30px; text-align: center;}
#container_redirect #head {padding-left: 30px; padding-right: 30px;}
#redirect_loader {margin: 20px auto; display: block; }
em.warning {font-weight: bold; font-style: normal; display: block;}
.error {color: #FF0000 !important;}
#error_page { text-align: center;}
#error_page em.warning {text-indent: 0px; padding-top: 5px; padding: 5px 0 50px 0;}
/* Checkout form Option: Old Navy */
.box_form {margin:0 2px 0 0; position:relative; top:-1px;}
#purchased-products td {border: solid #E6E6E6; border-width: 0 1px 1px 0;}
#purchased-products td span {display: block; padding: 0 4px;}
#purchased-products td span.right {text-align: right;}
#purchased-products-wrapper {font-size: 14px; color: #333;}
span.purchased-products-title {display: block; font-weight: bold; padding: 25px 0;}
#purchased-products-wrapper input.text {border: 1px solid #999; padding: 2px 3px; width: 253px;}
#purchased-products-wrapper input.text, #purchased-products-wrapper select, #purchased-products-wrapper option { background-color: #fff !important; font-size: 14px; color: #333; font-familY: "Trebuchet Ms";}
#purchased-products-wrapper span.label {display: block; padding: 0 0 0 25px;}
#purchased-products-wrapper select option {padding: 0 6px 0 3px;}