/* Checkout Module */

#checkoutContainer {
	
}
.fbStore{
	font:13px lucida grande,​tahoma,​verdana,​arial,​sans-serif;
	padding:0;
	float:left;
	width:800px;
}
.default{
	font: 13px/18px Helvetica, Arial, sans-serif;
	max-width: 943px;
	width: 943px;
	left: 50%;
	margin-left: -471px;
	position: relative;
}
#checkoutContainer .ppSprite {
	background: transparent url("../../assets/paypage/chkt_sprite.png");
}
#checkoutContainer .hide {
	display:none;
}
#checkoutContainer a {
	color: #2b73dd;
	text-decoration: none;
}
#checkoutContainer a:hover {
	text-decoration: underline;
}
#checkoutContainer label {
	display: block;
	color:#333;
}
.default label {
	font-size:14px;
}
.fbStore label {
	font-size:13px;
}
#checkoutContainer .error{
	color:#ff0000;
	font-size:13px;
	display:block;
}
#checkoutContainer .securePayment {
	display:inline-block;
	background-position:0 -30px;
	height: 20px;
	width: 20px;
}
#checkoutContainer .ppBody .required {
	color: #ACACAC;
	font-size: 13px;
	padding-left:2px;
}
#checkoutContainer .ppBody .note {
	color: #707070;
	font-size: 13px;
}
#checkoutContainer .ppBody input[type="text"] , #checkoutContainer .ppBody textarea{
	font-size: 13px;
	padding: 0 5px;
}
.default .ppBody input[type="text"] , .default .ppBody textarea{
	width: 240px;
}
.fbStore .ppBody input[type="text"] , .fbStore .ppBody textarea{
	width: 180px;
}
#checkoutContainer .ppBody input[type="text"]{
	height: 25px;
}
.default .ppBody input[type="text"]{
	width: 250px;
}
.fbStore .ppBody input[type="text"]{
	width: 182px;
}
.default .ppBody input.largeTextBox {
	width: 535px;
}
.fbStore .ppBody input.largeTextBox {
	width: 400px;
}
.default .ppBody input.smallTextBox {
	width: 100px;
}
.fbStore .ppBody input.smallTextBox {
	width: 100px;
}
#checkoutContainer .ppBody li.rightSide {
	float:right;
}
#checkoutContainer .ppHeader, #checkoutContainer .ppBody, #checkoutContainer .ppFooter {
	display: block;
	float: left;
}
#checkoutContainer .ppHeader {
	margin: 40px 0 20px;
	width: 100%;
}
#checkoutContainer .ppHeader .pageTitle {
	float: left;
	font-weight:bold;
}
.default .ppHeader .pageTitle {
	font-size: 31px;
}
.fbStore .ppHeader .pageTitle {
	font-size: 26px;
}
#checkoutContainer .ppHeader .poweredbyWrapper{
	float: right;
	color:#707070;
}
.default .ppHeader .poweredbyWrapper{
	font-size:13px;
}
.fbStore .ppHeader .poweredbyWrapper{
	font-size:12px;
	margin-right:22px;
}
#checkoutContainer .ppHeader .poweredBy{
	display: inline-block;
    vertical-align:text-bottom;
}
#checkoutContainer .ppHeader .businessName {
	color: #333;
	font-weight: bold;
}
/* page body container styles starts here */
#checkoutContainer .ppBody {
}
/*Error Container styles */
#checkoutContainer .ppBody .errorContainer{
	background-color:#F9DED5;
	border-radius:3px;
	font-size:15px;
	color:#a20d0d;
	margin:0 0 20px;
	height:40px;
}
#checkoutContainer .ppBody .errorContainer .errorWrapper{
	padding:10px;
}
#checkoutContainer .ppBody .errorContainer .iconWrapper, #checkoutContainer .ppBody .errorContainer .message{
	display:inline-block;
}
#checkoutContainer .ppBody .errorContainer .errorIcon{
	background-position:0 -114px;
	height: 20px;
	width:20px;
	display:inline-block;
	vertical-align:bottom;
}
/* Error Container styles ends here */
#checkoutContainer .ppBody .leftColumn {
	float: left;
}
.default .ppBody .leftColumn {
	width: 608px;
	margin-right: 35px;
}
.fbStore .ppBody .leftColumn {
	width: 470px;
	margin-right: 15px;
}
#checkoutContainer .ppBody .rightColumn {
	float: right;
	width: 300px;
}
#checkoutContainer .ppBody .shippingInfo {
	margin-bottom: 20px;
}
#checkoutContainer .ppBody .orderInfo {

}
#checkoutContainer .ppBody .paymentInfo {
	
}
#checkoutContainer .ppBody .paymentInfo .ccOptions{
	display:inline-block;
}
#checkoutContainer .ppBody .paymentInfo .ccOptions div{
	display: inline-block;
    height: 25px;
    vertical-align: middle;
    margin-left:5px;
}
#checkoutContainer .ppBody .ccOptions .creditCards {
	background-position:0 0;
	width: 116px;
}
#checkoutContainer .ppBody .ccOptions .paypal {
	background-position: -160px 0;
	width: 37px;
}
#checkoutContainer .ppBody .canvas {
	float: left;
	width: 100%;
	border-radius: 3px;
}
.default .ppBody .canvas  {
	border: 3px solid #eee;
}
.fbStore .ppBody .canvas {
	border: 3px solid #e7ebf3;
}
#checkoutContainer .ppBody .canvas .canvasHeader, #checkoutContainer .ppBody .canvas .canvasContent, #checkoutContainer .ppBody .canvas .canvasFooter {
	display: block;
	float: left;
	width: 100%;
}
#checkoutContainer .ppBody .canvas .canvasHeader {
	height: 40px;
}
.default .ppBody .canvas .canvasHeader {
	background: #eee;
}
.fbStore .ppBody .canvas .canvasHeader {
	background: #e7ebf3;
}
#checkoutContainer .ppBody .canvas .canvasHeader .canvasTitle, #checkoutContainer .ppBody .canvas .canvasHeader .headerOptions {
	padding: 10px;
}
#checkoutContainer .ppBody .canvas .canvasHeader .canvasTitle {
	font-weight: bold;
	color: #333;
	float: left;
}
.default .ppBody .canvas .canvasHeader .canvasTitle {
	font-size: 16px;
}
.fbStore .ppBody .canvas .canvasHeader .canvasTitle {
	font-size: 15px;
}
#checkoutContainer .ppBody .canvas .canvasHeader .headerOptions {
	float: right;
}
#checkoutContainer .ppBody .formWrapper, #checkoutContainer .ppBody .cartItems {
	padding: 10px;
	float:left;
}
#checkoutContainer .ppBody .formWrapper ul {
	list-style-type: none;
	margin: 0;
	padding: 0 18px;
}
#checkoutContainer .ppBody  .formWrapper ul li {
	display: block;
	margin-bottom:10px;
}
#checkoutContainer .ppBody  .formWrapper ul.sameline {
	padding: 0;
}
#checkoutContainer .ppBody .formWrapper ul.sameline li{
	display:inline-block;
	margin-bottom:0px;
}
.default .ppBody .formWrapper ul.sameline li{
	width:257px;
}
.fbStore .ppBody .formWrapper ul.sameline li{
	width:190px;
}
#checkoutContainer .ppBody .formWrapper ul.additionalInfo li{
	margin-bottom:10px;
}
#checkoutContainer .ppBody .formWrapper ul.sameline li.rightSide{
	float:right;
	margin-right:10px;
}
#checkoutContainer .ppBody .formWrapper .billingAddWrapper,#checkoutContainer .ppBody .formWrapper .shippingDetails{
	display:inline-block;
	margin:0;
	width:100%;
}
#checkoutContainer .ppBody .formWrapper .billingAddWrapper{
	float:left;
	margin-bottom:10px;
	border-bottom:1px solid #eee;
}
#checkoutContainer .ppBody .formWrapper .billingAddWrapper .billingCheckText{
	font-size:12px;
}
#checkoutContainer .ppBody .shippingAddress p{
	margin:0;
}
#checkoutContainer .ppBody  .shippingAddress{
	color:#707070;
}
#checkoutContainer .ppBody .shippingSummary .shippingAddress{
	list-style-type: none;
	margin: 0;
    padding-left: 30px;
}
.default .ppBody .shippingSummary .shippingAddress{
	background:#eee;
}
.fbStore .ppBody .shippingSummary .shippingAddress{
	background:#e7ebf3;
}
#checkoutContainer .canvas .extendedFooter{
	float:left;
	width:100%;
	height:30px;
	background:#eee;
	display:block;
	position:relative;
}
.default .canvas .extendedFooter{
	background:#eee;
}
.fbStore .canvas .extendedFooter{
	background: #e7ebf3;;
}
#checkoutContainer .canvas .secureContainer{
	display:inline-block;
	color:#707070;
}

