div#outerEnrollDiv {
   position:absolute;
   top:25px;
   left:30%;
   width:500px;
   height:500px;
   display:none;
   zIndex:300;
}

div#iFrameDivEnroll {
   position:absolute;
   top:0px;
   left:0px;
   width:500;
   height:500px;
   zIndex:300;
}

div#outerDiv {
   position:absolute;
   height:770px;
   width:500px;
   top:25px;
   left:25%;
   display:none;
   zIndex:300;
}

div#outerDivAuthSuccess {
   position:absolute;
   height:800;
   width:600;
   top:25px;
   left:25%;
   display:none;
   zIndex:300;
}


div#iFrameDiv {
   position: relative;
   width:400px;
   height:380px;
   display:none;
}

#iFrameId {
   position: relative;
   height:450px;
   width:380px;
   background:white;
   frameborder:1;
}
/* CSS Document */
/* code in /gsi_presentation/gsi/global/vbv/css/popup.css */

/* This line as issues in firefox.  it causes the Search leteral to go left.  It can not cascade */
/* The margin specing must be applied to individual styles */

/*body {
   text-align:center;
   margin:auto; left top repeat-x;
   font-family:Arial, Helvetica, sans-serif; color:#333333;
}*/
sup {font-size:10px;}
.floatLeft {float:left;}
.floatRight {float:right;}
.clearFloat {clear:both; font-size:1%; line-height:0; height:0;}
.marginTop13 {margin-top:13px;}
.leftText {text-align:left;}
.marginTop4 {margin-top:5px;}
.bothMargin5 {margin-bottom:5px;margin-top:5px}
.marginTop18 {margin-top:18px;}
.marginTop32 {margin-top:32px;}
.marginTop23 {margin-top:23px;}
.marginTop23 {margin-top:26px;}
.marginTB {margin:20px 0;}
.marginVEC {margin:5px 0;}

.marginLeft50 {margin-left:50px;}
.width382{width:375px;}
.text15{font-size:15px;}
.text14{font-size:14px;}
.text11{font-size:11px;}
.marginTop60 {margin-top:60px;}
.paddingTop20{padding-top:20px !important;}
.paddingTop5{padding-top:5px !important;}
.paddingTop30{padding-top:30px !important;}
.nobg {background:none !important;}
.padding53 {padding-top:53px !important;}

#topArea {
   width:420px;
   overflow:hidden;
   height:45px;
}

#topArea h4.logo {
   background:url(../vbv/images/popup_visaLogo.gif) no-repeat top left;
   margin-top:7px;
   margin-left:7px;
   text-indent:-100000em;
   height:30px;
   width:65px;
}


#topArea h4.mclogo {
   background:url(../vbv/images/popup_mastercardLogo.gif) no-repeat top left;
   margin-top:7px;
   margin-left:7px;
   text-indent:-100000em;
   height:30px;
   width:65px;
}

#topAreaEnrollment h4.mclogo {
   background:url(../vbv/images/popup_mastercardLogo.gif) no-repeat top left;
   position:relative;
   left:175px;
   margin-top:7px;
   margin-left:7px;
   text-indent:-100000em;
   height:30px;
   width:65px;
}

#topAreaSuccess h4.mclogo {
   background:url(../vbv/images/popup_mastercardLogo.gif) no-repeat top left;
   margin-top:7px;
   margin-left:7px;
   text-indent:-100000em;
   height:30px;
   width:65px;
}

#topAreaFailure h4.mclogo {
   background:url(../vbv/images/popup_mastercardLogo.gif) no-repeat top left;
   margin-top:7px;
   margin-left:7px;
   text-indent:-100000em;
   height:30px;
   width:65px;
}

#topArea a.closeTop {
   background:url(../vbv/images/pop_closeIcon.gif) no-repeat top right;
   width:30px;
   height:30px;
   display:block;
   text-indent:-10000em;
   margin-top:10px;
   margin-right:10px;
}


#topAreaEnrollment {
   width:420px;
   overflow:hidden;
   height:45px;
   text-align:left;
}

#topAreaSuccess {
   width:420px;
   overflow:hidden;
   height:45px;
}


#topAreaEnrollment a.closeTop {
   background:url(../vbv/images/pop_closeIcon.gif) no-repeat top right;
   width:30px;
   height:30px;
   display:block;
   text-indent:-10000em;
   margin-top:10px;
   margin-right:10px;
}

#sorryBase {
   background:url(../vbv/images/bg_PopupPayment_v01-sorry.png) no-repeat top left;
   overflow:hidden;
   height:470px;
   position:relative;
   top:0px;
   left:0px;
   padding:38px 41px;
   width:420px;
}

#topAreaEnrollment h4.logo {
   background:url(../vbv/images/popup_visaLogo.gif) no-repeat top left;
   position:relative;
   left:175px;
   margin-top:7px;
   margin-left:7px;
   text-indent:-100000em;
   height:30px;
   width:65px;
}

#topAreaSuccess h4.logo {
   background:url(../vbv/images/popup_visaLogo.gif) no-repeat top left;
   margin-top:7px;
   margin-left:7px;
   text-indent:-100000em;
   height:30px;
   width:65px;
}

