/* Style Document swatch colors ============ eee - lighter gray 8B8B8B - light gray ccc - soft gray 666 - medium gray 333 - dark gray FAAF5E - Orange 6396E7 - Blue 1C69E4 - Blue F42222 - Red em values - Formula : 0.625 * pixel = em ============================================= 10px - 1 em */ /* MakeOffer Styles =========================*/ /* override PA container width */ div.mainbody-wide{width:780px;} /* end of overriding PA styles */ #makeOfferHeader{ background : url('../../images/itemListHeader.jpg') repeat-x ; color : #888; height: 3.5em; line-height : 3.5em; padding: 0 2em; margin-bottom:2.5em; text-align: left; text-align: center; } #makeOfferHeader .HeaderId { float:left; padding-left: 0.5em; } #makeOfferHeader .HeaderBody {color:#888; line-height:3.5em; text-align:center;} #makeOfferHeader strong { font-size:1.5em; text-transform: capitalize; } #makeOfferBox { margin:10px 0; height:24.4em; width: 48em; float:left;} .offer-image{ float:left; position:relative; margin:0 43px 15px 4px; padding : 0; height:22.3em; /* line-height:27.3em; */ width:22.3em; /*background : url('../../images/saleImageFrame.jpg') no-repeat ; border : 0.1em solid #7EBDF0;*/ } .offer-image img { font-size:1em; border:1px solid #033568; /*width : 19.7em; height : 19.7em*/; text-align:center; vertical-align:middle; position:absolute; top:62%; left:61%; margin:-13.35em 0 0 -13.85em } .offer-chat{ float:left; width:21.5em; height:27.4em; border: 1px solid #ccc; } .offer-chat .offer-chat-header { width : 21.3em; height : 3.5em; line-height:3.5em; text-align:center; background: url('../../images/itemListHeader.jpg') repeat-x ; border : 0.1em solid #7EBDF0; } .offer-chat-information{color:red;} .offer-chat-header strong{ font:normal 600 1.2em arial,sans-serif; text-transform: capitalize; color:#197ED1; } .offer-chat ul{ margin:10px 7px; overflow:auto; height : 22.1em; } .offer-chat ul li{ display:block; margin-top:12px; } .offer-chat ul li strong {font-size:1.1em; text-transform: capitalize;} .offer-chat ul li strong.user{color:#F42222; } .offer-chat ul li strong.character{color:#2A7FFF;} .offer-chat ul li span{ color:#000; font:normal 600 1.1em arial,sans-serif; } dl#center-column {margin-top:2em; line-height: 6em; text-align: center; font-weight:700;} .negotiation{color:#2A5592; font-family: arial, helvetica, verdana; font-size: 18px; font-weight: bold;} .counter-text{color:#f00;} table#OfferScore { width :21em ; height:70px; border : 3px solid #ccc; } table#OfferScore {text-align : center; } table#OfferScore tr th{ font:normal bold 11px/15px arial,sans-serif; padding: 5px; height:10px; border-bottom: 3px solid #ccc; color:#333; width:50%; } table#OfferScore tr td{ font:normal bold 19px/40px arial,sans-serif; height:40px;width:50%;} table#OfferScore tr td#UserOffer , table#OfferScore tr th.UserOffer{border-right: 3px solid #ccc; } .offer-form{ float:left; width:13.1em; } .offer-form-error{ font:normal 600 20px/33px times,sans-serif; margin:100px auto; text-align: center; color : #F42222; text-transform: capitalize; display:none; } .offer-form dl{ margin: 10px auto; text-align: center; width:173px; text-transform: capitalize; height : 21.4em; /*line-height: 2em;*/} .offer-form dl dd strong{ font :normal 600 11px/33px Arial,Verdana,sans-serif; vertical-align: middle; } #enterOffer strong, #acceptCounterOffer strong{ font : 16px/33px Arial,helvetica,Verdana; color: #2A5592; font-weight: bold;} dl.offer-form-dl dd#timeRemaninText{ font:normal 600 14px/33px arial; /*letter-spacing: 1px;*/ font-weight: bold;} dl.offer-form-dl dd#enterOffer { margin-top :5px; font:normal 600 15px/33px Arial; } dl.offer-form-dl dd#acceptCounterOffer { /*margin-top :10px;*/ font:normal 600 14px/33px Arial; } dl.offer-form-dl input#OfferPrice{ border:1px solid #2A5592; /*width : 100px; height:15px;*/line-height: 33px; font:normal 600 12px/33px Arial; padding:5px;text-align:center; color:#2A5592; /*margin-left: -18px;*/} dl.offer-form-dl .blue {color:#2A5592; } dl.offer-form-dl .red {color:#F42222;} dl.offer-form-dl #clickButtonBelow{ margin-top:20px; } dl.offer-form-dl dd#timer { font-weight: 600; /*font:normal 14px/33px monospace;*/ } dl.offer-form-dl dd#timer span.colon{ color:#000; } dl.offer-form-dl dd#timer span.black{ color:#000;} dl.offer-form-dl dd#timer span.red{ color:red;} dl.offer-form-dl dd#timerMessage { color :#1C69E4; font:normal 600 23px arial,sans-serif; display:none;} dl.offer-form-dl .retail { font:normal 11px arial,sans-serif; margin-top :15px; } dl.offer-form-dl .retail .retailValue{ color : #F42222; text-decoration:line-through;} dl.offer-form-dl #startText p { margin-bottom:10px;} .offer-form dd.submit a{ /* background : url('../../images/ItemActionButton.jpg') no-repeat; border:1px solid #000;*/ color:#000; display : block; font:normal 600 13px/35px times; height : 35px; margin-top : 22px; margin-left: -11px; padding:0; width : 172px; text-align: center; word-spacing:5px;} .offer-form dd.submit a:hover{ /* background : url('../../images/ItemActionButtonHover.jpg') no-repeat;*/ } .offer-form dd.startOffer img, .offer-form dd.submitOffer img{margin-left: -13px; } .offer-form dl .second , .offer-form dd.third { display:none;} .offer-form dl.offer-form-dl .warning { color:#F42222; margin-top:10px; font:normal bold 1em/1.3em arial,sans-serif; font-weight:bold; min-height:13px; height:13px; _height:13px;} .offer-form dd.yesNoOffer a{ /*background : url('../../images/yesNoOffer.jpg') no-repeat; width : 76px;*/ width : 32px; } #buyitnow{font-weight:bold;} .buyit{margin-top: 10px;} .buytext{font: bold 1.3em/1.5em arial, sans-serif;} .offer-form dd.yesNoOffer a.yes {float:left; margin-left:-38px;} .offer-form dd.yesNoOffer a.no {float:right; margin-right: 17px;} #inventoryChecking { display:none; border:1px solid #ccc; background:#eee; padding:15px; margin:0 auto 40px; width:70%; font:normal 600 14px times,sans-serif; } #inventoryChecking span { color:red;} .offer-chat-information{ color:#F55B43; font:italic bold 1.3em/1.5em arial,sans-serif; text-transform:capitalize;} .offer_menu {width: 654px; height: 55px; clear:both;}