s/*********************************************************
 St. Jude Children's Research Hospital
 Hope Gift Book Global Style Sheet
 See also rMenu.css for styles specific to drop down menus
 *********************************************************/


/****************************************
 Common Containers
 ****************************************/
body {text-align: center;}

#wrapper {
	border: 1px solid #ccc;
	width: 798px;
	margin: 0px auto;
	clear: both;
	text-align: left;
	overflow: hidden;
	}
	
#header {
	margin: 0;
	padding: 0;
	height: 91px;
	}

#header img {
	float: left;
	}

#dropdown-wrapper {
	text-transform: uppercase;
	border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }

#searchBox { text-transform: uppercase; float: right; padding: 3px 20px 0 0; margin: 0;}

#topnav {
	width: 800px;
	margin: 0px auto;}

.image {
	border: 1px solid #ccc;
	margin: 4px 0px;
	}
	
.productThumb {
	border: 1px solid #ccc;
	margin: 4px 0px;
	width: 182px;
	height: 182px;
	}
	
.tributeThumb {
	border: 1px solid #ccc;
	margin: 4px 0px;
	width: 182px;
	height: 182px;
	}
	
.productPreview {
	border: 1px solid #ccc;
	margin-bottom: 4px 0px;
	width: 382px;
	height: 290px;
	}	

#breadcrumbs {
	padding-top: 10px;
	padding-left: 10px;
	font-size: 10px;
	}

#grid {
	padding: 6px;
	}

.grid {
	float: left;
	padding: 6px;
	width: 184px;
	line-height: 16px;
	}

#footer {
	line-height: 15px;
	padding-top: 8px;
	font-size: 10px;
	letter-spacing:-.1px;
    text-align: center;
    }
	
.clear {
	clear: both;
	}
	
.tribute-clear {
	clear: both;
	padding: 0 0 15px 0;
}

/*.grid span.col1 {
    width:15px;
    float:left;
    height:80px;
    margin:5px 10px 0 0;
}
.grid span.col2 {
    float:left;
    margin:5px 10px 0 0;
}*/

/*********  Instructions PopUp *******************/
.popup {
	margin:10px;
	padding:10px;
	text-align:left;
	line-height:15pt;
}

.popup ol {
	list-style-type: decimal;
	padding-left: 40px;
}

.popup ul {
	list-style-type: square;
	padding-left: 20px;
	margin-bottom:10px;
	}
	
.popup h1 {
	font-size:18px;
}

.patientArt {
	width:640px;
	padding:20px;
	border:1px solid #ccc;
	background-color: #f3f3f3;
}

/****************************************
 Index.html Containers
 ****************************************/

#main {
	width: 798px;
	margin:  0px;
	}

.main-left {
	float: left;
	height:285px;
	border-right: 1px solid #ccc;
	}

.main-right {
	float: right;
	height: 285px;
	width: 197px;
	}

#notes {
	clear: both;
	font-size: 11px;
	letter-spacing:-.2px;
	border-top: 1px solid #ccc;
	}
	
#notes a {
	color: #830e17;
	}

#notes strong { 
	color: #666;
	}

.note {
	float: left;
	width: 31%;
	padding: 9px;
	color: #666;
	height: 85px;
	}
	
.note_homepage_left {
	float: left;
	width:240px;
	padding: 9px;
	height: 90px;
}
	
	
.note_homepage_middle {
	float: left;
	width:254px;
	padding: 9px;
	height: 90px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.note_homepage_right {
	float: left;
	width:246px;
	padding: 9px;
	height: 90px;
}

.note_homepage_right img{
	padding-bottom:20px
}
	
.note_tribute_left {
	float: left;
	width:330px;
	padding: 9px;
	height: 92px;
}
	
	
.note_tribute_middle {
	float: left;
	width:180px;
	padding: 9px;
	height: 92px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.note_tribute_right {
	float: left;
	width:228px;
	padding: 9px;
	height: 92px;
}

.notemiddle {
	float: left;
	width: 247px;
	padding: 9px;
	color: #666;
	height: 85px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	}

#specials {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 6px 12px;
	background-color: #f3f3f3;
	line-height: 18px;
	clear: left;
	}

/****************************************
 Section 1 Containers
 ****************************************/



/****************************************
 Section 2 Containers
 ****************************************/

#section2 { 
	width: 775px;
	margin: 11px 11px 0 11px;
	clear: both;
	}

.section2-right-container {
	clear: both;
	}

.section2-right {
	float: right;
	width: 378px;
	}

.section2-right-left-item {
	float: left;
	width: 184px;
	margin: 0;
	}

.section2-right-right-item {
	float: right;
	width: 184px;
	margin: 0;
	}

.section2-left {
	float: left;
	width: 387px;
	}

.section2-right p {
	margin: 10px 0 0 0;
	height: 70px;
	}

/****************************************
 Detail Containers
 ****************************************/

#cart {
	margin: 0;
	padding-top: 7px;
	border-top: 1px solid #ccc;
}

#detail, #wedding_favors, #wedding_favor, #tribute {
	margin: 11px 11px 0 11px;
	line-height:18px;
	}
	
#detail ul, #detail ol,#detail dl ,#detail dt,#detail dd {
	padding-left:14px;
	list-style-type: square;
	}

