/*  ===== pt_checkout Notes =====   /
	Styles for the pt_checkout pages.
	This page has a two column layout,
*/
	
/***********************************************/
/* Page Styling CSS                            */
/***********************************************/
/* Checkout - Steps */
#pt_checkout .checkoutprogressindicator {
  margin-top: 16px;}
#pt_checkout .checkoutprogressindicator ul li {
  color:#999;
  float:left;}
#pt_checkout .checkoutprogressindicator ul li div {
  background:url(../images/checkout_step_left.gif) left bottom no-repeat;
  height:25px;
  padding:0 0 0 19px;
  font-weight:bold;
  float:left;}
#pt_checkout .checkoutprogressindicator ul li span{
  display:block;
  padding-right:20px;
  line-height:25px;
  background:url(../images/checkout_step_right.gif) right bottom no-repeat;}
/* first / last */
#pt_checkout .checkoutprogressindicator ul li .first {
  background-image: url(../images/checkout_step_left_first.gif);}
#pt_checkout .checkoutprogressindicator ul li .last span {
  background-image: url(../images/checkout_step_right_last.gif);}
/* active / inactive */
#pt_checkout .checkoutprogressindicator ul li.active {
  color: #666;}
#pt_checkout .checkoutprogressindicator ul li.active div {
  background-image: url(../images/checkout_step_left_active.gif);}
#pt_checkout .checkoutprogressindicator ul li.active span {
  background-image: url(../images/checkout_step_right_active.gif);}
#pt_checkout .checkoutprogressindicator ul li.active div.first {
  background-image: url(../images/checkout_step_left_first_active.gif);}
#pt_checkout .checkoutprogressindicator ul li.active .last span {
  background-image: url(../images/checkout_step_right_last_active.gif);}
  
/* Cart Table */
#pt_checkout .cartTable {
  width:779px;
  margin-top:5px;}
#pt_checkout .cartTable tbody td {
  padding-top: 35px;}
#pt_checkout .cartTable thead th {
  border-bottom: 1px solid #e0e0e0;
  background-color: #eee;}
#pt_checkout .cartTable thead th.prodEmptyHead {
  background-color: transparent;}
#pt_checkout .cartTable .prodDesc {
  width: 294px;
  padding-top: 15px;
  background-color: #fff;}
* html #pt_checkout .cartTable .prodDesc {
  width:425px;}
*+html #pt_checkout .cartTable .prodDesc {
  width:425px;}
#pt_checkout .cartTable .prodAmount {
  background-color: #fff;
  width:40px;
  padding-right:15px;}
#pt_checkout .cartTable .prodPrice {
  width:76px;}
#pt_checkout .cartTable .prodTotal {
  width:86px;}
* html #pt_checkout .cartTable .prodPrice {
  width:100px;}
* html #pt_checkout .cartTable .prodTotal {
  width:100px;}
*+html #pt_checkout .cartTable .prodPrice {
  width:70px;}
*+html #pt_checkout .cartTable .prodTotal {
  width:80px;}
#pt_checkout .cartTable .prodButtons {
  width:150px;}  
* html #pt_checkout .cartTable .prodButtons {
  padding-right:10px;}  
*+html #pt_checkout .cartTable .prodButtons {
  padding-right:10px;}  
#pt_checkout .cartTable .prodImgTd {
  padding-top: 0;
  width: 119px;}
#pt_checkout .cartTable .prodImgDiv {
  margin: 0 10px 0 20px;}
#pt_checkout .cartTable .giftPackaging td {
  padding-top: 4px;
  padding-bottom: 4px;
  vertical-align: middle;}
#pt_checkout .cartTable .giftPackaging .giftPackagingOptionInput {
  width: 13px; }
#pt_checkout .cartTable .giftPackaging .giftPackagingOptionInput,
#pt_checkout .cartTable .giftPackaging .giftPackagingOptionLabel {
  vertical-align: middle;
  display: inline-block;}
#pt_checkout .cartTable .giftPackaging .giftPackagingOptionLabel {
  margin-left: 6px;
  margin-right: 8px;}
#pt_checkout .cartTable .giftPackaging .popupLink {
  vertical-align: middle;
  display: inline-block;}
#pt_checkout .cartTable .giftPackaging .infoIcon {
  vertical-align: middle;
  padding: 0px;}
#pt_checkout .prodButtons a {
  display:block;
  margin-bottom:5px;}
