/*! ###
    Copyright (c) 2008 Amazon.com, Inc., and its Affiliates.
    All rights reserved.
    Not to be reused without permission
    $DateTime: 2008/09/16 17:15:38 $
    ###
*/

.productImage {
 max-width: 90px;
 _width: 90px;
}

.tellfriend {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: xx-small;
 border-top: 5px dashed #BEBEBE;
 border-right: none;
 border-bottom: 10px dashed #BEBEBE;
 border-left: none;
 margin-top: 2em;
 margin-bottom: 2em;
 text-align: center;
 vertical-align:middle;
 padding-top: .6em;
 padding-bottom: .6em;
}

#tafMain .productTitle {
  font-weight: bold;
}

.mail {
 border: none;
 padding-right: 6px;
}

.bodyText {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.25em;
}

.blueBackground {
   background-color: #EDF7FC;
   height: 50px;
}

.smallGrey {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: xx-small;
    color: #737373;
}

.defaultText {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #737373;
    margin: 0;
    padding: 2px;
    border: 1px solid #BEBEBE;
}

.errorText {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: red;
}

.boldErrorText {
    font-weight: bold;
    color: red;
}

.tafTitleText {
    color: black;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.5em;
}

.largeText {
    font-size: medium;
    padding: 15px 0 15px 0;
}

.textArea {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
    margin: 0;
    padding: 2px;
    border: 1px solid #BEBEBE;
}

.linkImage {
    border: 5px purple;    
    padding-right: 5px;
}

.tellfriendConfirmation {
    padding: 1em 20px 0px;
    font-size: 1.1em;
}

.confirmationBox {
    color: #CC6600;
    text-align: center;
    background-color: #eaf3fe;
    border: 1px solid #c2ddf2;
    font-size: 1.2em;
    font-weight: bold;
    padding: 0.5em;
    margin: 1em -5px;
}

.confirmationOrangeText {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 2.25em;
    font-weight: bold;
    color: #CC6600;
}

.errorRedText {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 2.25em;
    font-weight: bold;
    color: red;
    margin: 0em;
}

.greyBorder {
    border-style: solid;
    border-width: 2px;
    border-color: #999;

}

.tellfriendConfirmation .inviteesTitle {
    font-weight: bold;
    margin-bottom: 0.5em;
}

.tellfriendConfirmation .inviteesList {
    margin: 0em;
    padding-left: 2.5em;
}

.inviteesList li {
    list-style-type: disc;
}

.tellfriendConfirmation .buttonBox {
    margin: 0.25em 0px;
    text-align: right;
}

.solidLine {
    border:solid black;
    border-width:1px 0 0;
    height:0;
}

.dashedLine {
    border:dashed black;
    border-width:1px 0 0;
    height:0;
}


.poWindow {
    position: absolute;
    z-index: 10;
    margin: auto;
}

.checkbox {
    margin: 2px 0 2px 0;
    padding: 0px;
}

.checkBoxArea {
    overflow: auto;
    border: 1px solid #BEBEBE;
}


.tafPoBackground {
    position: absolute;
    top: 0; bottom: 0; left: 0; right: 0;
    z-index: 99;
    width: 100%;
}
.tafPoBackground .header {
    position: absolute;
    height: 34px;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.tafPoBackground .header .left {
    position: absolute;
    height: 34px; width: 34px;
    left: 0;
}
.tafPoBackground .header .middle {
    height: 34px;
    margin:  0 34px 0 34px;
}
.tafPoBackground .header .right {
    position: absolute;
    height: 34px; width: 34px;
    right: 0;
    top: 0;
}
.tafPoBackground .body { 
    position: absolute;
    width: 100%;
    top: 34px;
    bottom: 34px;
    
    
    height: expression(document.getElementById('tafPoBackground').clientHeight-68);
}
.tafPoBackground .body .left {
    position: absolute;
    width: 34px;
    height: 100%;
    left: 0;
    top: 0;
    bottom: 0;
}
.tafPoBackground .body .middle {
    position: relative;
    background-color: #FFFFFF;
    height: 100%;
    margin: 0 34px 0 34px;
}
.tafPoBackground .body .right {
    position: absolute;
    width: 34px;
    height: 100%;
    right: 0;
    top: 0;
    bottom: 0;
}
.tafPoBackground .footer {
    position: absolute;
    height: 34px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.tafPoBackground .footer .left {
    position: absolute;
    height: 34px; width: 34px;
    left: 0;
}
.tafPoBackground .footer .middle {
    height: 34px;
    margin:  0 34px 0 34px;
}
.tafPoBackground .footer .right {
    position: absolute;
    height: 34px; width: 34px;
    right: 0;
    top: 0;
}


.tafPoContent {
    position: relative;
    z-index: 100;
    padding: 10px 18px 18px 18px;
    font-size: 1em;
}
.tafPoContent .titleClose {
    position: absolute;
    top: 10px;
    right: 16px;
    margin: 5px 5px 0 0;
    font-size: .9em;
}
.tafPoContent .titleClose img {
    margin-left: 4px;
}
.tafPoContent .titleClose a {
    text-decoration: none;
    padding: 0 5px 0 5px;
}
.tafPoContent .titleClose a:hover {
    text-decoration: underline;
}
.tafPoContent .titleBar {
    background-color: #eaf3fe;
    border-bottom: 1px solid #c2ddf2;
    margin: 0;
    padding: 5px 10px 5px 10px;
}
.tafPoContent .titleText {
    color: #CC6600;
    margin: 4px 0 4px 0;
    font-size: 1.15em;
    font-weight: bold;
}
.tafPoContent .contentArea {
    margin: 0;
    padding: 0;
}