.detail-left {
	float: left;
	width: 384px;
	}

.scroll-left {
	float:left;
	width:240px;
	
}

.scroll-right {
	float:right;
	width:460px;
}

.scroll-right fieldset {
	width:360px;
}

.scroll-cart input {
	text-align:right;
	margin:10px 0;
}

.detail-right {
	float: right;
	width: 378px;
	font-size: 12px;
   /* overflow:hidden;*/
}

.tribute-categories {float: left; width: 170px;}


.tribute-right {margin:0 0 0 10px;width:378px;float:right;}

.alternate-images {
	padding: 20px 0px;}

.cart-title {
	padding-top:  5px;
	float:  left;
	width: 195px;}

.cart-price {
	padding-top: 5px;
	float: left;
	width: 90px;}

.cart-quantity {
	float: right;
	width: 80px;
	text-transform: uppercase;
	padding: 1px 0 0 0;
	text-align:right;
	}
	
.cart-quantity input{
	border: 1px solid #ccc;
	width: 30px;
	height: 18px;
	vertical-align: middle;
	text-align: center;
	line-height:18px;
	padding: 0 0 -1px 0;
	}
	
.cart-buttons{
	float: right;
	text-transform: uppercase;
	padding: 1px 0 0 0;
	margin:15px 0;
}

.details-tools {
	float: right;
	margin: 5px 0px 5px 15px;
	color: #666;
	font-size: 11px;}
	
.ecard-right .details-tools { float: none; padding-bottom:10px; margin: 0}

#email-pane {
	width: 375px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	background-color: #fff;
	}
	
/* add some spacing around thumbnails in note section */
.note img {padding: 0 5px 20px 0;}


/****************************************
 Wedding favor Containers
 ****************************************/

#wedding_favors .section2-left {
	float: left;
	width: 387px;
	}

#wedding_favors div.section2-right p {
	height: auto;
}

/****************************************
 Mailcard Containers
 ****************************************/

#mailcard {
	margin: 11px 11px 0 11px;
	}

.mailcard-left {
	float: left;
	width: 235px;
	margin: 0 20px 0 0;
	}

.mailcard-right {
	float: left;
	width: 520px;
	font-size: 14px;
	}
	
.ecard-left {
	width:548px; 
	float: left;
	padding:0 0 10px 5px;
}
	
.ecard-left img {
	border:1px solid #666;
	}
	
.ecard-right {
	float: left;
	width: 193px;
		padding-left: 20px;
		padding-top:10px;
	}
	
.ecard-right a {
	font-size:11px;
}


/****************************************
 Login Containers
 ****************************************/

#login {
	margin-left: 15px;
	width:600px;
}

#login fieldset {
	display:block;
	width: 150px;
	margin-bottom:0px;
}

#login-left {
	float: left;
	width: 176px;
	margin-right: 50px;
}

#login-right {
	float: left;
	margin: 0 0 0 0;
	width: 176px;
}

#login img {
	float: right;
	margin: 10px 0 10px 0;
}

#forgottenPassword {
    margin:15px;
    width: 746px;
}

#forgottenPassword img {
    float:right;
    margin:0 0 10px;
}
#error {height: 400px; min-height: 400px;
	voice-family:"\"}\"";
	voice-family:inherit;
	height: auto;
	
}

/****************************************
 Personalize Containers
 ****************************************/

#personalize, #billing_address, #payment, #error {
	margin:10px;
}



#selected-card {
	float: right;
	width:184px;
	margin: 0 0 0 20px;
}

#selected-card img {margin:0 0 5px 0;}

#selected-card h3 {margin:0 0 0 0;}
#personalize img {
	border:1px solid #ccc;
}

#personalize .form_desc {width:548px;}

.personalize-buttons, .buttons {
	float: right;
	margin: 0 0 10px 0;
}

.personalize-buttons img, .buttons img {border: none !important;margin:5px 4px 2px 0px}


