/* CSS KEY */
/* ---- Note 1 - Commented Headers represent blocks of CSS code. ---- */
/* ---- Note 2 - Commented Headers are sorted alphabetcally (minus those prefixed with "HTML"), as are the CSS Properties within them. ---- */
/* ---- Note 3 - Classes come before IDs under Commented Headers. ---- */
/* ---- Note 4 - Selectors and Pseudo Classes will not appear in the HTML markup. They are dynamically written into every element by the JS called "offspring.js". ---- */
/* ---- Note 5 - Usable Pseudo Classes : "first-child", "last-child", "nth-child-#", "nth-child-odd", "nth-child-even", and "only-child". ---- */


/* HTML - ELEMENTS */
* {
	margin: 0;
	padding: 0;
	}
	
a { 
	color: #999;
	text-decoration: none;
	}
	
a:hover { 
	color: #999;
	text-decoration: underline;
	}

a:focus {
	outline: none;
	}
	
acronym {
	background: #FFFBCF;
	border: 0;
	cursor: help;
	}

body { 
	background: #fff;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 100%;
	}

h2, h3, h4, h5 {
	font-weight: normal;
	margin-bottom: 10px;
	}
	
img {
	border: 0;
	}

p, ul, ol, dl, table {
	margin-bottom: 10px;
	} 

table { 
	border-collapse: collapse; 
	border-spacing: 0;
	}

table tr td { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	vertical-align: top; 
	}	

ul {
	padding-left: 22px;
	}
	
ul li {
	padding-bottom: 5px;
	}





/* HTML - PAGE STRUCTURE */
.page-tag {
	display: none;
	}
	
#page-container {
	margin: 0 auto;
	padding-top: 20px;
	position: relative;
	width: 860px;
	z-index: 1;
	}
	
#page-content {
	border: 1px solid #ba1832;
	position: relative;
	width: 100%;
	z-index: 2;
	}

#page-content-splash {
	border: 1px solid #b2b2b2;
	position: relative;
	width: 858px;
	z-index: 2;
	}
	
#page-footer {
	color: #999;
	font-size: 11px;
	padding: 7px 0;
	text-align: right;
	}
	





/* ALIGNMENT */
.align-center {
	text-align: center !important;
	}
	
.align-left {
	text-align: left !important;
	}

.align-right {
	text-align: right !important;
	}
	
.valign-bottom {
	vertical-align: top !important;
	}

.valign-middle {
	vertical-align: top !important;
	}
	
.valign-top {
	vertical-align: top !important;
	}





/* BUTTONS */
.button {
	border: 0;
	cursor: pointer;
	display: block;
	}
	
.button span {
	display: none;
	}
	
#btn-register {
	background: url(../images/btn_register.gif) no-repeat;
	height: 28px;
	margin: 0 auto;
	width: 138px;
	}	
	
#btn-submit {
	/* background: url(../images/btn_submit.gif) no-repeat; */
	height: 20px;
	width: 46px;
	}	





/* COLORS */
.color-black, color-black:hover {
	color: #666 !important;
	}
	
.color-gray, color-gray:hover {
	color: #999 !important;
	}
	
.color-darkgray, color-darkgray:hover,
.color-darkgray a, color-darkgray a:hover {
	color: #333 !important;
	}
	
.color-red, color-red:hover {
	color: #620720 !important;
	}





/* COLUMNS */
.column-left {
	float: left;
	}
	
.column-left-half {
	float: left;
	width: 50%;
	*width: 49.5%;
	}

.column-right {
	float: right;
	}

.column-right-half {
	float: right;
	width: 50%;
	*width: 49.5%;
	}

.column-tri-left {
	float: left;
	margin-right: 2%;
	width: 32%;
	}
	
.column-tri-middle {
	float: left;
	margin-right: 2%;
	width: 32%;
	}

.column-tri-right {
	float: left;
	width: 32%;
	}





/* CUSTOM STYLES */
.splash {
	background: url(../images/bg_splash.jpg) 0 0 no-repeat;
	width: 858px;
	height: 718px;
	}
	
.splash .splash-content {
	text-align: center;
	margin: 85px auto 0 auto;
	width: 275px;
	}


