/* ------------------- */
/* Product card layout */
/* ------------------- */

div#content {margin-bottom: 0;}

div#product_card {margin-right: 2%;}

div#product_card div.header {border-bottom: 1px solid #dddddd; position: relative; //height: 1px;}
div#product_card div.header h1 {margin: 0 9em 0.15em 10px;}
div#product_card div.header h1 img {vertical-align: middle; margin-left: 0.3em;}


div#compare_link_container {position: absolute; bottom: 0; //bottom: expression( this.parentNode && this.parentNode.clientHeight % 2 ? '-1px' : 0 ); right: 0; //right: expression( this.parentNode && this.parentNode.clientWidth % 2 ? '-1px' : 0 ); background: #ffffff url('/f/1/global/compare-plate-top.gif') repeat-x 0 0; font-size: 0.8em;}

div#compare_link_container div.left {background: url('/f/1/global/compare-plate-top-left.gif') repeat-y 0 0;}
div#compare_link_container div.right {background: url('/f/1/global/compare-plate-top-right.gif') repeat-y 100% 0;}

div#compare_link_container p {white-space: nowrap; margin: 0; padding: 0.4em 10px 0.4em 0.6em;}
div#compare_link_container a#compare_link {padding-left: 19px; background: url('/f/1/global/i-compare.gif') no-repeat 0 50%; min-height: 14px; //height: 14px;}
div#compare_link_container a.disabled {color: #000000 !important;}
div#compare_link_container span.separator {margin: 0 0.2em;}

#compare_add_link,
#compare_remove_link,
#compare_loading {font-size: 0.85em;}

#compare_remove_link.hidden,
#compare_loading.hidden {display: none;}


div#product_tabs {margin-bottom: 2em;}
div#product_tabs p.tab {float: left; padding: 3px 10px 6px 10px; margin: 0;}
div#product_tabs p.selected {padding: 3px 8px 4px 8px; border: 2px solid #fed900; border-top: 0;}
div#product_tabs p.selected span.pseudo_link {color: #000000 !important; border-bottom: 0; cursor: auto; font-weight: bold;}
div#product_tabs p.tab span.count {font-size: 0.8em; color: #898989; margin-left: 0.2em;}


div#watch_product {float: right; margin: 5px 10px 0 30px; //display: inline; position: relative; z-index: 3;}

p#watch_link {margin: 0; font-size: 0.7em; position: relative; z-index: 4; white-space: nowrap;}
p#watch_link ins {display: block; position: absolute; top: 0.2em; left: -20px; width: 15px; height: 14px; background: url('/f/1/global/i-watch.gif') 0 50% no-repeat; cursor: pointer; cursor: hand;}

div#watch_form {position: absolute; top: -4px; right: -10px; width: 24em; background-color: #ffffff; z-index: 3;}
div#watch_form.hidden {display: none;}

div#watch_form_inner {margin: 0; padding: 2.5em 1.5em 0 1em; border: 1px solid #7f9eba; //height: 1px;}

div#watch_form form {margin: 0 0 1em 0;}
div#watch_form form h3 {font-size: 1em; margin: 0 0 0.5em 0;}
div#watch_form form .row {margin: 0 0 1em 0;}
div#watch_form form .for_selector {margin: 0;}
div#watch_form form .label {width: 4.7em; margin-right: -4.7em;}
div#watch_form form .wide .label {display: none;}
div#watch_form form .field {padding-left: 5.4em;}
div#watch_form form .wide .field {padding-left: 0;}
div#watch_form form .fieldset {margin: 0;}
div#watch_form form dl.required .label {color: #000000;}
div#watch_form form .type_submit .button {width: 4em;}


div#wishlist_link,
div#favorites_link {float: right; margin: 5px 10px 0 30px; //display: inline; font-size: 0.7em; position: relative;}

div#wishlist_link p.link a,
div#favorites_link p.link a {white-space: nowrap;}

div#wishlist_link p.link a ins,
div#favorites_link p.link a ins {display: block; position: absolute; top: 0.2em; //top: 0.1em; left: -20px; cursor: pointer; cursor: hand;}

div#wishlist_link p.link a ins {width: 13px; height: 13px; background: url('/f/1/global/i-wishlist-white.gif') 0 50% no-repeat;}
div#favorites_link p.link a ins {width: 15px; height: 12px; background: url('/f/1/global/i-favorites-hollow.gif') 0 50% no-repeat;}


div#wishlist_link p.success_msg_box,
div#favorites_link p.success_msg_box {position: absolute; top: 2.5em; left: -20px; margin: 0; padding: 0.3em 0.6em; background-color: #fed900; white-space: nowrap;}


