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

body {
	margin: 0px;
	background-image:url(images/bg.jpg);
}

a, a:hover, a:visited{
	text-decoration: none;
}

form {
	margin: 0;
	padding: 0;
}
img a {
	border:none;
}
#wrapper {width:897px; margin:auto;}
.form-box { background-color: #FFFFFF; border: 1px solid #CCCCCC; width: 150px;}
.form-box2 { background-color: #FFFFFF; border: 1px solid #CCCCCC; width: 230px;}
.message {height:130px; width:230px;}
.button-right {float:right;}
.button-left {float:left;}


#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; padding-top: 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;}
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:10px;
}

#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:96px;
	float:left;
}
#button3 {
	padding-left:111px;
	float:left;
}

#button-copy1 {
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	width:161px;
	padding-left:110px;
	padding-top:9px;
}
#button-copy2 {
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	width:181px;
	padding-left:110px;
	padding-top:9px;
}
#button-copy3 {
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	text-align:left;
	width:161px;
	padding-left:90px;
	padding-top:9px;
}
.text-home {
	font-size: 10px;
	line-height: 16px;
}


#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:40px;}
#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;
}

#body-promos {
	background: url(images/bg-about.jpg) no-repeat;
	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:55px;
}

/* 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:20px; padding-left:76px;}

#promos-copy {float:right; padding-top:20px; 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;}

#affiliates-copy ul{ margin: 0px; padding-top: 0px;}

#affiliates-heading{ background: none; color: #39191a; font-family: Verdana, Geneva, sans-serif; font-size: 12px; position: relative; bottom: 8px; left: 70px;}
#affiliates-heading2{ background: none; color: #39191a; font-family: Verdana, Geneva, sans-serif; font-size: 14px; font-weight: bold; padding: 20px 0px 0px 70px;}

.crocs-list1, .crocs-list2
{
	margin: 0px 0px 0px 15px;
	padding-top: 0px;
	float: left;
	width: 160px;
}

/* 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:85px; }

#body-contact {
	background: url(images/bg-contact2.jpg) no-repeat;
	height: 600px;
	overflow: auto;
}

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

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

/* 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-purchase2.jpg);
	overflow: auto;
}
#body-purchase-steps {
	padding-left: 165px;
	padding-top: 15px;
	clear: left;
	padding-bottom: 10px;
}


#footer-purchase {
	width:743px;
	float: left;
	padding-top: 33px;
	padding-left: 78px;
}
#step-1-left {
	width: 300px;
	float: left;
	height: 140px;
}
#step-2 {
	margin-top: 10px;
	padding-bottom: 10px;
}
#step-3 {
	margin-top: 10px;
	padding-bottom: 10px;
}


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



#purchase-copy {float:left; padding-left:150px; padding-top:60px; 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;
}

#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;}
.bold-brown-9 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; 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;}
.brown-10 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; 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;}
.forgot-password-link{ color:#904143; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10px; text-decoration:none;}
.forgot-password-link:hover{ text-decoration: underline;}
#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:20px; padding-left:170px; width:550px;}
#register-title h2{ color:#531B1E; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px;font-weight: bold;}
#title-reg {background-image:url(images/header-register2.jpg); height:94px;}
#title-forgot {background-image:url(images/header-forgot.jpg); height:94px;}
#title-transcation{background-image:url(images/header-transaction.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-left:170px; width:550px; padding-bottom: 40px;}

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

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

/* CSS RELOAD */

#title-reload {background-image:url(images/header-reload.jpg); height:94px;}
#price {
	padding-top:5px;
	padding-left:170px;
	width:550px;
}
#reload-text-low {
	padding-left: 170px;
	padding-top: 5px;
}

#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;}

h3.disclaimer
{
	color:#531B1E; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 14px;
	font-weight: bold;

}

p.disclaimer
{
	font-size: 9px;
}


#storelist
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 0px 110px 0px 0px;
	padding: 0px 50px 0px 0px;
	width: 270px;
}

.storelist-title
{
	font-size: 14px;
	font-weight: bold;
}

#storelist ul
{
	
	margin: 0;
	padding: 0;
	width: 130px;
	
}

#storelist li
{
	margin: 0px 0px 5px 0px;
}

#poster
{
	padding: 20px 0px 0px 0px;
	height: 151px;
}

#poster img
{
	float: left;
	margin: 0px 50px 0px 100px;
}

#poster div
{
	margin: 40px 0px 0px 0px;
	display: block;
	padding: 0px 170px 0px 0px;
}

#poster div li
{
	list-style-type: none;
	margin: 0px 0px 10px 0px;
}