@charset "utf-8";
/* CSS INDEX */

body {
	margin: 0px;
	background-image:url(images/bg-reg.jpg);
}
form {
	margin: 0;
	padding: 0;
}
img a {
	border:none;
}
#wrapper {width:897px; margin:auto;}
.form-box { background-color: #FFFFFF; border: 1px solid #CCCCCC; width: 170px;}
.form-box2 { background-color: #FFFFFF; border: 1px solid #CCCCCC; width: 230px;}
.message {height:130px; width:230px;}
.button-right {float:right;}


#header {background-image:url(images/bg-header.jpg); height:109px;}
#header-global {background-image:url(images/header-global.jpg); height:109px;}

#login-global {background-image:url(images/bg-brown-global.jpg); height:31px;}
#login {background-image:url(images/bg-brown.jpg); height:31px;}
.login {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; float:left; padding-top:9px; padding-left:62px;}
.logout {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; float:right; padding-top:9px; padding-right:62px;}

#body1 {
	background-image:url(images/bg-body.jpg);
	height: 331px;
}

#body1-b {
	background-image:url(images/bg-under-button.jpg);
	height:59px;
}

#body2 {background-image:url(images/bg-floral.jpg); height:304px;}

#cb-logo {padding-left:44px; padding-right:20px; float:left;}

#swirl-logo {float:right; padding-right:45px; padding-top:30px;}

#link {float:left;}

.black {color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none;}
.bold-black {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color:#000000; text-decoration: none;}
.form-label-subtext{ color: #633; font-size: 9px; font-weight: normal; font-family: Verdana,Arial,Helvetica,sans-serif;}
a:hover.bold-black {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color:#000000; text-decoration: none;}
.white {
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
}
.brown2 {
	color:#663333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
}
.bold-white {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #FFFFFF; text-decoration: none;}
.red { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #ad0710; text-decoration: none;}
a:hover.red  { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:#996633; text-decoration: none;}
a:hover.white { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:#CCCCCC; text-decoration: none;} 
.yellow {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #ffc600; text-decoration: none; }
a:hover.yellow {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:#FFFF99; text-decoration: none; }

#inner-body1-left { float:left; width:370px; padding-left:43px;}

#header-intro { padding-left:22px; padding-top:1px;}
#copy-intro {float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#000000; text-align:left; padding-left:29px; padding-top:8px; padding-right:20px;}

#inner-body1-right { float:right; width:428px; padding-right:38px;}
#flash {
	padding-top:1px;
}
##flash-inner {
	background-image: url(images/flash-bg.jpg);
}
.clr {
	clear: both;
}


#button1 {
	padding-left:77px;
	float:left;
}
#button2 {
	padding-left:30px;
	float:left;
}
#button3 {
	padding-left:35px;
	float:left;
}

#button-copy1 {
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	text-align:left;
	width:111px;
	padding-left:140px;
	padding-top:9px;
}
#button-copy2 {float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#000000; text-align:left; width:111px; padding-left:170px; padding-top:9px;}
#button-copy3 {float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#000000; text-align:left; width:111px; padding-left:153px; padding-top:9px;}

#arrow {float:left; padding-left:40px; padding-top:20px;}
#arrow1 {float:left; padding-left:50px; padding-top:20px;}

#inner-body2-left {
	float:left;
	width:276px;
	height:195px;
	padding-left: 78px;
	padding-top: 55px;
}
#reg-form {
	background-image: url(images/reg-user.jpg);
	width: 276px;
	height: 195px;
}


#inner-body2-right {
	float:right;
	width:474px;
	height:228px;
	padding-right: 69px;
	padding-top: 28px;
}
#announcements {
	background-image: url(images/announcements.jpg);
	width: 474px;
	height: 228px;
}

#announce-copy {padding-left:140px; padding-top:50px; width:168px; float:left;}
#a-product {float:right; padding-top:40px; padding-right:13px;}
#footer {padding-left:78px; float:left; width:743px;}
#registration-form {
	padding-left:20px;
	padding-top: 50px;
}

/* CSS ABOUT */

#wrapper-about {
	width:897px;
	height:670px;
	margin:auto;
}

#title-about {background-image:url(images/header-about-reward.jpg); height:72px;}

#button-small1 {float:right; padding-right:71px; padding-top:34px;}
#button-small2 {float:right; padding-top:34px;}

#body-about {
	background-image:url(images/bg-about2.jpg);
	height:470px;
}

#about-pic {float:left; padding-top:36px; padding-left:80px;}

#about-copy {float:right; padding-top:36px; padding-right:86px; width:453px;}

#footer-about {padding-left:78px; float:left; width:743px; padding-top:167px;}

/* CSS PROMOS */

#title-promos {background-image:url(images/header-promos.jpg); height:72px;}