.registration {
	background: url(../images/bg_bouquet.jpg) 95px 200px no-repeat;
	}
	
.registration .wrapper-registration {
	padding: 60px 0 0 280px;
	}
	
.registration .wrapper-registration h2 {
	left: 190px;
	position: relative;
	}
	
.required {
	color: #999;
	font-size: 10px;
	position: relative;
	left: 130px;
	}

.asterisk {
	color: #a60404;
	}

.asteriskRequired {
	color: #a60404;	
	position: relative;
	top: -15px;
	left:50px;
	}
	
.note {
	color: #999;
	}

.success {
	background: url(../images/bg_bouquet.jpg) 100px 145px no-repeat;
	}

.success .wrapper-success {
	padding: 30px 0 0 12px;
	}

.over {
	background: url(../images/bg_bouquet.jpg) 100px 145px no-repeat;
	}

.over .wrapper-over {
	padding: 30px 0 0 12px;
	}

.rules .wrapper-rules {
	color: #666;
	font-size: 11px;
	padding: 10px 40px;
	}
	
.rules .wrapper-rules h1 {
	margin-bottom: 20px;
	}
	
.rules .btn-back-large a, .rules .btn-back a {
	color: #b8112c;
	text-decoration: underline;
	}
	
.rules .btn-back-large {
	margin-bottom: 25px;
	position: relative;
	right: -20px;
	text-align: right;
	}
	
.rules .btn-back-large a {
	font-size: 15px;
	}
	
.rules .btn-back {
	text-align: center;
	}
	
.error .wrapper-error {
	color: #666;
	font-size: 11px;
	padding: 10px 40px;
	}
	
.error .wrapper-error h1 {
	margin-bottom: 20px;
	}



/* PIN page */
.pin-page {
	background: url(../images/head_pin.gif) 160px 42px no-repeat;
	height: 375px;
	}

.pin-page .wrapper-pin {
	padding: 80px 0 0 12px;
	}

.pin-number {
	color: #666;
	font-size: 39px;
	font-weight: bold;
	margin-top: 185px;
	position: relative;
	text-align: center;
	}

.pin-page .wrapper-pin .btn-back {
	margin-top: 45px;
	position: relative;
	text-align: center;
	}

.pin-page .wrapper-pin .btn-back a {
	color: #b32e2e;
	text-decoration: none;
	}






/* FLOATS / CLEARS */
.clear {
	clear: both;
	}

.float-left {
	float: left;
	}

.float-right {
	float: right;
	}





/* FONT - FAMILY */
.font-arial {
	font-family: Arial, Helvetica, sans-serif;
	}
	
.font-georgia {
	font-family: Georgia, "Times New Roman", Times, serif;
	}
	
.font-lucida {
	font-family: "Lucida Sans", Georgia, serif;
	}
	
.font-verdana {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}





/* FONT - SIZES */
.font-size-large {
	font-size: 16px;
	}
	
.font-size-larger {
	font-size: 22px;
	}

.font-size-largest {
	font-size: 23px;
	}
	
.font-size-medium {
	font-size: 14px;
	}
	
.font-size-normal {
	font-size: 12px;
	}
	
.font-size-small {
	font-size: 11px;
	}





/* FORM - FIELDS */
.form-check, .form-radio {	
	position: relative;
	top: 1px;
	*top: -3px;
	}
	
.form-select {
	border: 1px solid #ccc;
	color: #555;
	font-size: 12px;
	}

.form-select-multiple {
	border: 1px solid #ccc;
	color: #555;
	height: 170px;
	overflow: visible;
	padding: 2px;
	width: 100%;
	}
	
.form-text {
	border: 1px solid #ccc;
	color: #555;
	font-size: 12px;
	padding: 1px 5px 2px 2px;
	}
	
#field-pin {
	width: 45px;
	}
	
#field-dob, #field-shop-phone {
	width: 95px;
	}
	
#field-city, #field-country, #field-state, #field-zip, #field-phone {
	width: 155px;
	}
	
#field-fname, #field-lname, #field-fname, #field-address1, #field-address2, #field-email, #field-shop-name {
	width: 260px;
	}
	