#topAreaFailure h4.logo {
   background:url(../vbv/images/popup_visaLogo.gif) no-repeat top left;
   margin-top:7px;
   margin-left:7px;
   text-indent:-100000em;
   height:30px;
   width:65px;
}

#topAreaSuccess a.closeTop {
   background:url(../vbv/images/pop_closeIcon.gif) no-repeat top right;
   width:30px;
   height:30px;
   display:block;
   text-indent:-10000em;
   margin-top:10px;
   margin-right:10px;
}

#topAreaFailure a.closeTop {
   background:url(../vbv/images/pop_closeIcon.gif) no-repeat top right;
   width:30px;
   height:30px;
   display:block;
   text-indent:-10000em;
   margin-top:10px;
   margin-right:10px;
}

/* controls the authentication dialog base containing div */
#formBase {
/* change the background image for the dialog */
   background:url(../vbv/images/bg_PopupPayment_v01-form.png) no-repeat top left;
   overflow:hidden;
   height:770px;
   position:relative;
   top:0px;
   left:0px;
   padding:38px 41px;
   width:420px;
}

#successBase {
   background:url(../vbv/images/bg_PopupPayment_v01-success.png) no-repeat top left;
   overflow:hidden;
   height:400px;
   position:relative;
   top:0px;
   left:0px;
   padding:38px 41px;
   width:420px;
}


/* controls size and position of the iFrame for the authentication dialog */
#authIFrame {
   height:400px;
   width: 100%;
}

/* Enrollment dialog css */
#enrollmentBase {
   background:url(../vbv/images/bg_Enroll_dialog.png) no-repeat top left;
   overflow:hidden; height:540px;
   width:420px;
   position:relative;
   top:0px;
   left:0px;
   padding:38px 41px;
}

#enrollIFrame {
   height:435px;
   width:382px;
}


#popupContainer {
   border-style:none;
   padding:0 23px;
   position:relative;
   top:0px;
}

#popupContainerSuccess {
   text-align: left; 
   padding:0 23px;
   position:relative;
   top:20px;
}


#enrollPopupContainer {padding:0 20px;position:relative;left:10;top:0;}

/*thank you */
#popupContainer h1.thankyou {
   background:url(../vbv/images/imgThankyou.gif) center no-repeat;
   text-indent:-10000em;
   width:161px;
   height:23px;
   vertical-align:middle;
   margin:0 auto;
}

#popupEnrollmentContainer h1.thankyou {
   background:url(../vbv/images/imgThankyou.gif) center no-repeat;
   text-indent:-10000em;
   width:161px;
   height:23px;
   vertical-align:middle;
   margin:0 auto;
}

#popupContainer a.userDifferentCard {
   position:relative;
   left:10px;
   text-indent:-10000em; display:block;
   width:191px;
   height:29px;
   background:url(../vbv/images/select_another_payment.gif) no-repeat top left;
}

#popupContainer a.userDifferentCard2 {
   position:relative;
   left:32px;
   text-indent:-10000em; display:block;
   width:145px;
   height:29px;
   background:url(../vbv/images/btn_userDifferentCard.gif) no-repeat top left;
}

#popupContainerSuccess a.userDifferentCard3 {
   position:relative;
   left:15px;
   text-indent:-10000em; display:block;
   width:191px;
   height:29px;
   background:url(../vbv/images/select_another_payment.gif) no-repeat top left;
}

#popupContainer h2.paymentSorry {
   background:url(../vbv/images/triangle.gif) left no-repeat;
   text-indent:-10000em;
   height:40px;
}

#popupContainerSuccess h2.paymentSorry {
   background:url(../vbv/images/triangle.gif) left no-repeat;
   text-indent:-10000em;
   height:40px;
}

#popupContainer p {margin:10px 0px;}
#popupContainer h2.title {font-size:15px; font-weight:normal;}
#popupContainer p.normal {font-size:12px;}
#popupContainer p.bigger {font-size:15px; font-weight:bold;}
#popupContainer a.close {color:#044491; text-decoration:underline; font-size:13px; display:block;text-align:center;}

#popupContainerSuccess h1 {font-size:24px; font-weight:bold;}
#popupContainerSuccess h2.title {font-size:15px; font-weight:normal;}
#popupContainerSuccess p.normal {font-size:12px;}
#popupContainerSuccess p.bigger {font-size:15px; font-weight:bold;}
#popupContainerSuccess a.close {color:#044491; text-decoration:underline; font-size:13px; display:block;}

#popupEnrollmentContainer h2.title {font-size:15px; font-weight:normal;}
#popupEnrollmentContainer p.normal {font-size:12px;}
#popupEnrollmentContainer p.bigger {font-size:15px; font-weight:bold;}
#popupEnrollmentContainer a.close {color:#044491; text-decoration:underline; font-size:13px; display:block;text-align:center;}


/*sorry*/
#popupContainer h1.sorry {
   background:url(../vbv/images/triangle.gif) center no-repeat;
   text-indent:-10000em;
   width:227px;
   height:40px;
}