div.row1 {clear: left; width: 100%; margin-top: 2em;}

div.big_picture,
div.main_info {float: left; min-height: 1px;}

div.big_picture {width: 40%; //margin-right: -100%;}
div.main_info {width: 59.99%; //margin-left: 40%; //display: inline; //margin-right: -1px;}


div.big_picture {text-align: center; margin-bottom: 3.2em; position: relative; z-index: 1;}

div.big_picture.with_frame {text-align: left;}
div.big_picture.with_frame div.big_picture_inner {width: 320px; height: 320px; border: 1px solid #d4d4d4; text-align: center;}

div.big_picture img.shadow {margin-top: 10px;}


div#product_previews {margin: 0 0 2.4em 0;}
div#product_previews a {display: block; float: left; background-color: #ffffff; border: 2px solid #ffffff; width: 53px; height: 63px; position: relative; //width: 57px; //height: 67px;}
div#product_previews a img {position: absolute; margin: 32px 0 0 27px;}
div#product_previews a.selected {border-color: #fed900;}


div.description {margin: 0 5% 3.2em 0; color: #363636;}
div.description p.logo {position: relative; left: -10px; z-index: 2; margin-bottom: 0.3em;}
div.description ul li {margin-bottom: 0.2em;}


/* Present */

div.present_block {margin-bottom: 3.2em; width: 26.5em;}
div.present_block_inner {//height: 1px; border: 1px solid #c1c0c0; padding: 0.7em 1em 0.9em 1em;}
div.present_block h2 {font-size: 1em; margin: 0 0 1.2em 0;}
div.present_block h2 img {margin-right: 0.35em; vertical-align: middle;}

div.present_row {margin: 1.2em 0 0 0;}
div.present_row input {float: left; margin-right: -100%;}
div.present_row div.present {margin-left: 30px;}

div.present div.image {float: left; margin-right: 0.8em;}


/* Price block */

div.price_block {margin-bottom: 1.2em; //height: 1px;}
div.price_block h2 {font-size: 1.4em; margin: 0 0 0.3em 0;}
div.price_block div.variants {float: left; background-color: #e8e8e1;}
div.price_block div.variant {float: left; padding: 0.7em 1em 0.4em 1em;}
div.price_block h3 {font-size: 1em; margin: 0 0 0.3em 0;}
div.price_block p.price {font-size: 1.4em; margin: 0 0 0.5em 0; white-space: nowrap;}
div.price_block p.price.unpriced {display:none;}
div.price_block input.button {display: block; clear: left; font-size: 0.8em; margin: 0 0 0.625em 0;}
div.price_block p.unavailable {clear: left; font-size: 0.8em; margin: 0 0 0.625em 0; white-space: nowrap;}

div.price_block div.warranty {clear: left; width: 13em; margin-bottom: 0.5em; font-size: 0.8em;}
div.price_block div.warranty h4 {font-size: 1.25em; margin: 0 0 0.4em 0;}
div.price_block div.warranty p.help_link {margin: 0 0 0.8em 0;}

input#add_to_cart_button {//width: 13em;}
input#select_contract_button {//width: 17em;}



div.callback {position: relative; z-index: 4; float: left; font-size: 0.8em; line-height: 1.4; color: #363636; margin-bottom: 3.2em; padding: 0.7em 1em 1em 53px; background: #f0f0f0 url('phone-call.gif') no-repeat 12px 12px;}
div.callback p {color: #363636; float: left;}
div.callback p.direct {width: 17.2em; margin: 0 1em 0 0;}
div.callback p.return {width: 18.8em; margin: 0;}
div.callback span.city {color: #000000;}


div.price_block div.banner_credit {clear: left; background-color: #f7f7f2; font-family: Georgia, Times, serif; color: #4a4a48; font-size: 0.8em;position:relative;}
div.price_block div.banner_credit a {color: #ae5168;}
div.price_block div.banner_credit div.bottom_left {background: url('banner-credit-bottom-left.gif ') no-repeat 0 100%;}
div.price_block div.banner_credit div.bottom_right {background: url('banner-credit-bottom-right.gif ') no-repeat 100% 100%;}
div.price_block div.banner_credit div.dashed_line {background: url('banner-credit-dashed-line.gif ') repeat-x 100% 0; padding: 15px 15px 0 15px; position: relative; z-index: 2;}
div.price_block div.banner_credit div.scissors {position: absolute; top: -5px; right: 8px; z-index: 2; width: 19px; height: 11px; background: url('banner-credit-scissors.gif ') no-repeat 0 0;}
div.price_block div.banner_credit img.logo {float: left; margin: 0 12px 10px 0; position:relative;}
div.price_block div.banner_credit p {margin-bottom: 0;}
div.price_block div.banner_credit p.glass {clear: left; top: 4px; position: relative; z-index: 2;}

div.price_block div.banner_credit div.shadow {position: relative; width: 1px;}
div.price_block div.banner_credit div.shadow div {position: absolute; top: 0; left: -54px; width: 478px; height: 6px; background: url('banner-credit-shadow.gif ') no-repeat 0 0;}


div.row2 {width: 100%;}

div.row2 div.column_left,
div.row2 div.column_right {float: left; min-height: 1px;}

div.row2 div.column_left {width: 55%; //margin-right: -100%;}
div.row2 div.column_right {width: 45%; //margin-left: 55%; //display: inline; //margin-right: -1px;}

div.row2 div.column_left div.reducer {margin-right: 10%;}


div#product_specs {margin-bottom: 3.2em;}
div#product_specs h2 {float: left; margin: 0 0.45em 0.2em 10px; //display: inline;}
div#product_specs ul.switch {float: left; margin: 0.7em 0 0.4em 0; font-size: 0.8em;}
div#product_specs ul.switch li {float: left; margin: 0.2em 0.7em 0.2em 0.5em; //display: inline; padding: 0;}
div#product_specs ul.switch li.selected {color: #000000 !important; border-bottom: 0; background-color: #fed900; margin: 0 0.2em 0 0; padding: 0.2em 0.5em 0.2em 0.5em; cursor: auto;}

div#product_specs div.content_area {margin-bottom: 1.7em;}

div#product_specs div.features {border-top: 3px solid #cccccc; padding: 1.7em 0 1.7em 10px; font-size: 0.8em;}

div#product_specs div.features div.column1,
div#product_specs div.features div.column2 {float: left; min-height: 1px;}

div#product_specs div.features div.column1 {width: 53%; //margin-right: -100%;}
div#product_specs div.features div.column2 {width: 47%; //margin-left: 53%; //display: inline; //margin-right: -1px;}

div#product_specs div.features h3 {font-size: 1em; font-weight: bold;}
div#product_specs div.features ul {margin-left: 1.5em;}

div#product_specs div.spec {margin: 0 0 1.2em 0; position: relative; //height: 1px;}
div#product_specs div.features div.column1 div.spec {margin-right: 11.3%;}
div#product_specs div.spec div.image {position: absolute; top: -10px; left: 0; z-index: 2;}
div#product_specs div.productivity div.image {left: -10px;}
div#product_specs div.spec div.info {margin-left: 50px; //height: 40px; min-height: 40px; position: relative; z-index: 3;}
div#product_specs div.spec div.info h3 {margin: 0 0 0.3em 0;}
div#product_specs div.spec div.info ul {margin: 0;}
div#product_specs div.spec div.info ul li {margin: 0 0 0.3em 0;}

div#product_specs div.icons {clear: left; border-top: 1px solid #cacaca; padding-left: 10px;}
div#product_specs div.icons img {vertical-align: middle; margin: 15px 15px 0 0;}

div.disclaimer {clear: left; font-size: 0.8em; color: #808080; margin-left: 10px;}


div#product_assoc {width: 100%; margin-bottom: 3.2em;}
div#product_assoc h2 {font-size: 1.4em; border-bottom: 3px solid #cccccc; padding: 0.3em 0 0.2em 0;}

div#product_assoc.two_cols div#products_like_that {float: left; width: 11.5em; margin-right: -100%; //display: inline;}
div#product_assoc.two_cols div#accessories {margin-left: 11.3em; //float: left; //display: inline;}
div#product_assoc.two_cols div#accessories div.reducer {margin-left: 10%;}
div#product_assoc.two_cols div.assoc_products {height: 600px; overflow: hidden; position: relative;}

div#accessories_copy {margin: 2em 0 0 10px;}


/* Modifications */

div#modifications {//height: 286px; min-height: 280px;}

div#modifications div.product_display {border: 3px solid #ffffff; margin-top: 0; margin-bottom: 40px; //height: 246px; min-height: 240px;}
div#modifications div.product_display.selected {border-color: #fed900;}
div#modifications div.product_display div.image {top: 14px;}
div#modifications div.product_display div.info {height: auto; min-height: 0; padding-top: 19px;}

div#modifications_progress {margin: 2.4em 0;}
div#modifications_progress div {height: 20px; background: url('/f/1/global/i-loading-animated.gif') no-repeat 50% 0; font-size: 0;}


div#comments {margin-top: 2em;}