#field-birth-month, #field-birth-day {
	width: 25px;
	}
	
#field-birth-year {
	width: 30px;
	}





/* HEADS - GRAPHIC 1 (main pages) */
.head-graphic-01 {
	background-color: transparent;
	background-position: 0 0;
	background-repeat: no-repeat;
	}

.head-graphic-01 span {
	display: none;
	}
	
#head-registration {
	background-image: url(../images/head_registration.gif);
	height: 34px;
	width: 153px;
	}

#head-success {
	background-image: url(../images/head_success.gif);
	height: 68px;
	width: 422px;
	margin: 130px 0 0 40px;
	float: left;
	}

#head-over {
	background-image: url(../images/head_over.gif);
	height: 68px;
	width: 289px;
	margin: 130px 0 0 100px;
	float: left;
	}





/* ICONS */
.icon {
	background-color: transparent;
	background-position: 0 0;
	background-repeat: no-repeat;
	}
	
.icon span {
	display: none;
	}
	
.icon-arrow-right-red {
	background-image: url(../images/icon_arrow_right_red.gif);
	background-position: 100% 50%;
	padding-right: 8px;
	}
	
	





/* LISTS */
.list-style-01 {
	margin: 0;
	padding: 0 0 0 25px;
	}
	
.list-style-01 li {
	background: url(../images/icon_star.gif) 0 0 no-repeat;
	list-style: none;
	padding: 0 0 10px 15px;
	}





/* LOGOS */
.logo {
	background-color: transparent;
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
	}
	
.logo span {
	display: none;
	}

#logo-rubiesroses-medium {
	background-image: url(../images/logo_rubiesroses_medium.gif);
	height: 129px;
	left: 36px;
	position: absolute;
	top: 60px;
	width: 312px;
	}
	
#logo-rubiesroses-small {
	background-image: url(../images/logo-rubiesroses-small.gif);
	height: 114px;
	margin-bottom: 250px;
	margin-left: 40px;
	width: 277px;
	float: left;
	}
	
#logo-rubiesroses-xlarge {
	background-image: url(../images/logo_rubiesroses_xlarge.gif);
	height: 185px;
	margin-left: auto;
	margin-right: auto;
	width: 459px;
	}
	
#logo-teleflora {
	background-image: url(../images/logo_teleflora.gif);
	height: 40px;
	width: 146px;
	}
	





/* TABLE - DATA DISPLAY */
.table-data-display {
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	}

.table-data-display tr th {
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 3px;
	text-align: left;
	}

.table-data-display tr td {
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 3px;
	}




/* TABLE - DATA INPUT */
.table-data-input {
	margin: 0 auto 0 auto;
	}

.table-data-input tr td {
	color: #333;
	font-size: 12px;
	padding-bottom: 10px;
	padding-right: 5px;
	vertical-align: top;
	}
	
.table-data-input tr td.col-label {
	text-align: right;
	width: 135px;
	}
	
.table-data-input tr td.col-field {
	width: 282px;
	}





/* TABLE - SELECT */
.table-select {
	margin-bottom: 0;
	width: 310px;
	}

.table-select tr td {
	font-size: 10px;
	padding-bottom: 5px;
	padding-right: 7px;
	vertical-align: top;
	}
	
.table-select tr td a {
	text-decoration: underline;
	}





/* TEXT - GRAPHIC */
.text-graphic-01, .text-graphic-01 a {
	background-color: transparent;
	background-position: 0 0;
	background-repeat: no-repeat;
	}
	
.text-graphic-01 span {
	display: none;
	}

#text-splash-01 span {
	display: none;
	}


#text-nopurchase-splash {
	background-image: url(../images/text_footerlegal_splash.gif);
	height: 58px;
	text-align: left;
	width: 846px;
	}


#text-nopurchase {
	background-image: url(../images/text_footerlegal.gif);
	height: 22px;
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	}
	
#text-splash-01 {
	background-image: url(../images/text_splash_01.gif);
	height: 77px;
	margin: 223px auto 0 auto;
	width: 764px;
	/* width: 800px;*/
	}
	
#text-splash-04 {
	margin: 80px 0 0 8px;
	position: relative;
	}