.delivery_options {border: none; background-color: #fff; padding:0}
.delivery_left, .delivery_right {width: 200px; float: left; margin: 0 20px 0 0; border:1px solid #ccc; background-color: #f7f7f7; padding: 10px;}
.delivery_right {margin: 0;}
.delivery_left img, .delivery_right img {margin: 10px 10px 0 0;}


.ptitle {float: left;width:60px;margin:0;padding-right:20px;_padding-right:10px;}
.ptitle select {width:60px}

.fname {float: left;width:150px;margin:0;padding-right:20px;_padding-right:10px;}
.fname input {width:150px}

.mi {float: left;width:15px;margin:0;padding-right:20px;_padding-right:10px;}
.mi input {width:15px}

.lname {float: left;width:150px;margin:0;padding-right:20px;_padding-right:10px;}
.lname input {width:150px}

.suffix {float: left;width:60px;margin:0;padding-right:20px;_padding-right:10px;}
.suffix select {width:60px}

.streetnum {float: left;width:60px;margin:0;padding-right:20px;_padding-right:10px;}
.streetnum input {width:50px}

.streetname {float: left;width:150px;margin:0;padding-right:20px;_padding-right:10px;}
.streetname input {width:150px}

.streetorPoName {float: left;width:165px;margin:0;padding-right:20px;_padding-right:10px;}
.streetorPoName input {width:165px}

.aptnum {float: left;width:50px;margin:0;padding-right:20px;_padding-right:10px;}
.aptnum input {width:50px}

.addresscont {float: left;width:100px;margin:0;padding-right:20px;_padding-right:10px;}
.addresscont input {width:100px}

.city {float: left;width:100px;margin:0;padding-right:20px;_padding-right:10px;}
.city input {width:100px}

.state {float: left;width:100px;margin:0;padding-right:20px;_padding-right:10px;}
.state select {width:100px}

.zip {float: left;width:110px;margin:0;padding-right:20px;_padding-right:10px;}
.zip input {width:100px}

.country {float: left;width:100px;margin:0;padding-right:20px;_padding-right:10px;}
.country select {width:100px}

.email {float: left;width:180px;margin:0;padding-right:20px;_padding-right:10px;}
.email input {width:180px}

.personalize-left {float:left;width:510px;}
.list-personalize-left {float:left;width:575px;}
.recipient-left {float:left;width:548px;}
.recipients-list {float:left;width:548px;}

.ta-donor-list {float:left;width:548px;}
.ta-donor-list table {width:548px;}

.personalize-right {float:left; width:248px; margin: 0 0 0 20px;}
.list-personalize-right {float:right; width:182px; margin: 0 0 0 10px;}
.recipient-right { width:160px; float:right;margin-left:20px;}

p.from {float:left; width:240px; margin:0 0;}
p.from textarea {width:230px; height:50px;}

.greeting {float:left; width:230px; margin:0 0 0 0px;}
.greeting textarea {width:230px; height:50px;}

.address_type {float: left; width: 100px;}
.address_type select{width: 100px;}

.phone {float: left;width:100px;margin: 0 20px 0 0;}
.phone input {width: 100px;}

.alt_phone {float: left;width:100px;margin: 0 20px 0 0;}
.alt_phone input {width: 100px;}

.company {float: left;width:100px;margin: 0 20px 0 0;}
.company input {width: 100px;}

.companyOrganization {float: left;width:250px;margin: 0 20px 0 0;}
.companyOrganization input {width: 250px;}
.companyOrganization label {width: 250px;}

.deliver_to label {display: inline !important;line-height:25px;}

.shipping_options label {display: inline !important; font-weight: bold; margin:0}

.billing_email_address  {float: left;width:280px;margin: 0 20px 0 0;}
.billing_email_address  input {width: 200px;}
.billing_email_address  img {margin: 0 0 -5px 5px;}

.alt_phone {float: left;width:100px;margin: 0 20px 0 0;}
.alt_phone input {width: 100px;}


.coupon_code {float: left;width:150px;margin: 0 20px 0 0;}
.coupon_code input {width: 120px;margin-top:5px}

.coupon_gift_cert_p {float: left;width:350px;margin: 0 10px 0 0; display:inline}

.gift_certificate_number {float: left;width:165px;margin: 0 10px 0 0; display:inline}
.gift_certificate_number input {width: 150px;margin-top:5px}

.gift_certificate_issue_date {float: left;width:120px;margin: 0 20px 0 0; display:inline}
.gift_certificate_issue_date input {width: 70px;margin-top:5px}
.gift_certificate_issue_date img {margin: 0 0 -3px 5px;}



/****************************************
 Shopping Cart Step Bar 
 ****************************************/

/*THE LITEPACIFIC CSS HACK:*/
#step_bar {
	width: 246px; height: 33px; float: left;
	margin: 10px 0 -13px 520px; 
	voice-family:"\"}\"";
	voice-family:inherit;
	margin: 10px 0 -13px 520px; 
	
}
/*end*/
/*\*/
html*#step_bar{
[

]margin: 10px 0 -13px 520px; 
}/*end*/
/*\*/
* html #step_bar {
margin: 10px 0 -13px 260px; 	
}
/*end*/



#step_bar div.col1 {float: left; width: 54px; height: 33px; background: #fff url('../images/icon_checkout_step1_cold.gif') no-repeat top left;}
#step_bar div.col2 {float: left; width: 71px; height: 33px; background: #fff url('../images/icon_checkout_step2_cold.gif') no-repeat top left;}
#step_bar div.col3 {float: left; width: 70px; height: 33px; background: #fff url('../images/icon_checkout_step3_cold.gif') no-repeat top left;}
#step_bar div.col4 {float: left; width: 51px; height: 33px; background: #fff url('../images/icon_checkout_step4_cold.gif') no-repeat top left;}

#step_bar div.col1 span.hot {float: left; width: 54px; height: 33px;background: #fff url('../images/icon_checkout_step1_hot.gif') no-repeat top left;}
#step_bar div.col2 span.hot {float: left; width: 71px; height: 33px;background: #fff url('../images/icon_checkout_step2_hot.gif') no-repeat top left;}
#step_bar div.col3 span.hot {float: left; width: 70px; height: 33px;background: #fff url('../images/icon_checkout_step3_hot.gif') no-repeat top left;}
#step_bar div.col4 span.hot {float: left; width: 51px; height: 33px;background: #fff url('../images/icon_checkout_step4_hot.gif') no-repeat top left;}