#pt_checkout .cartTable .couponRow td {
  padding:5px 0 10px;
  vertical-align:top;
  border-bottom:1px solid #e0e0e0;}
#pt_checkout .cartTable .delete td{
  padding:12px 0 10px;}
* html #pt_checkout .cartTable .couponRow input {
  width:115px;}
*+html #pt_checkout .cartTable .couponRow input {
  width:115px;}
#pt_checkout .cartTable .couponRow .prodInfDiv {
  width:104px;
  padding-left:10px;}
#pt_checkout .cartTable .couponRow .prodInfDiv .promoCallout {
  display:block;
  white-space: nowrap;}
#pt_checkout .cartTable .couponText {
  width:320px;
  padding: 0 4px;
  float:left;
  text-align:left;
  margin-top:0px;}
#pt_checkout .cartTable .couponIcon {
  padding: 0 15px;
  float:right;
  margin-top:-6px;}
#pt_checkout .cartTable .prodDesc .availabilityMsg {
  height:25px;
  font-weight:bold;}
* html #pt_checkout .cartTable .prodImgDiv {
  margin-left:10px;}

#pt_checkout #content {
  float: right;}

#pt_checkout div.newsletterInfo {
  margin-top: 10px;}

/* Checkout Step 1 back and continue Button */
form.cartcontinue-back, form.cartcontinue-next {
    float: right;
    display: inline-block;
    width: auto;
}
form.cartcontinue-back input, form.cartcontinue-next input {
	float: none;
}

/* Checkout Message Window */
#checkoutMsgWnd {
  position:absolute;
  width:213px;
  height:102px;
  left:955px;
  top:245px;
  padding:10px;
  background: url(../images/checkout_msgwnd_bg.gif) left top no-repeat;}
#checkoutMsgWnd div {
  padding-top:15px;
  text-align:right;}
.prodButtons .checkoutMsgWndPosition {
	width: auto;
	position: relative;	
}
.checkoutMsgWnd {
	position:absolute;
	width:213px;
	height:102px;
	left:900px;
	padding:10px;
	background: url(../images/checkout_msgwnd_bg.gif) left top no-repeat;
}
.prodButtons .checkoutMsgWndPosition .checkoutMsgWnd {
	left: auto !important;
    right: 128px;
    top: -30px;
    width: 213px;
}

#checkoutMsgWndAGB {
  position:absolute;
  width:213px;
  height:102px;
  left:615px;
  top:625px;
  padding:10px;
  background: url(../images/checkout_msgwnd_bg.gif) left top no-repeat;}
/* Check Order Table */
#pt_checkout #checkOrder thead .prodAmount {
  background-color: #eee;}
#pt_checkout #checkOrder thead th {
  font-weight: bold;}
#pt_checkout #checkOrder .prodDesc {
  width: 200px;
  padding-top: 35px; }
#pt_checkout #checkOrder .prodAmount {
  width:49px;}
#pt_checkout #checkOrder .prodPrice {
  width:73px;}
#pt_checkout #checkOrder .prodTotal {
  width:81px;
  padding-right:10px;}
#pt_checkout #checkOrder tfoot td.prodTotal {
  width: auto;}
#pt_checkout #checkOrder .signs {
  padding-left:74px;}
#pt_checkout #checkOrder .giftPackaging td {
  padding-top: 0;}
#pt_checkout #checkOrder .couponRow td {
  padding-top:20px;
  padding-bottom:20px;}
#pt_checkout #checkOrder .conditionsRow {
  padding-top:15px;
  padding-right:10px;}
#pt_checkout #paymentCtn .firstInput {
  width:80px;
  float:left;}
#pt_checkout #paymentCtn .secondInput {
  width:77px;
  float:left;}
  
/***********************************************/
/* PasswordCheck                               */
/***********************************************/  
.safetyFactorBar {
  border:1px solid #949494;
  width:155px;
}
.strong-0 {
 width:4px;
 background-color:red;}
.strong-1 {
 width:15px;
 background-color:red;}
.strong-2 {
 width:30px;
 background-color:red;}
.strong-3 {
 width:45px;
 background-color:orange;}
.strong-4 {
 width:60px;
 background-color:orange;}
.strong-5 {
 width:75px;
 background-color:orange;}
.strong-6 {
 width:90px;
 background-color:orange;}
.strong-7 {
 width:105px;
 background-color:yellow;}
.strong-8 {
 width:120px;
 background-color:yellow;}