#footer-promos {padding-left:78px; float:left; width:743px; padding-top:8px; }

#promos-pic {float:left; padding-top:30px; padding-left:76px;}

#promos-copy {float:right; padding-top:30px; padding-right:170px;width:453px;}


/* CSS PROMOS */

#title-affiliates {background-image:url(images/header-affiliates.jpg); height:72px;}

#footer-affiliates {padding-left:78px; float:left; width:743px; padding-top:8px; }

#affiliates-pic {float:left; padding-top:30px; padding-left:76px;}

#affiliates-copy {float:right; padding-top:30px; padding-right:170px;width:453px;}

/* CSS CONTACT */

#wrapper-contact {width:897px; height:637px; margin:auto;}

#title-contact {background-image:url(images/header-contact.jpg); height:72px;}

#footer-contact {padding-left:78px; float:left; width:743px; padding-top:65px; }

#body-contact {
	background-image:url(images/bg-contact2.jpg);
	height:465px;
}

#contact-form { padding-top:60px; padding-left:180px}

#form-contact {float:left; width:320px; height:270px;}

/* CSS PURCHASE */

#wrapper-purchase {
	width:897px;
	margin:auto;

}

#title-purchase {background-image:url(images/header-purchase.jpg); height:94px;}

#body-purchase {
	background-image:url('images/bg-purchase-new.jpg');
}
#body-purchase-steps {
	padding-left: 165px;
	padding-top: 15px;
	clear: left;
	padding-bottom: 20px;
	width: 580px;
	
}


#footer-purchase {
	width:743px;
	float: left;
	padding-left: 78px;
	padding-top: 30px;
}

#step-1-left {
	width: 300px;
	float: left;
	height: 185px;
}
#step-2 {
	margin-top: 10px;
	padding-bottom: 10px;
}
#step-2-text {
	float: left;
	width: 286px;
}
#step-2-btn  {
	float: left;
	width: 100px;
}

#step-3 {
	margin-top: 10px;
	padding-bottom: 10px;
}


#step-1-right {
	float: left;
	height: 185px;
	width: 250px;
}



#purchase-copy {
	float:left;
	padding-left:150px;
	padding-top:30px;
	width:540px;
}

#purchase-pic {float:left; padding-left:155px; padding-top:20px;}

#load-card {
	float:left;
	padding-left:10px;
	padding-top:20px;
	height:170px;
	width: 235px;
}

.required-field-note{
	display: block;
	margin: 7px 0px 2px;
	font-style: italic;
}

#pick-up {float:right; padding-left:10px; padding-top:20px; height:170px; padding-right:130px;}

.form-load {width:230px; float:left;}

#form-load-pick{width:210px; float:left;}

#hr-vertical {float:left; padding-top:25px;}

#pick-pic {float:left;}

#purchase-title { float:left; padding-top:50px; padding-left:160px; width:550px;}
.bold-brown-18 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #531b1e; text-decoration: none;}
.bold-brown-17 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 17px; font-weight: bold; color: #531b1e; text-decoration: none;}
.brown-17 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 17px; color: #531b1e; text-decoration: none;}
.bold-brown-13 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #531b1e; text-decoration: none;}
.brown-13 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #531b1e; text-decoration: none;}
.red-11 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #ad0710; text-decoration: none; font-weight: bold;}
#hr-dash {width:561px; padding-left:160px; padding-top:10px; padding-bottom:10px;}
#confirmation-copy {float:left; padding-left:160px; width:550px;}
#button {padding-left:180px; float:left; padding-top:10px; width:550px;}
#footer-purchase-con {padding-left:78px; float:left; width:743px; padding-top:95px; }


/* CSS REGISTER */
#register-title { float:left; padding-top:50px; padding-left:170px; width:550px;}
#title-reg {background-image:url(images/header-register2.jpg); height:94px;}
.bold-brown-28 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 28px; font-weight: bold; color: #531b1e; text-decoration: none;}

#reg-confirmation-copy {padding-top:15px; padding-bottom:15px; padding-left:170px; width:550px;}

#button-2 {padding-left:170px; float:left; padding-top:10px; width:550px;}

#footer-register {padding-left:78px; float:left; width:743px; padding-top:200px; }

/* CSS RELOAD */

#title-reload {background-image:url(images/header-reload.jpg); height:94px;}
#price {padding-top:5px; padding-left:170px; width:550px; height:200px;}
#footer-reload {padding-left:78px; float:left; width:743px; padding-top:70px; }
#footer-reload-2 {padding-left:78px; float:left; width:743px; padding-top:180px; }
#button-reload {padding-top:10px;}


.form-mobile-number { width: 70px;}
.form-home-phone { width: 70px;}
.form-post-code { width: 90px;}
.form-town { width: 110px;}
.form-addone { width: 220px;}
.form-addtwo { width: 220px;}