#step_bar div.tributes_only_col1 {float: left; width: 54px; height: 33px; background: #fff url('../images/icon_checkout_payment_cold.gif') no-repeat top left;}
#step_bar div.tributes_only_col2 {float: left; width: 71px; height: 33px; background: #fff url('../images/icon_checkout_review_cold.gif') no-repeat top left;}
#step_bar div.tributes_only_col3 {float: left; width: 51px; height: 33px; background: #fff url('../images/icon_checkout_receipt_cold.gif') no-repeat top left;}

#step_bar div.tributes_only_col1 span.hot {float: left; width: 54px; height: 33px;background: #fff url('../images/icon_checkout_payment_hot.gif') no-repeat top left;}
#step_bar div.tributes_only_col2 span.hot {float: left; width: 71px; height: 33px;background: #fff url('../images/icon_checkout_review_hot.gif') no-repeat top left;}
#step_bar div.tributes_only_col3 span.hot {float: left; width: 51px; height: 33px;background: #fff url('../images/icon_checkout_receipt_hot.gif') no-repeat top left;}



#billing_address #selected-card {margin-top: 25px;}

/****************************************
 Shopping Cart Containers - Payment
 ****************************************/
#billing_address .col1 {float:left;width:20px;padding-bottom:60px};
#billing_address .col2 {float:left};

 
#payment .payment_header {width: 770px; height: 25px; border: 1px solid #ccc; background-color: #f7f7f7; font-weight: bold;visible}
#payment .payment_header .col1 {float: left;  height: 25px; width: 350px; margin: 5px 5px 0 10px;}
#payment .payment_header .col2 {float: left;  height: 25px; width: 150px; margin: 5px 5px 0 0;}
#payment .payment_header .col3 {float: left;  height: 25px; width: 130px; margin: 5px 5px 0 0;}
#payment .payment_header .col4 {float: right;  height: 25px; width: 60px; margin: 5px 5px 0 0;}

#payment .payment_body { width: 770px; }
#payment .payment_body .col1 {float: left; width: 350px; margin: 5px 5px 0 10px;}
#payment .payment_body .col2 {float: left; width: 150px; margin: 5px 5px 0 0;}
#payment .payment_body .col3 {float: left; width: 130px; margin: 5px 5px 0 10px;}
#payment .payment_body .col4 {float: right; width: 70px; margin: 5px 14px 0 0; text-align: right;}

#payment .item_total { width: 770px; height: 25px; text-align: right; border: 1px solid #ccc; background-color: #f7f7f7; font-weight: bold;}
#payment .item_total .col1 {float: left; width: 170px; height: 25px; margin: 5px 5px 0 481px;}
/*THE LITEPACIFIC CSS HACK:*/
#payment .item_total .col1 {
	
	margin: 5px 5px 0 246px;
	voice-family:"\"}\"";
	voice-family:inherit;
	margin: 5px 5px 0 481px;
	
}
/*end*/
/*\*/
html*#payment .item_total .col1{
[

]margin: 5px 5px 0 481px;
}/*end*/
/*\*/
* html #payment .item_total .col1{
margin: 5px 5px 0 250px;
}
/*end*/

#payment .item_total .col2 {float: right; width: 70px; height: 25px; margin: 5px 15px 0 0;}

#payment .shipping { width: 770px; height: 25px; text-align: right; }
#payment .shipping .col1 {float: left; width: 170px; height: 25px; margin: 5px 5px 0 481px;}

/*THE LITEPACIFIC CSS HACK:*/
#payment .shipping .col1  {
	
	margin: 5px 5px 0 246px;
	voice-family:"\"}\"";
	voice-family:inherit;
	margin: 5px 5px 0 481px;
	
}
/*end*/
/*\*/
html*#payment .shipping .col1 {
[

]margin: 5px 5px 0 481px;
}/*end*/
/*\*/
* html #payment .shipping .col1 {
margin: 5px 5px 0 250px;
}
/*end*/

#payment .shipping .col2 {float: right; width: 70px; height: 25px; margin: 5px 15px 0 0; font-weight: bold;}

#payment .state_tax { width: 770px; height: 25px; text-align: right; font-weight: bold;}
#payment .state_tax .col1 {float: left; width: 170px; height: 25px; margin: 5px 5px 0 481px;}

/*THE LITEPACIFIC CSS HACK:*/
#payment .state_tax .col1  {
	
	margin: 5px 5px 0 246px;
	voice-family:"\"}\"";
	voice-family:inherit;
	margin: 5px 5px 0 481px;
	
}
/*end*/
/*\*/
html*#payment .state_tax .col1 {
[

]margin: 5px 5px 0 481px;
}/*end*/
/*\*/
* html #payment .state_tax .col1 {
margin: 5px 5px 0 250px;
}
/*end*/

#payment .state_tax .col2 {float: right; width: 70px; height: 25px; margin: 5px 15px 0 0; font-weight: bold;}

#payment .round_up { width: 370px; margin: 0 5px 0 0; float: right; text-align: right; font-weight: bold; border: 1px solid #ccc; background-color: #f7f7f7; clear: right;}
#payment .round_up .col1 {float: left; width: 249px; margin: 5px 40px 0 0;}
#payment .round_up .col2 {float: right; width: 70px; margin: 5px 0 0 0; text-align: left;}