#checkoutContainer .canvas .extendedFooter .secureContainer{ 
	position:relative;
	left:50%;
	margin-top:4px;
	margin-left:-92px;
	height:30px;
	display:block;
}
#checkoutContainer .ppBody .paymentInfo ul.sameline li.secuityCodeWrapper{
	width:160px;
}
.default .ppBody .paymentInfo .securityHelpWrapper{
	margin:20px 0 0 -150px;
}
.fbStore .ppBody .paymentInfo .securityHelpWrapper{
	margin-left:-80px;
}
#checkoutContainer .ppBody .paymentInfo .billingAddressForm{
	margin:10px 0;
}
#checkoutContainer .ppBody .paymentInfo .billingAddressForm ul{
	padding:0;
}
#checkoutContainer  .paymentInfo .secureContainer{ 
	margin:20px 0 0 0px;
}
.fbStore  .paymentInfo .secureContainer{ 
	width:240px;
}
#checkoutContainer .canvas .secureContainer .safeSecure{
	display:inline-block;
	vertical-align:text-bottom;
}
#checkoutContainer .canvas #ccForm .secureContainer .safeSecure{
	margin-left:-4px;
}
#checkoutContainer  .paymentInfo .paymentOptions{
	margin:10px 0 0 5px;
	padding:0 20px;
}
#checkoutContainer  .paymentInfo .paypalWrapper {
	margin:0 0 10px 0;
	padding:0 20px;
}
#checkoutContainer  .paymentInfo .heading {
	font-weight:bold;
}
/* Order Form Styles starts here */
#checkoutContainer .ppBody .cartItems{
	width:290px;
}
#checkoutContainer .ppBody .cartItems ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
#checkoutContainer .ppBody .cartItems div.item{
	display:block;
	float:left;
}
#checkoutContainer .ppBody .cartItems div.item ul.product li{
	float:left;
	display:inline-block;
}
#checkoutContainer .ppBody .cartItems div.item ul.product>:first-child{
	width:40px;
	overflow:hidden;
}
#checkoutContainer .ppBody .cartItems div.item div.productContainer{
	width:172px;
	margin-left:10px;
}
#checkoutContainer .ppBody .cartItems div.item div.productContainer li{
	display:list-item;
	width:100%;
}
#checkoutContainer .ppBody .cartItems .priceContainer{
	width:50px;
}
#checkoutContainer .ppBody .cartItems .price{
	float:right;
	margin:0;
}
#checkoutContainer .ppBody .cartItems .noImage{
	height:48px;
	width:48px;
}
#checkoutContainer .ppBody .cartItems .productName{
	width:170px;
	max-width: 170px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#checkoutContainer .ppBody .cartItems .productAttribute{
    font-size: 12px;
    list-style-type:disc;
    margin-left: 20px;
}
#checkoutContainer .ppBody .cartItems .subTotalWrapper, #checkoutContainer .ppBody .cartItems .orderTotalWrapper{
	border-top: 1px solid #eee;
    float: left;
    margin:10px 0 0;
    width: 280px;
}
#checkoutContainer .ppBody .cartItems .subTotalWrapper ul, #checkoutContainer .ppBody .cartItems .orderTotalWrapper ul{
	margin:10px 0 0 0;
}
#checkoutContainer .ppBody .cartItems .subTotalWrapper span{
	font-size:13px;
}
#checkoutContainer .ppBody .cartItems .orderTotalWrapper span{
	font-size:14px;
	font-weight:bold;
}
#checkoutContainer .ppBody .orderInfo .donationItems{
	width:280px;
	height:100px;
}
#checkoutContainer .ppBody .orderInfo .donationItems ul{
	flaot:left;
	list-style-type:none;
	margin:10px;
	padding:0;
	width:100%;
}
#checkoutContainer .ppBody .orderInfo .donationItems .leftSide{
	float:left;
}
#checkoutContainer .ppBody .orderInfo .donationItems .rightSide{
	float:right;
}
/*Confirmation container styles starts here */
#checkoutContainer .ppBody .confirmationContainer .confirmationWrapper{
	padding:20px;
	font-size:14px;
	color:#333;
}
#checkoutContainer .ppBody .confirmationContainer .confirmationWrapper h4 , #checkoutContainer .ppBody .confirmationContainer .confirmationWrapper .confirmationMsgs{
	margin:10px 0;
}
#checkoutContainer .ppBody .confirmationContainer .confirmationWrapper h4{
	font-size:18px;
	font-weight:normal;
}
#checkoutContainer .ppBody .confirmationContainer .confirmationWrapper p{
	margin:0;
}
#checkoutContainer .ppBody .confirmationContainer .confirmationWrapper .storeLinkContainer,#checkoutContainer .ppBody .confirmationContainer .confirmationWrapper .orderNumber{
	font-weight:bold;
}
/*Confirmation container styles ends here */
#checkoutContainer .sessionTimeOut{
	height:500px;
	font-size:15px;
}
/* Order Form Styles starts here */

