/* style override for form checkout pages */

.layout-form #f-delivery-postcode {width:15.4em;}
.layout-form #f-payment-secno {width:5em;}

.layout-form div.column-2 { padding-top: 18px; width: 229px; }
.layout-form div.column-2 a.promo { display: block; margin-bottom: 1em; }
.layout-form div.narrower { width: 460px }

.tbl-order-summary {margin:0 0 1em;font-weight:bold;}
	.tbl-order-summary th {text-align:left;}
	.tbl-order-summary th,
	.tbl-order-summary td {padding:0 35px .7em 0;vertical-align:top;}
	.tbl-order-summary .tr-discount td {color:red;}
	.tbl-order-summary .tr-total th,
	.tbl-order-summary .tr-total td {font-size:160%;padding-bottom:.3em;}
	
.payment-creds {border-top:1px solid #e4e4e4;padding:.5em 0 1em;}
#iframe-card-verify {width:500px;height:405px;margin:1em 0 2em;}

.checkout-title {}

ul#nav-checkout{float:right;position:relative;text-transform:uppercase; background : url(../../_assets/images/skin/bg/step-line.gif) repeat-x; font: Georgia; font-family: Georgia; } 
ul#nav-checkout li{float:left;display:inline;width:8em;margin-right:5px;height:72px;list-style-type:none;text-align:center;}
ul#nav-checkout li span{display: block;height:72px;margin:0px auto;}
ul#nav-checkout li span strong {display: block;margin:8px 4px 2px 8px;font-size:1em;}

ul#nav-checkout li span span.step-description {display: block;font-size:0.8em;font-weight:bold;}

ul#nav-checkout li span span.step-description-inactive {display: block;font-size:0.8em;font-weight:bold; color:#bbb}

ul#nav-checkout li.active{display:block; margin-left:auto; margin-right:auto;}


ul#nav-checkout li.active1{color:#000;background: url(../images/skin/bg/nav-tab-active-1.png) top left no-repeat;text-align:center;}
ul#nav-checkout li.active2{color:#000;background: url(../images/skin/bg/nav-tab-active-2.png) top left no-repeat;text-align:center;}
ul#nav-checkout li.active3{color:#000;background: url(../images/skin/bg/nav-tab-active-3.png) top left no-repeat;text-align:center;}
ul#nav-checkout li.active4{color:#000;background: url(../images/skin/bg/nav-tab-active-4.png) top left no-repeat;text-align:center;}
ul#nav-checkout li.active5{color:#000;background: url(../images/skin/bg/nav-tab-active-5.png) top left no-repeat;text-align:center;}

ul#nav-checkout li.inactive1{color:#000;background: url(../images/skin/bg/nav-tab-inactive-1.png) top left no-repeat;text-align:center;}
ul#nav-checkout li.inactive2{color:#000;background: url(../images/skin/bg/nav-tab-inactive-2.png) top left no-repeat;text-align:center;}
ul#nav-checkout li.inactive3{color:#000;background: url(../images/skin/bg/nav-tab-inactive-3.png) top left no-repeat;text-align:center;}
ul#nav-checkout li.inactive4{color:#000;background: url(../images/skin/bg/nav-tab-inactive-4.png) top left no-repeat;text-align:center;}
ul#nav-checkout li.inactive5{color:#000;background: url(../images/skin/bg/nav-tab-inactive-5.png) top left no-repeat;text-align:center;}

ul#nav-checkout li.active div{background: url(../images/skin/bg/nav-tab-div.gif) 50% 3px no-repeat;width:100%;}
ul#nav-checkout li.used{background:none;color:#999;}
ul#nav-checkout li.used div{background:none;}

.checkout-padlock {float:right;}

#wrap h1 {padding:10px 0 15px;text-transform:uppercase;}
#wrap h2 {text-transform:uppercase;}
h1 span{font-size:.5em;font-family:Arial,sans;}

#column-twins {float:left;}
#column-twins .column {border:3px solid #eeeeee;padding:15px;width:274px;height:250px; padding-bottom:30px;}
#column-twins .left {float:left;}
#column-twins .right {float:right;margin-left:20px;}
#column-twins h2 {margin-bottom:30px;}
#column-twins .record {float:left;margin-bottom:0.25em;}
#column-twins .record label {width:100px;text-transform:uppercase;float:left;padding-top:7px;}
#column-twins .record input { width:16.5em;margin:2px 5px 5px 0;float:left;}
#column-twins .button {margin:0 0 12px 96px;}
#column-twins .left .button {margin-top:45px;}
#column-twins .right .button {margin-top:25px;} /* adjust these button margins to align with text */
.asterisk {float:left;margin:12px 0px}
#fieldset1, #fieldset2, #fieldset3, #fieldset4 {float:left;}
.secure {float:left;width:100%;margin-bottom:50px;}
.secure img{margin-right:12px;float:left;}
#wrap .secure-col {width:50px;padding-top:0;}


.column-twins-height-fix {!Important: height:100px}

.btn-login {margin:1em 0 1em 50px;float:left;}
.forgot-pwd {clear:both;height:1.5em;padding-left:85px;}

.formRow {z-index: 25;}

.formRow, .formRowRadio, .formRowCheckbox {
	margin: 0 -9px 9px -6px; 
	padding: 2px 0px 7px 9px; 
	background-color: transparent;
	background-image: none;
	position: relative;
	float: left; 
	clear: both;  
	width: 440px;  
}

.formRow label, .formRowRadio span.pseudo-label, .formRowCheckbox span.pseudo-label {
	font-weight: bold;
	color: #49176D;
	display: block;
	float: left;
	width: 100px;
	background-color: transparent;
	font-size: 116%; /* 14px */  
}

.formRowRadio .verticalContainer label, .formRowCheckbox .verticalContainer label  {
	display: block;
	float: none;
	padding-left: 20px;
	position: relative;
	width: auto;
	margin-bottom: 4px;
	font-size: 1em;
}

.formRowRadio .verticalContainer input, .formRowCheckbox .verticalContainer input {position: absolute;left: 0;}
.formRow .frFieldContainer, .formRowRadio .frFieldContainer, .formRowCheckbox .frFieldContainer  {float: left;width: 159px;}
.formRow .frFieldContainer input.full {width: 150px;}
.formRow .frFieldContainer textarea {width: 150px;}
.formRow .frFieldContainer input.small {width: 96px;}

.formRow .frHelpContainer, .formRowRadio .frRadioHelpContainer, .formRowCheckbox .frCheckboxHelpContainer { 
 	float: left;
 	width: 168px;
 	margin-left: 9px;
 	font-size: 0.91em;
 	padding: 2px;
 	z-index: 200;
 }

.formRow .frHelpContainer p, .formRowRadio .frHelpContainer p, .formRowCheckbox .frHelpContainer p {margin: 0;width: auto;}
.frActive { background: #FFFEE4 !important; }
.form-error .frActive {background: transparent !important;}
.frFinal {padding-left: 105px;width: 335px;z-index: 5;}
.repositioned {position: absolute;margin-left: 268px !important;top: -16px;background-color: #FFFEE4;color: #000;}
.accomodate-help .repositioned {position: relative;margin-top: -10px;}
.frReverse label {font-weight: normal;color: #333;display: inline;}
.frReverse .frFieldContainer {float: left;margin: 0;width: auto;}
.frReverse .frHelpContainer {clear: both;margin: 0;float: none;}
.frDateField .frFieldContainer div {float: left;margin-right: 9px;}
.frDateField .frFieldContainer input.frDfD, .frDateField .frFieldContainer input.frDfM { width: 2em; }
.frDateField .frFieldContainer input.frDfY { width: 3em; }
.frNoMargin { margin-bottom: 0; }
.a11y { text-indent: -3000em; height: 1px; display: block; position: absolute; width: 200px ;}


.lipsy-PP-header
{
    text-align:left;
    margin:0 0px;
    width:640px;
    display:inline;
    float:left;
    clear:both;
    height:40px;
}


.lipsy-PP-stepheader
{
    text-align:center;
    width:580px;
    display:inline;
    float:left;
    clear:both;
    height:45px;
}



.lipsy-PP-logo
{
    display: block;
    float:left;
    
}

.secure-PP-logo
{
    position:relative;
    float:right;
    padding-top:30px;
}


.lipsy-PP-steps
{
    margin-left: auto; 
    margin-right: auto; 
    display: block; 
    width: 300px;
    padding-top: 30px; 
    padding-left:120px;   
}

.PP-Header
{
    position: relative;
    text-align:center;
    clear:both;
    top: -5px;
    font-family: Georgia;
    font-size: 2.2em;
    text-transform: uppercase;
}

.lipsy-PP-Logo-Link
{
    position: relative;
    
}