#payment .grand_total { width: 770px; height: 25px; text-align: right; font-weight: bold; font-size: 14px;}
#payment .grand_total .col1 {float: left; width: 160px; height: 25px; margin: 5px 13px 0 491px;}

/*THE LITEPACIFIC CSS HACK:*/
#payment .grand_total.col1  {
	
	margin: 5px 13px 0 246px;
	voice-family:"\"}\"";
	voice-family:inherit;
	margin: 5px 13px 0 481px;
	
}
/*end*/
/*\*/
html*#payment .grand_total .col1 {
[

]margin: 5px 13px 0 491px;
}/*end*/
/*\*/
* html #payment .grand_total .col1 {
margin: 5px 13px 0 246px;
}
/*end*/


#payment .grand_total .col2 {float: right; width: 70px; height: 25px; margin: 5px 20px 0 0;}

/*THE LITEPACIFIC CSS HACK:*/
#payment .grand_total.col2  {
	
	margin: 5px 20px 0 0;
	voice-family:"\"}\"";
	voice-family:inherit;
	margin: 5px 20px 0 0;
	
}
/*end*/
/*\*/
html*#payment .grand_total .col2 {
[

]margin: 5px 20px 0 0;
}/*end*/
/*\*/
* html #payment .grand_total .col2 {
margin: 5px 11px 0 0;
}
/*end*/


.explanation {font-size: 9px; font-weight: normal; letter-spacing:-.3px;}
#round_up {width: 50px; border: 1px solid #ccc; height: 15px;}


.card_type {float: left;width:110px;margin: 0 20px 0 0;}
.card_type select {width: 110px;}

.name_on_card {float: left;width:150px;margin: 0 20px 0 0;}
.name_on_card input {width: 150px;}

.card_number {float: left;width:150px;margin: 0 20px 0 0;}
.card_number input {width: 150px;}

.ccv {float: left;width:55px;margin: 0 20px 0 0;}
.ccv input {width: 50px;}

.expiration {float: left;width:150px;margin: 0 20px 0 0;padding-bottom:4px}
#exp_month {width: 50px;}
#exp_year {width: 70px;}

.account_type {float: left;width:110px;margin: 0 20px 0 0;}
.account_type select {width: 110px;}

.routing_number {float: left;width:120px;margin: 0 20px 0 0;}
.routing_number input {width: 110px;}

.account_number {float: left;width:130px;margin: 0 20px 0 0;}
.account_number input {width: 120px;}

.dl_number {float: left;width:150px;margin: 0 20px 0 0;}
.dl_number input {width: 140px;}

.dl_state {float: left;width:110px;margin: 0 20px 0 0;}
.dl_state select {width: 110px;}

.payment_companyName {float: left;width:150px;margin: 0 20px 0 0;}
.payment_companyName input {width: 150px;}

.payment_companyTaxID {float: left;width:130px;margin: 0 20px 0 0;}
.payment_companyTaxID input {width: 130px;}

.authorization {font-size: 10px;}
.view_fee {font-size: 10px;}

.how_i_heard {float: right; width:280px; text-align:right; line-height:20px}
.how_i_heard input {margin-top:10px;}
.how_i_heard select {width: 250px;}

.payment_type label {display: inline !important; font-weight: bold; word-spacing: normal;}
.payment_type {word-spacing: 5px;}

/****************************************
 Shopping Cart Containers
 ****************************************/