#popupEnrollmentContainer h1.sorry {
   background:url(../vbv/images/triangle.gif) center no-repeat;
   text-indent:-10000em;
   width:227px;
   height:40px;
}

#popupContainer .lineHorizontal {border-bottom:1px solid #dbdbdb; font-size:1%; height:1px; clear:both;}
#popupEnrollmentContainer .lineHorizontal {border-bottom:1px solid #dbdbdb; font-size:1%; height:1px; clear:both;}

/* payment sorry */
#popupContainer a.userDifferentCard {
   position:relative;
   left:10px;
   text-indent:-10000em;
   display:block;
   width:191px;
   height:29px;
   background:url(../vbv/images/select_another_payment.gif) no-repeat top left;
}
#popupContainer h1.paymentSorry {
   background:url(../vbv/images/triangle.gif) left no-repeat;
   text-indent:-10000em;
   width:227px;
   height:40px;
}

#popupContainer h1.failureText {
   color:navy;
   vertical-align:text-bottom;
}

#popupContainerSuccess h1.failureText {
   color:navy;
   vertical-align:text-bottom;
}

/* payment successful */
#popupContainer h1.success {font-size:27px; color:#044491;}
#popupContainerSuccess h1.success {font-size:27px; color:#044491;float:left;}
#popupContainerSuccess h2.success {font-size:27px; font-family:arial,helvetica; color:#044491; margin-left:10px;}

#popupContainer a.submitOrder {
   position: relative;
   left:90px;
   text-indent:-10000em;
   display:block;
   width:191px;
   height:35px;
   background:url(../vbv/images/btn_submitOrder.gif) no-repeat top left;
}
#popupContainerSuccess a.submitOrder {
   position: relative;
   left:90px;
   text-indent:-10000em;
   display:block;
   width:191px;
   height:35px;
   background:url(../vbv/images/return_to_checkout.gif) no-repeat top left;
}

/* Credit Card Enrolled */
#popupContainer h1.creditCardEnrolled {font-size:27px; color:#044491;}
#popupContainer h2.creditCardEnrolled {
    font-size:27px;
    color:#044491;
    font-family: arial,helvetica;
	margin:0px;
}
#popupContainer .feed {background:#fff;}

/* VBV Drwawer Close */

#bg_vbvDrawerClose {background:url(../vbv/images/bg_expandBody.gif) bottom left repeat-x #fff; padding:10px 26px; overflow:hidden;display:block;	margin-bottom:20px;}
#bg_vbvDrawerClose h1 {
    font-size:17px;
    color:#044491;
    font-family: arial,helvetica;
}
#bg_vbvDrawerClose a.close {background:url(../vbv/images/icon_close.gif) no-repeat top left; text-indent:-100000em; width:18px; height:17px; display:block;}
#bg_vbvDrawerClose a.open {background:url(../vbv/images/icon_open.gif) no-repeat top left; text-indent:-100000em; width:56px; height:17px; display:block;}
#bg_vbvDrawerClose p.small {font-size:11px;}

#bg_vbvDrawerClose table {width:100px !important;}

#bg_vbvDrawerClose a.enrollToday {
   text-align:left;
   background:url(../vbv/images/btn_enrollNnoThankx.gif)
   top left no-repeat;
   text-indent:-10000em;
   width:132px;
   height:32px;
   display:block;
   margin-top:5px;
}

#bg_vbvDrawerClose a.noThankx {
   text-align:left; background:url(../vbv/images/btn_enrollNnoThankx.gif) top right no-repeat; text-indent:-10000em; width:132px;
   height:32px;
   display:block;
   margin-top:5px;
   }

/*#bg_vbvDrawerClose div.visa {
   background:url(../vbv/images/verified_by_visa.gif) no-repeat center;
   text-indent:-10000em;
   width:231px;
   height:61px;
}*/

/*
#bg_vbvDrawerClose div.mastercard {
   background:url(../vbv/images/mastercard_icon.gif) no-repeat center;
   text-indent:-10000em;
   width:231px;
   height:96px;
}*/

#bg_vbvDrawerClose a.visa {
   background:url(../vbv/images/verified_by_visa.gif) no-repeat center;
   text-indent:-10000em;
   width:231px;
   height:61px;
}

#bg_vbvDrawerClose a.mastercard {
   background:url(../vbv/images/mastercard_icon.gif) no-repeat center;
   text-indent:-10000em;
   width:231px;
   height:96px;
}

/* VBV Drwawer Open */
#bg_vbvDrawerOpen {
   background:url(../vbv/images/bg_expandBody.gif) bottom left repeat-x #e5e5e5;
   position:relative;
   height:38px;
   padding:10px 26px;
   overflow:hidden;
   display:none;
}

#bg_vbvDrawerOpen h1 {
   font-size:17px;
   color:#044491;
}

#bg_vbvDrawerOpen a.open {
   background:url(../vbv/images/icon_open.gif) no-repeat top left;
   text-indent:-100000em;
   width:56px;
   height:17px;
   display:block;
}