﻿/* Main Layout templates */
#pageBGGiftCards
{
	background: url(../images/gift_card/bgGiftCards.jpg) repeat-x #FCFAED;
	width: 100%;
	text-align: center;
}
#pageBGGiftCardsHome
{
	background: url(../images/gift_card/bgGiftCardsHome.jpg) repeat-x #FCFAED;
	width: 100%;
	text-align: center;
}

#mainContainerGiftCards
{
	width: 100%;
	min-height: 650px;
	font-size: 11px;
	background-color: White;
	color: #666666;
}

#mainContainerGiftCardsHome
{
	background: url(../images/gift_card/bgToolbar.gif) repeat-x #FCFAED;
	width: 100%;
	min-height: 650px;
	height:auto !important;
	height:650px;
	font-size: 11px;
	background-color: White;
	color: #666666;
}

#footerNavGiftCards
{
	height: 30px;
	width: 961px;
	background-image: url(../images/gift_card/bgFooter.jpg);
	background-repeat: repeat-x;
	background-color: #AA0000;
	border-top: 5px solid #960001;
	color: #E6BEBF;
	letter-spacing: normal;
	padding-top: 4px;
	padding-left: 20px;
}

#footerNavGiftCards a
{
	color: #E6BEBF;
	font-weight: normal;
	text-align: left;
}
#footerNavGiftCards .title
{
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	margin-top: 4px;
}
#footerNavGiftCards .split
{
	background-image: url(../images/gift_card/footerSplit.gif);
	width: 14px;
	height: 20px;
	background-repeat: repeat-y;
}



/*GIFT CARD HOME PAGE*/

/* Gift Card Headers */

#GiftCardFan 
{
	position: absolute;
	left: 70px;
	top: 126px;
	width: 272px;
	height: 210px;
}

#GiftCardHeader 
{
	position: absolute;
	left: 470px;
	top: 120px;
	width: 389px;
	height: 47px;	
}

/* Gift Card Introduction Area */

#GiftCardIntro
{
	position: absolute;
	margin-left: 480px;
	width: 400px;
	margin-right: auto;
	margin-top: 100px;
	
}

#GiftCardIntro h2
{
	margin-bottom: 0px;
}

#GiftCardIntro ul
{
	margin: 20px;
}

#GiftCardIntro li
{
	padding-bottom: 5px;
}

.ChooseGiftCard 
{
	width: 125px;
	margin-left: auto;
	margin-right: auto;
}

.ChooseGiftCardImage 
{
	
}

.QuanityChooser 
{
	float: right;
	padding-right: 4px;
}

.PurchaseArea 
{
	width: 848px;
	text-align: right;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
}

#PurchaseButtonDetail 
{
	float: right;
	width: 400px;
	padding: 2px;
}

#PurchaseButtonDetail td 
{
	vertical-align: middle;
}

.PurchaseButtonCell 
{
	text-align: right;
	padding: 0px;
}

/* Select Gift Card List */

#CategoryGiftCards
{
	margin-left: auto;
	margin-right: auto;	
}

#CategoryGiftCards td
{
	text-align: center;
	width: 180px;
	line-height: 30px;
}

#purchaseButton
{
	margin-top: 20px;
    text-align: right;
}

/* Home Page Navigation Links */

#NavigationArea 
{
	position: absolute;
	top: 420px;
}

#GiftCardNavigationLinks
{
	width: 900px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}

#GiftCardNavigationLinks td
{	
	vertical-align: top;
	padding-top: 3px;
}

.NavigationLinks
{
	color: #666666;
	text-align:left;
	margin-top: 0px;
	margin-left: 0px;
}

NavigationLinksTd
{
	width: 350px;
}

.NavigationImages
{	
    float:left;
}

.NavigationLayoutCell 
{
	text-align: center;
}

.NavigationTextCell 
{
	width: 214px;
	text-align: left;
}