.addDonation {font-size: 13px;color: #830e17;margin: 0;}
#shopping-cart {margin:10px;}
#shopping-cart a {color:#830e17;}
#shopping-cart h1 {color:#666;text-transform:uppercase;font-size:18px;margin:20px 0;}
#shopping-cart h2 {color:#666;font-size:12px;margin:0 0 10px 0;}
#gift-message h2 {color:#830e17;font-size:12px;margin:0 0 10px 0;}
#shopping-cart h3 {color:#666;font-size:12px;margin:10px 0 0 0;}
#shopping-cart #cart-header, #item-total {padding:5px 10px;}
#shopping-cart fieldset p {margin:0px;padding:0px;}
#shopping-cart .description {float:left;width:350px;}
#shopping-cart .cart-item p.description {padding:0 0 0 10px;}
#shopping-cart .price {float:left;width:160px;}
#shopping-cart .quantity {float:left;width:180px;}
#shopping-cart .total {float:left;width:60px;}
#shopping-cart .item-total {float:right;}
#shopping-cart .item-total .item-total-value {width:40px;float:right;padding:0 36px;}
#shopping-cart .item-total-label {width:170px;float:right;text-align:right;font-weight:bold;}
#shopping-cart .item-total-value {width:80px;float:right;text-align:right;font-weight:bold;}
#shopping-cart .cart-total {width:310px;float:right;padding:0 0 0 10px;}
#shopping-cart .cart-total-label {width:150px;float:right;text-align:right;padding:10px 0;}
#shopping-cart .cart-total-value {width:40px;float:right;text-align:right;padding:10px 47px 10px 37px;font-weight:bold;}
#shopping-cart #gift-message {width: 433px;}
#shopping-cart #shipping p {padding:10px 0 15px 0;}
#shopping-cart #shipping {padding:20px 0;}
#shopping-cart #gift-message p {padding:10px 0;}
#shopping-cart .cart-item .quantity a {font-size:9px;color:#666;}
hr {margin:3px 0;color:#ccc; height:1px; background:#fff}
#shopping-cart input{border: 1px solid #ccc; width: 35px; height: 18px; vertical-align: middle; text-align: center; line-height:18px; padding: 0 0 -1px 0;}

#gmLines input{width: 386px; text-align: left;}

/****************************************
 Address Book Containers
 ****************************************/

#address-book {margin:10px;}
#address-book a {color:#830e17;}
#address-book h1 {color:#666;text-transform:uppercase;font-size:18px;margin:20px 0;}
#address-book fieldset p {margin:0px;padding:2px 0px;}
#address-book .name {float:left;width:215px;}
#address-book .email {float:left;width:250px;}
#address-book .preferred-address {float:left;width:220px;}
#address-book .remove {float:left;width:50px;}
#address-book-items {border:0px;background:#fff;}
#address-book .address-book-buttons {float:right;}
#address-book label {padding:0 5px;}

/****************************************
 Tribute PreviewPane Containers
 ****************************************/

fieldset.foreground {width:540px;margin:0 10px 0 0;}
fieldset.background-card {background:#fff;margin:5px auto;padding:40px 0px 60px 0;width:350px;}
fieldset.background-envelope {background:#fff;margin:5px 0;}
blockquote.full-recipients-list {margin:0 20px;line-height:180%;}
blockquote.full-recipients-list ol{padding:10px;}
.full-recipients-list a {font-size:10px;}
.full-recipients-list p {margin:0;}

.card-preview {text-align:center;font-style:italic;font-family:'Times';}
.normal {font-style:italic;font-family:'Times';line-height:130%;font-size:16px;}
.card-recipient {font-style:italic;font-family:'Times';line-height:130%;font-size:21.5px;padding:15px 0;}
.card-message {font-style:italic;font-weight:normal;font-family:'Times';line-height:130%;font-size:16.5px;padding:15px 0;}
.card-sender {font-style:italic;font-weight:normal;font-family:'Times';line-height:130%;font-size:16.5px;margin:0;}


.envelope-sender {font-size:15px;line-height:130%;font-family:Times;padding:0px 0px 0px 30px;margin:5px;}
.envelope-receiver {font-size:14.5px;line-height:130%;font-family:Times;margin:80px 0px 100px 260px;}
.edit-widget {width:565px;}
.edit-widget a {float:right;font-size:10px;}


/****************************************
 Reset Text
 ****************************************/
body, p, blockquote { margin:0pt; padding:0pt;}
a img, iframe {border:medium none;}
h1, h2, h3, h4, h5, h6 {font-size:100%; margin:0pt;padding:0pt;}
ul, ol, dl, li, dt, dd {margin:0pt; padding:0pt;}
form, fieldset {margin:0pt; padding:0pt;}
fieldset {border:1px solid #000000;}
legend {color:#000000;padding:0pt;}
input, textarea, select {font-family:inherit;font-size:100%;margin:0pt;padding:1px;}
select {padding:0pt;}

/****************************************
 CORE Text
 ****************************************/
body { -x-system-font:none; font-size: 12px; font-family: Arial, Helvetica, Verdana, sans-serif; color: #666;
font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal;
line-height:120%; letter-spacing: 0.3px; padding:0pt 10px;} 
p { margin:10px 0pt; line-height:18px} 
.sr { height:1px; left:-9999em; overflow:hidden; position:absolute; top:0pt; width:1px; }


/****************************************
 Text
 ****************************************/

div.section2-left h1 {padding: 5px 0 3px 0;}
.prevNext {color: #666 !important;}
.selected {font-size: 12px; font-weight: bold;}
.pageNumberText {letter-spacing: .3px; word-spacing: 0px;}
.alternate-images h4 {font-size: 11px; font-weight: normal; padding: 0; margin: 0 0 -3px 0;}

#breadcrumbs a {
	text-decoration: underline;
	color: #830e17;
	}

.detail-right h1 {
	font-size: 16px;
	text-transform: uppercase;
	margin-bottom: 5px;
	}
	
#billing_address h1 {
	font-size: 18px;
	margin: 20px 0 0px 0;
	}
	
#wedding_favors h2, #personalize h2, #billing_address h2, #payment h2, #error h2 {
	font-size: 13px;
	color: #830e17;
	margin: 20px 0 10px 0;
}

#shipping_options h2 {margin:0;}

#tribute h3 {
	font-size: 13px;
	color: #830e17;
	margin: 0 0 10px 0;
}

#tribute h2 {
	font-size: 15px;
	color: #666;
	margin: 10px 0 20px 0;
	font-weight: normal;
}

#personalize input, #account input {margin:4px 0px 2px 0px}
#personalize select, #account select {margin:4px 0px 2px 0px}

#personalize label, #billing_address label, #payment label {
	display: inline;
	padding: 5px 0px;
}

#footer a {
	text-decoration: underline;
	color: #666;
	}
	
