
/* Links */

.whiteArrowLink	{background: transparent url("../images/buttons/white_arrow.gif") right center no-repeat; padding-right: 12px; text-decoration: none;}
.redArrowLink	{background: transparent url("../images/buttons/red_arrow.gif") right center no-repeat; padding-right: 12px; text-decoration: none;}
.greyArrowLink	{background: transparent url("../images/buttons/grey_arrow_grey_bkg.gif") right center no-repeat; padding-right: 15px;}
/* Added for MyAccountPages */
.greyTriangleLink	{background: transparent url("../images/buttons/grey_cta_arrow.gif") right center no-repeat; padding-right: 15px;}
.greyTriangleLinkLeft	{background: transparent url("../images/buttons/grey_cta_arrow.gif") left center no-repeat; padding-left: 15px;}

/* buttons */
.submitButtonOrange {border: none; width: 73px; height: 22px; background: transparent url("../images/buttons/button.gif") no-repeat;font-weight:bold;FONT-SIZE: 12px; MARGIN: 0px; COLOR: #ffffff; PADDING: 0px;}
.submitButtonGray {border: none; width: 73px; height: 22px; background: transparent url("../images/buttons/button_gray.gif") no-repeat;font-weight:bold;FONT-SIZE: 12px; MARGIN: 0px; COLOR: #ffffff; PADDING: 0px;}


.emailSubmitButton	{cursor: pointer; border: none; width: 82px; height: 20px; background: transparent url("../images/buttons/submit_black.gif") no-repeat;}
.loginButtonBlack	{border: none; width: 61px; height: 21px; background: transparent url("../images/buttons/login_black.gif") no-repeat;}
.searchButtonBlack	{border: none; width: 61px; height: 21px; background: transparent url("../images/buttons/search_black.gif") no-repeat;}
.searchButtonOrange {border: none; width: 73px; height: 22px; background: transparent url("../images/buttons/search_orange_big.jpg") no-repeat;}
.emailSubmitButton	{border: none; width: 82px; height: 20px; background: transparent url("../images/buttons/submit_black.gif") no-repeat;}
.continueButton 		{border: none;width: 75px; height: 21px; background: url("../images/buttons/continue_login_black.gif") no-repeat; }
.submitButton 		{border: none;width: 61px; height: 21px; background: url("../images/buttons/submit_login_black.gif") no-repeat; }
.submitButton.disabled 		{border: none;width: 61px; height: 21px; background: url("../images/buttons/submit_login_grey.gif") no-repeat; }
.registerButton.disabled {height:21px; width:70px; background: url("../images/buttons/register_grey.gif") no-repeat scroll 0 0;}	
.loginButton 		{width: 57px; height: 21px; background: url("../images/buttons/login_button.gif") no-repeat; }
.createButton 	{width: 117px; height: 21px; background: url("../images/buttons/btn_create_account.gif") no-repeat; }
.registerButton 	{width: 70px; height: 21px; background: url("../images/buttons/register.gif") no-repeat; }
.createButton 	{width: 117px; height: 21px; background: url("../images/buttons/btn_create_account.gif") no-repeat; }
.cancelButton 	{width: 65px; height: 21px; background: url("../images/buttons/cancel_button.gif") no-repeat; }
.findSchoolButton 	{width: 113px; height: 21px; background: url("../images/buttons/find_school_button.gif") no-repeat; }
.compareSelectedButton{ width: 160px; height: 26px; background: url("../images/buttons/compare_selected.jpg") no-repeat;}
/* buttons added for MyAccount Pages */
.ctaEmailButton  { width: 105px; height: 21px; background: url("../images/buttons/btn_save_settings.gif") no-repeat; cursor: pointer;}
.ctaBackToOrderButton  { width: 226px; height: 26px; background: url("../images/buttons/btn_back_to_order_info.gif") no-repeat; cursor: pointer;}
.ctaReturnItemsButton  { width: 118px; height: 26px; background: url("../images/buttons/btn_return_items.gif") no-repeat; cursor: pointer;}
.ctaReprocessButton  { width: 79px; height: 21px; background: url("../images/buttons/btn_reprocess.gif") no-repeat; cursor: pointer;}

/* Account - Address book*/
.addNewButton 	{border: none; width: 92px; height: 26px; background: url("../images/buttons/add_new_black.gif") no-repeat; }


.linkProduct {width: 81px; height: 21px; background: url("../images/buttons/btn_link_product.gif") no-repeat; }
.linkProductNo {width: 101px; height: 21px; background: url("../images/buttons/btn_link_product_no.gif") no-repeat; }
.cancelPinStop {width: 98px; height: 21px; background: url("../images/buttons/btn_pin_cancel_stop.gif") no-repeat; }
.cancelPinGo {width: 110px; height: 21px; background: url("../images/buttons/btn_pin_cancel_go.gif") no-repeat; }

.CTAButton			{width: 120px; height: 26px; line-height: 27px; background-image: url('../images/buttons/button_shine.png'); background-position: 0 0 !important; background-repeat: no-repeat;}
	.CTAButtonOn	{background-position: left bottom !important;}

/* color chips - these are used in multiple pages, including product listing pages, so the utlity styles should be here */

.colorChip			{width: 16px; height: 16px; float: left; clear: none; margin-right: 2px; list-style-type: none;}
	.colorChipLink	{background-image: url('../images/buttons/color_chip_shine.png'); background-position: 0 0 !important; background-repeat: no-repeat;}
	
	.colorChip .colorChipLink:hover{
		display: block;
		border: 1px #44B3E1 solid;
		width: 14px !important;
		height: 14px !important;
	}
	
	.colorChip .colorChipLink.activeChip{
		display: block;
		border: 1px #44B3E1 solid;
		width: 14px !important;
		height: 14px !important;
	}
	
.updateButton 		{width: 62px; height: 21px; background: url("../images/buttons/update_login_black.gif") no-repeat; }

/* Corner Callout Buttons */
.newCorner {background: transparent url('../product_listing/new_corner.gif') top right no-repeat;}
.priceDropCorner{background: transparent url('../product_listing/price_drop_corner.gif') top right no-repeat;}

/* Shopping Cart buttons */
.proceedToCheckoutButton {width: 189px; height: 26px; background: url("../images/buttons/proceed_to_checkout_orange.gif") no-repeat; }
.editShoppingCart {width: 189px; height: 26px; background: url("../images/buttons/edit_shopping_cart_grey.gif") no-repeat; }
.continueShoppingButton {width: 189px; height: 26px; background: url("../images/buttons/continue_shopping_grey.gif") no-repeat; }

.backToCartButton {width: 101px; height: 21px; background: url("../images/buttons/back_to_cart.gif") no-repeat; }
.nextStepButton {width: 76px; height: 21px; background: url("../images/buttons/next_step.gif") no-repeat; }

.loginContinueCheckoutButton {width: 179px; height: 21px; background: url("../images/buttons/login_continue_checkout.gif") no-repeat; }
.createContinueCheckoutButton {width: 237px; height: 21px; background: url("../images/buttons/create_continue_checkout.gif") no-repeat; }
.createContinueCheckoutButton.disabled {height:21px; width:237px; background: url("../images/buttons/create_continue_checkout_grey.gif") no-repeat scroll 0 0;}	

/* Cart Overlay Buttons (shipping / credit ) */
.addAddressButton {width: 104px; height: 21px; background: url("../images/buttons/btn_add_address.gif") no-repeat; }
.saveAddressButton {width: 106px; height: 21px; background: url("../images/buttons/btn_save_address.gif") no-repeat; }
.saveAccountButton {width: 115px; height: 21px; background: url("../images/buttons/btn_save_account.gif") no-repeat; }
.addAccountButton {width: 111px; height: 21px; background: url("../images/buttons/btn_add_new_account.gif") no-repeat; }
.saveCreditCardButton {width: 133px; height: 21px; background: url("../images/buttons/btn_save_credit_card.gif") no-repeat; }
.addCreditCardButton {width: 130px; height: 21px; background: url("../images/buttons/btn_add_credit_card.gif") no-repeat; }


/* Gift Card buttons */
.addToCartButton 	{width: 94px; height: 21px; background: url("../images/buttons/add_to_cart_long.gif") no-repeat; }
.previewGiftCardButton 	{width: 156px; height: 21px; background: url("../images/buttons/preview_giftcard.gif") no-repeat; }
.checkBalanceButton	{width: 111px; height: 21px; background: url("../images/buttons/check_balance.gif") no-repeat; } 


 


/* Reviews buttons*/
.writeAReviewButton {width: 136px; height: 26px; background: url("../images/buttons/write_a_review_orange.gif") no-repeat; }
.writeAReviewGreyButton {width: 138px; height: 26px; background: url("../images/buttons/write_a_review.gif") no-repeat; }
.yesButton {width: 43px; height: 22px; background: url("../images/buttons/yes_button_black.gif") no-repeat; }
.noButton {width: 43px; height: 22px; background: url("../images/buttons/no_button_black.gif") no-repeat; }
.confirmYesButton {width: 47px; height: 21px; background: url("../images/buttons/confirm_yes_black.gif") no-repeat; }
.confirmNoButton {width: 47px; height: 21px; background: url("../images/buttons/confirm_no_grey.gif") no-repeat; }



/* Movies and Music Cat page */
.addSmallButton {border:none;width: 46px; height: 21px; background: url("../images/buttons/add_small_orange.gif") no-repeat; }

/*bivl buttons */

.linkProduct {width: 81px; height: 21px; background: url("../images/buttons/btn_link_product.gif") no-repeat; }
.linkProductNo {width: 101px; height: 21px; background: url("../images/buttons/btn_link_product_no.gif") no-repeat; }
.cancelPinStop {width: 98px; height: 21px; background: url("../images/buttons/btn_pin_cancel_stop.gif") no-repeat; }
.cancelPinGo {width: 110px; height: 21px; background: url("../images/buttons/btn_pin_cancel_go.gif") no-repeat; }
.essentialsButton {width: 135px; height: 21px; background: url("../images/buttons/btn_return_essentials.gif") no-repeat; }