.NavigationButtonCell 
{
	text-align: right;
	width: 26px;
	padding: 2px;
}

.GiftCardNavigationItem 
{
	width: 240px;
	margin-left: auto;
	margin-right: auto;	
}

/* PURCHASE PAGE */

#stepsHeader
{
	position:relative;
	left:0px;
	top:90px;
}
.Section
{
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 10px;
	border: solid 2px #cccccc;
	
}

.SectionHeader
{
	background-color: White;
	background-repeat: repeat-x;
	background-image: url(../images/gift_card/step_hdr_bg.gif);
	color: #111111;
	padding: 5px;
	
}



#divOrderBeforeDelivery
{
	padding: 20px;
}

#divOrderBeforeDelivery table
{
	margin-left: 0px;
	margin-top: 20px;
	width: 100%;
}

#buttonAddMoreGiftCardsTop
{
	float: right;
}

.QuantityField
{
	text-align: right;
}


#orderSummaryIncludingDelivery
{
	
}

#orderSummaryIncludingDelivery table
{
	margin-left: 0px;
	margin-top: 0px;
	width: 100%;
}

#buttonAddMoreGiftCardsBottom
{
	float: right;
}


#giftMessagesAndDeliveryDetails
{
}

#giftMessagesAndDeliveryDetails .InputHeader
{
	font-weight: bold;
	padding-bottom: 10px;
}

#giftMessagesAndDeliveryDetails .InputLabel
{
	vertical-align: top;
	padding-top: 5px;
}

#giftMessagesAndDeliveryDetails .Layout
{
	margin: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}

#giftMessagesAndDeliveryDetails td
{
	/*vertical-align: top;*/
	padding: 2px;
}

#giftMessagesAndDeliveryDetails .GiftCardImageColumn
{
	width: 160px;
	vertical-align: top;
}

#giftMessagesAndDeliveryDetails .GiftCardMessageColumn
{
	width: 370px;
	vertical-align: top;
}

#giftMessagesAndDeliveryDetails .GiftCardDeliveryAddressColumn
{
	width: 370px;
	vertical-align: top;
}

.GiftMessagesSection
{
}

#orderPayment
{
	padding: 20px;
}

#orderPayment td
{
}

#orderPayment .InputHeader
{
	font-weight: bold;
	padding-bottom: 10px;
}

#orderPayment .PaymentAddressLayout
{
	width: 700px;
	vertical-align: top;
}

#orderPayment .PaymentCardLayout
{
	vertical-align: top;
}

#orderPayment .PaymentSaveInfoLayout
{
	width: 700px;
	padding-top: 30px;
}

#orderPayment .PaymentLogoLayout
{
	width: 300px;
	vertical-align: top;
	padding: 2px;
}

#billingAddressTable
{
	width: 400px;
	
}

#billingAddressTable td
{
	vertical-align: middle;
	padding: 2px;
}

#paymentTable
{
	width: 400px;
}

#paymentTable td
{
	vertical-align: middle;
	padding: 2px;
}

#saveInformationTable
{
	width: 400px;
}

.InputTable
{
	vertical-align: middle;
}

#orderSummaryIncludingDelivery
{
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 0px;
}


/* ORDER CONFIRMATION PAGE */

#divTopButtons
{
	width:100%;
	margin-top: 0px;
	margin-bottom: 20px;
}

#divTopButtons table
{
	width:95%;
	margin-top: 10px;
	margin-left: 20px;
	margin-bottom: 0px;
}

#divOrderConfirmation
{
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
}

#divOrderSummary
{
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
}

#divOrderSummary table
{
	width: 920px;
}


#divMessageAndDelivery
{
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
}

#divBottomButtons
{
	width:100%;
	margin-top: 10px;
	margin-bottom: 20px;
}
#divBottomButtons table
{
	width:95%;
	margin-top: 0px;
	margin-left: 20px;
	margin-bottom: 0px;
}