.footer-copyright {
	color: #830e17;
	}

h1 {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 14px;
	text-transform:uppercase;
	}
.upload_left {float:left;width:300px;margin-left:-10px;margin-right:15px;border-right:1px solid #cccccc;}
.upload_left h3 {padding-left:26px;margin-bottom:10px}
.upload_left ol {list-style:decimal;padding-left:50px;margin-right:10px}
.upload_left li {margin-bottom:10px}
.upload_right {float:right;width:220px;}
.footnote {font-size:11px;}

.ta-header {float:left;}
.ta-left {float:left;}
.ta-footnote {font-size:11px;color:#830e17;}

.detail-right h1, .detail-right h2 {
	font-size: 17px;
	color: #666;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	
	}
.detail-right h2 {font-size: 16px; padding-top: 2px; font-weight: normal;}

.ecard-right a {color:#666;size:10px;text-decoration:none;}

fieldset {
	margin: 10px 0px;
	padding: 10px;
	border: 1px solid #ccc;
	background: #f7f7f7;
	font-size: 12px; 
}

fieldset a {
	color: #830e17;
}

#shipping input {
	float: left;
	margin-right: 10px;
}

.index-headline {
	text-transform: uppercase;
	}
	
.instructions {
	font-weight: bold;
}

a.grey {color: #666;}
#login h1, #personalize h1, #billing_address h1, #wedding_favors h1 {
	margin: 20px 0px 10px;
	font-size: 18px;
	font-weight: bold;
}
#tribute h1 {margin:15px 0 15px 0;font-size:18px;font-weight:bold;text-transform:uppercase;}

#login h2 {
	color: #830e17;
}

#mailcard-right h1 {
	font-size: 18px;
}

.main-right-text {
	margin: 8px;
	letter-spacing:-.1px;
	font-size:11px;
	}
	
.main-right-text a{
	text-decoration: none;
}

.pagenumber {
	float: right;
	font-size: 10px;
	margin: 8px 12px;
	letter-spacing: 0.7px;
	}

.pagenumber a {
	text-decoration: none;
	color: #830e17;
	}

.productThumbnail p {font-size:5px;color:#830e17;text-decoration:underline;margin:0px;}	
.productThumbnail img { height:42px; }
.recommended {
	margin: -3px 12px;
	padding-bottom:5px;
	font-size: 14px;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	}
	
.required {
	color: #830e17;
	size: 14px;
	margin: 0 0 10px 0;
}

.sale{
	color: #830e17;
	font-weight: bold;
	}

.saleprice {
	color: #830e17;
	text-decoration: none;
	}

.section2-price {
	font-size: 14px;
	}

.specials-text {
	font-size: 11px;
	}

.title {
	font-size: 14px;
	color: #830e17;
	font-weight: bold;}

.topnav-text {
	float: right;
	font-size: 10px;
	margin: 5px;
	text-transform: uppercase;}

.topnav-text a, .grid a, .details-tools a, .section2-right-container a  {
	color: #666;
	text-decoration: none;}
a img {text-decoration: none; border: none;}

#searchText {border: 1px solid #ccc; height: 15px; background-color: #fff; color: #666; font-size:11px; vertical-align:middle}
#searchSubmit {border: 1px solid #ccc; background-color: #fff; color: #830e17; font-weight: bold; text-transform: uppercase; font-size:11px; vertical-align:middle; padding-bottom:0px;cursor:pointer; *cursor:hand;}

/*THE LITEPACIFIC CSS HACK:*/
#searchButton {
	color: #666; background: #ccc url(../images/search_btn.gif) left top no-repeat; width: 60px; height: 18px; border: none; text-transform: uppercase; 
	voice-family:"\"}\"";
	voice-family:inherit;
	background: #fff url(../images/search_btn.gif) left 1px no-repeat; height: 19px;
	
}
/*end*/
/*\*/
html*#searchButton{
[

]border: none;
}/*end*/
/*\*/
* html #searchButton {
border: none;
}
/*end*/


.quantityValidationMessage {
    background-color:#DDEEFF;
    border:1px solid black;
    color:red;
    height:40px;
    margin-left:435px;
    margin-top:17px;
    padding:10px;
    position:absolute;
    width:175px;
    z-index:3;
}

.quantityValidationMessage {
    color:red;
}

.statusMessage {
    color:red;
    font-weight:bold;
}

.searchResultTitle {
	margin-bottom: -3px;
	padding: 5px;
	font-size: 14px;
	font-weight: bold;

}

.errorMsg {
    color: red;
    font-weight: bold;
    padding: 10px 10px 0px 10px;
}

.generalMsg {
    padding: 10px 10px 0px 10px;    
}



/*********  Account Management Page Styles **********/

#account { padding: 6px; }
#account img{ float: right; }
#account #status fieldset {	width: 400px; }
#account #status h2, a { color:#830E17; }
.account-right { float: right; width: 360px; margin: 0 10px 0 10px; }
.account-left { float: left; width: 360px; margin: 0 10px 0 10px; }
#account #label { float:left; padding-top: 5px; }
#account #value { float:right; width:600px; padding-top: 5px; }
#account #value .formlinkHelp  { font-size: 7pt; }
#account #value #streetNumber { width:100px; float:left; line-height:15px; }
#account #value #streetName { width:180px; float:left; line-height:15px; }