/* page body container styles ends here */

/* Footer styles starts here */
#checkoutContainer .ppFooter {
	margin-top: 20px;
	width: 100%;
	border-top: 1px solid #eee;
}
#checkoutContainer .ppFooter .linksContainer {
	color: #707070;
	margin-top: 20px;
	width: 250px;
	float: left;
}
#checkoutContainer .ppFooter .truste {
	background-position: 0 -60px;
    float: right;
    height: 42px;
    margin-top: 20px;
    width: 115px;
}
#checkoutContainer .ppFooter .privacyWrapper, #checkoutContainer .ppFooter .copyrightWrapper {
	display: inline-block;
}
#checkoutContainer .ppFooter .copyrightWrapper {
}
#checkoutContainer .ppFooter .copyrightWrapper p {
	margin: 0;
}
/* Footer styles ends here */

/* Buttons styles here */
.button.primary {
    background: -moz-linear-gradient(center top , #359BF3 24%, #3081D1 100%) repeat scroll 0 0 transparent;
    background-color: #359bf3;
	background: -moz-linear-gradient(top, #359bf3 24%, #3081d1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(24%,#359bf3), color-stop(100%,#3081d1));
	background: -webkit-linear-gradient(top, #359bf3 24%,#3081d1 100%);
	background: -o-linear-gradient(top, #359bf3 24%,#3081d1 100%);
	background: -ms-linear-gradient(top, #359bf3 24%,#3081d1 100%);
	background: linear-gradient(top, #359bf3 24%,#3081d1 100%);
	-pie-background: linear-gradient(#359bf3, #3081d1);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1) inset, 0 0 0 1px rgba(0, 79, 153, 0.4) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
    color: #FFFFFF;
    font-weight: bold;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
    border-radius:5px;
    height:30px;
    padding:0 20px;
    border:none;
    font-size:12px;
    margin-top:10px;
    cursor:pointer;
}
.button.primary:hover {
    background: -moz-linear-gradient(center top , #4AA7F6 17%, #458DD5 100%) repeat scroll 0 0 transparent;
}
.button.primary:active {
    background: -moz-linear-gradient(center top , #458DD5 0px, #4AA7F6 83%) repeat scroll 0 0 transparent;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1) inset, 0 0 0 1px rgba(0, 79, 153, 0.4) inset, 0 1px 0 rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.5) inset;
}
#checkoutContainer  .paymentInfo #placeOrder{ 
	margin:0;
}
.button.primary.disabled, .button.primary:disabled, .button.primary.is-disabled:hover {
	background-color: #aad4f4;
	background: -moz-linear-gradient(top, #aad4f4 24%, #84bbe4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(24%,#aad4f4), color-stop(100%,#84bbe4));
	background: -webkit-linear-gradient(top, #aad4f4 24%,#84bbe4 100%);
	background: -o-linear-gradient(top, #aad4f4 24%,#84bbe4 100%);
	background: -ms-linear-gradient(top, #aad4f4 24%,#84bbe4 100%);
	background: linear-gradient(top, #aad4f4 24%,#84bbe4 100%);
	-pie-background: linear-gradient(#aad4f4, #84bbe4); 

	text-shadow: 0 1px 0 rgba(0,0,0, 0);
	-webkit-box-shadow: inset 0 0 0 2px rgba(255,255,255,0.1), inset 0 0 0 1px rgba(0,79,153,0.4), 0 1px 0 rgba(0,0,0,0.15);
	-moz-box-shadow: inset 0 0 0 2px rgba(255,255,255,0.1), inset 0 0 0 1px rgba(0,79,153,0.4), 0 1px 0 rgba(0,0,0,0.15);
	box-shadow:  0 0px 0 rgba(0,0,0,0);

	color: #fff;
	cursor: auto;
}
/* Buttons styles ends here */

#simplemodal-container a.modalCloseImg {
    background-image: url("../consolidated/1.0/modal/images/bizsites-x.png");
    background-position: 0 0;
    cursor: pointer;
    display: inline;
    height: 20px;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 20px;
    z-index: 3200;
}
#simplemodal-container .wsDialogContent{
	font-size:14px;
	display:block;
	width:600px;
	font-family: Lucida Grande,'Lucida Sans Unicode','Trebuchet',sans-serif;
}
#simplemodal-container .wsDialogContent .heading{
	font-weight:bold;
}
#simplemodal-container .visaSecurity,#simplemodal-container .amexSecurity {
	background: transparent url("../../assets/paypage/chkt_sprite.png");
}
#simplemodal-container .wsDialogContent .securityContentWrapper{
	display:block;
}
#simplemodal-container .wsDialogContent .visaContent{
	display:block;
}
#simplemodal-container .wsDialogContent .securityContentWrapper .securityMsg{
	display:inline-block;
	width:450px;
}
#simplemodal-container .wsDialogContent .securityContentWrapper .visaSecurity{
	width:120px;
	height:75px;
	background-position:0 -114px;
	display:inline-block;
}
#simplemodal-container .wsDialogContent .securityContentWrapper .amexSecurity{
	display:inline-block;
	width:120px;
	height:75px;
	background-position:0 -201px;
}
#simplemodal-container .wsDialogContent .safeMsgContainer{
	width:600px;
}