.strong-9 {
 width:135px;
 background-color:yellow;}
.strong-10 {
 width:156px;
 background-color:green;}

/************* out of stock overlay **************/
#outofstock {
  background: transparent url(../images/quickview_top.png) no-repeat left top;
  padding-top:3px;
  width:787px;}
#outofstock .wndHead {
  height:13px}
#outofstock .wndButtonRow {
  padding-top:15px;
  padding-bottom:20px;}  
#outofstock .wndContainer {
  height:100%;  
  background: transparent url(../images/quickview_bg_right.png) no-repeat right bottom;
  padding-right:7px;}
#outofstock .wndFooter {
  padding: 5px; 
  overflow: hidden;	}
* html body.securePage #outofstock {
  background: transparent url(../images/quickview_top.gif) no-repeat left top;}
* html body.securePage #outofstock .wndContainer {
  background: transparent url(../images/quickview_bg_right.gif) no-repeat right bottom;}
#outofstock .wndContent {
  overflow:hidden;
  margin-left:10px;
  margin-right:10px;}
#outofstock .wndContent table{
  width:100%;}
#outofstock .wndContent .header { 
  border-bottom:1px solid #E0E0E0;
  padding-bottom:10px;}
#outofstock .wndContent .header .headertext{ 
  padding-bottom:10px;}
#outofstock .wndContent .productline { 
  margin-top:10px; 
  border-bottom:1px solid #E0E0E0;}
#outofstock .wndContent .col1 {
  width: 50%; 
  padding-bottom: 5px; 
  padding-top: 5px;}
#outofstock .wndContent .col1 .prodname{
  padding-bottom: 3px;}
#outofstock .wndContent .col2 {
  width: 15%; 
  padding-bottom: 5px; 
  padding-top: 5px;}
#outofstock .wndContent .col3 {
  width: 15%; 
  padding-bottom: 5px; 
  padding-top: 5px;
  text-align:right;
  padding-right:10px;}
#outofstock p {
  padding: 1px 0 5px 0;}
#outofstock p.warning {
  padding-left: 20px;
  padding-top: 10px;}

/************* external payment **************/
#pt_checkout IFRAME.externalpayment {}
#pt_checkout IFRAME.ideal {
	height: 600px; 
	width: 770px;}
#pt_checkout IFRAME.cc3ds {
	height: 350px; 
	width: 550px;}

/***********************************************/
/* Checkout Login                              */
/***********************************************/
.checkoutlogin .threeColumns { width: 780px; padding: 30px 0; }
.checkoutlogin .threeColumns > .column { float: left; width: 220px; padding: 0 20px 0 18px; border-right:solid 2px #e7e7e7; }
.checkoutlogin .threeColumns > .column.last { padding: 0 20px; border-right: none 0px; }
.checkoutlogin .threeColumns > .column > .headline { height: 60px; }

.checkoutlogin .column.box { padding: 12px 18px; border:solid 2px #e7e7e7; }

.checkoutlogin h2 { color: #666; font-size: 16px; width: auto; margin: 0; padding:0; border: none 0px; background: transparent; }
.checkoutlogin .hint { background: transparent; padding: 0; text-align: left; }
.checkoutlogin .column > .headline { height: 30px; }
.checkoutlogin .column > .content { height: 160px; }
.checkoutlogin .column > .actions { height: 80px; }
.checkoutlogin .column > .content .formline { padding: 0 0 10px; }
.checkoutlogin .column > .content input { display: block; }
.checkoutlogin .column > .content label { display: block; padding:0 25px 0 0; min-height: 16px; }
.checkoutlogin .column > .content label.warning { padding: 0 0 0 25px; background-position: top left; }
.checkoutlogin .content .formline.check input { float: left; width: 20px; }
.checkoutlogin .content .formline.check label { float: none; margin-left: 20px; }

.checkoutlogin ul { list-style: square outside; padding: 0 0 0 20px; }
.checkoutlogin ul > li { padding: 0 0 5px; }
.checkoutlogin button { border: none 0px; width: 220px; background: #ae0017; color: #fff; text-align: center; cursor: pointer; font-size: 11px; }
.checkoutlogin button.img {width:230px;background:#fff}
.checkoutlogin button.gray { background: #585858; }
.checkoutlogin button.gray:hover { background: #ae0017; }

img.button.couponDelete,
img.button.couponApplie,
.couponRow.delete img.button {cursor:pointer;}