/*********  Review Orders      Page Styles **********/
#review-orders { padding: 6px; }
/* #review-orders h2, a { color:#830E17; } */
#review-orders h3 {color:#666;font-size:12px;margin:10px 0 0 0;}
#review-orders .number, .date, .details, .view { float:left; width:150px; }
#review-orders .details { float:left; width:150px; }
#review-orders .total { float:left; text-align:right; width:80px; padding-right:70px; }
.review-order-item p { margin-top: 5px; }
.review-order-item { padding-left:10px; clear: both;}
.review-order-item-subline { padding: 0 0 10px 25px; clear: both;}
#review-orders .addressBox { float:left; padding:10px 15px 15px 0; width:180px; }
#review-orders .odDescription { float:left; width:250px; }
#review-orders .odDescriptionNoRemove { float:left; width:326px; }
#review-orders .odRemove { float:left; width:76px; }
#review-orders .odRegPrice, .odAdjustedPrice, .odTotalPrice, .odQty { float:left; width:90px; text-align:right; padding-right:18px;}
#review-orders .discountRow { padding-left:460px; margin: 10px 0;}
#review-orders .subTotalRow { margin-left: 450px; }
#review-orders .subTotalLabel { float:left; width:200px; font-weight:bold; }
#review-orders .subTotalValue { float:left; width:100px; font-weight:bold; }
#review-orders img { float:right; padding-left:10px;}
#review-orders fieldset p { margin-top:0; margin-bottom:0; padding:0; }

#review-orders .odDonAmt, .odRecipients { float:left; width:145px; text-align:right; padding-right:18px;}
#review-orders .subTotalLabelTribOnly { float:left; width:182px; font-weight:bold; text-align:right; padding-right:18px;}

#address-preference { padding: 6px; }
#address-preference h2, a { color:#830E17; }
#address-preference .billing, .shipping, .address { float:right; width:200px; }
.addressBookRow p { margin-top: 5px; }
.addressBookRow { padding-left:10px; }
#address-preference fieldset p { margin:0; padding:0; }

/* print icon */
#printIcon {text-align:right; border: none; margin: 15px; padding:5px 0; clear:both; float: right;}
#printIcon span {margin: 0; padding:0;}
#printIcon img {border: none; padding-top: 5px; vertical-align:bottom; float:none;}


.tributeRecipientList { padding: 5px; margin:0px;}
.tributeRecipientEntry { width:50px; float:left;}
.tributeRecipientName { width:130px; float:left; overflow:auto;}
.tributeRecipientEmail { width:280px; float:left; overflow:auto;}
.tributeRecipientEntry { width:50px; float:left; }
.tributeRecipientActions { width:50px; float:left; }
.addRecipientRow a { font-size: 11px; }

#tributeYourInformation { width:372px; margin:5px; }
#tributeYourInformation textarea { width:362px; }


#printCardInstructions { float:left; width:600px;}
#printCardInstructions ul {margin-left:20px;}
#printCardImage { float:right; }

.patientArtLeft {float:left;padding:0px 10px 10px 0px;}
.patientArtRight {float:right;padding:0px 0px 10px 10px;}

/**********************************
Use: cmxform template
Author: Nick Rigby
***********************************/
form.cmxform fieldset { margin-bottom: 10px;}
form.cmxform legend { padding: 0 2px; font-weight: bold; _margin: 0 -7px; /* IE Win */ }
form.cmxform label { display: inline-block; line-height: 1.8; vertical-align: top; }
form.cmxform fieldset ol { margin: 0; padding: 0; }
form.cmxform fieldset li { list-style: none; padding: 5px; margin: 0; }
form.cmxform fieldset fieldset { border: none; margin: 3px 0 0; }
form.cmxform fieldset fieldset legend { padding: 0 0 5px; font-weight: normal; }
form.cmxform fieldset fieldset label { display: block; width: auto; }
form.cmxform em { font-weight: bold; font-style: normal; color: #f00; }
form.cmxform label { width: 70px; } /* Width of labels */
form.cmxform fieldset fieldset label { margin-left: 73px; } /* Width plus 3 (html space) */
form.cmxform  #f2fError { line-height:1.3; border: none; position:relative; color:red;}
/*\*//*/ form.cmxform legend { display: inline-block; } /* IE Mac legend fix */

/**********************************
Name: cmxform Styles
Author: Nick Rigby 
***********************************/
form.cmxform { width: 405px; font-size: 1.1em; color: #666; }
form.cmxform legend { padding-left: 0; }
form.cmxform legend, form.cmxform label { color: #666; }
form.cmxform fieldset { border: none; border-top: 1px solid #C9DCA6; background:url(../images/cmxform-fieldset.gif) left bottom repeat-x; }
form.cmxform fieldset fieldset { background: none; }
form.cmxform fieldset li { padding: 5px 10px 7px; text-align: left; background: url(../images/cmxform-divider.gif) left bottom repeat-x; }

a, a:link {color: #666;}
a:visited {color: #666;}
a:hover {color: #830e17;}
a:active {color: #830e17;}

.clearfix {clear:both;}