/*	SONY | SONY STYLE.COM - CORE BUTTONS STYLES
 *	AUTHOR: Branden Thompson, Front End Architect | Creative Services - Branden.Thompson at am dot sony dot com
 *	DATE:	April 15, 2009
 *
 *	GUIDING PRINCIPLES:
 *	--------------------------------------------------------------------------------------------------------------
 *	- Styles in this file should ONLY be those for the core (common) graphical buttons used on Sony Style
 *
 *			* examples:  "Add to Cart," "register," "Learn more," "Shop now," "Add to wishlist,"...
 *
 *			THIS IS NOT FOR:  	"Learn more about VAIO," "Add [SKU] to Cart" - These should go in a seperate .css linked
 *								linked specifically to the page that requires that style.
 *
 *	- Single - 3 property styles: 1 line.  4+ Properties: indent.
 *	- Tabulate Nested Styles to reflect inheritance / give a psuedo portrait of the DOM.
 *
 *	- ***DOCUMENT THOROUGHLY!*** - 	Lots of different hands could work on this file so it's important to err on the side of 
 *									MORE documentation, rather than less.
 *
 *	- Hack for MSIE6 as a last resort (using * html body .something{})
 *
 *	PERFORMANCE OPTIMIZATION PRINCIPLES:
 *	--------------------------------------------------------------------------------------------------------------
 *	Use whenever possible, in the following order:
 *
 *		- NEVER EVER IMPORT STYLESHEETS INTO ANOTHER .CSS FILE.  (@import causes render blocking in all browsers!)
 *		- id's (#example - should be unique and therefore is the fastest rendering)
 *		- classes (.example - second fastest)
 *		- use class names before type selectors (.listElement is faster than ul li{} )
 *		- Avoid universal selectors (*) and common type selectors (.something div{}, .something a{}, etc.)
 *		- Avoid property selctors: [HREF="blah.html"] {}
 *		
*/

/* Links */

.whiteArrowLink	{background: transparent url('../img/global_buttons/white_arrow.gif') right center no-repeat; padding-right: 12px; text-decoration: none;}
.redArrowLink	{background: transparent url('../img/global_buttons/red_arrow.gif') right center no-repeat; padding-right: 12px; text-decoration: none;}
.greyArrowLink	{background: transparent url('../img/global_buttons/grey_arrow_grey_bkg.gif') right center no-repeat; padding-right: 15px;}


/* buttons */

.emailSubmitButton	{cursor: pointer; border: none; width: 82px; height: 20px; background: transparent url(../img/global_buttons/submit_black.gif) no-repeat;}
.loginButtonBlack	{border: none; width: 61px; height: 21px; background: transparent url(../img/global_buttons/login_black.gif) no-repeat;}
.searchButtonBlack	{border: none; width: 61px; height: 21px; background: transparent url(../img/global_buttons/search_black.gif) no-repeat;}
.searchButtonOrange {border: none; width: 73px; height: 22px; background: transparent url(../img/global_buttons/search_orange_big.jpg) no-repeat;}
.emailSubmitButton	{border: none; width: 82px; height: 20px; background: transparent url(../img/global_buttons/submit_black.gif) no-repeat;}
.continueButton 		{width: 75px; height: 21px; background: url(../img/global_buttons/continue_login_black.gif) no-repeat; }
.submitButton 		{width: 61px; height: 21px; background: url(../img/global_buttons/submit_login_black.gif) no-repeat; }
.submitButton.disabled 		{width: 61px; height: 21px; background: url(../img/global_buttons/submit_login_grey.gif) no-repeat; }
.registerButton.disabled {height:21px; width:70px; background: url(../img/global_buttons/register_grey.gif) no-repeat scroll 0 0;}	
.loginButton 		{width: 57px; height: 21px; background: url(../img/global_buttons/login_button.gif) no-repeat; }
.createButton 	{width: 117px; height: 21px; background: url(../img/global_buttons/btn_create_account.gif) no-repeat; }
.registerButton 	{width: 70px; height: 21px; background: url(../img/global_buttons/register.gif) no-repeat; }
.createButton 	{width: 117px; height: 21px; background: url(../img/global_buttons/btn_create_account.gif) no-repeat; }
.cancelButton 	{width: 65px; height: 21px; background: url(../img/global_buttons/cancel_button.gif) no-repeat; }
.findSchoolButton 	{width: 113px; height: 21px; background: url(../img/global_buttons/find_school_button.gif) no-repeat; }
.compareSelectedButton{ width: 158px; height: 26px; background: url(../img/global_buttons/compare_selected.jpg) no-repeat;}

/* Account - Address book*/
.addNewButton 	{width: 92px; height: 26px; background: url(../img/global_buttons/add_new_black.gif) no-repeat; }

/* 	CTA Non-Flash Buttons 
 *
 *	Note: 	These styles need to be applied on ANY button that we're going to use that has the "shiny"
 *			gradient on them.  Because it's a PNG transparency, these classes should also be included into the
 *			MSIE6 PNG fix CSS rule/behavior.
 *
 *	***IMPORTANT***
 *
 *			*When you do,* DO NOT simply specify a tag like 'div,' but rather specifiy an ID or Class whenever possible
 *			to maximize peformance within the DOM (otherwise the browser will crawl through the DOM recursively several times
 *			to test each possible inheritence permutation. 
*/

/* link page splash */

.linkProduct {width: 81px; height: 21px; background: url(../img/global_buttons/btn_link_product.gif) no-repeat; }
.linkProductNo {width: 101px; height: 21px; background: url(../img/global_buttons/btn_link_product_no.gif) no-repeat; }
.cancelPinStop {width: 98px; height: 21px; background: url(../img/global_buttons/btn_pin_cancel_stop.gif) no-repeat; }
.cancelPinGo {width: 110px; height: 21px; background: url(../img/global_buttons/btn_pin_cancel_go.gif) no-repeat; }

.CTAButton			{width: 120px; height: 26px; line-height: 27px; background-image: url('../img/global_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('../img/global_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(../img/global_buttons/update_login_black.gif) no-repeat; }

/* Corner Callout Buttons */
.newCorner {background: transparent url('../img/product_listing/new_corner.gif') top right no-repeat;}
.priceDropCorner{background: transparent url('../img/product_listing/price_drop_corner.gif') top right no-repeat;}

/* Shopping Cart buttons */
.proceedToCheckoutButton {width: 189px; height: 26px; background: url(../img/global_buttons/proceed_to_checkout_orange.gif) no-repeat; }
.editShoppingCart {width: 189px; height: 26px; background: url(../img/global_buttons/edit_shopping_cart_grey.gif) no-repeat; }
.continueShoppingButton {width: 189px; height: 26px; background: url(../img/global_buttons/continue_shopping_grey.gif) no-repeat; }

.backToCartButton {width: 101px; height: 21px; background: url(../img/global_buttons/back_to_cart.gif) no-repeat; }
.nextStepButton {width: 76px; height: 21px; background: url(../img/global_buttons/next_step.gif) no-repeat; }

.loginContinueCheckoutButton {width: 179px; height: 21px; background: url(../img/global_buttons/login_continue_checkout.gif) no-repeat; }
.createContinueCheckoutButton {width: 237px; height: 21px; background: url(../img/global_buttons/create_continue_checkout.gif) no-repeat; }
.createContinueCheckoutButton.disabled {height:21px; width:237px; background: url(../img/global_buttons/create_continue_checkout_grey.gif) no-repeat scroll 0 0;}	

/* Cart Overlay Buttons (shipping / credit ) */
.addAddressButton {width: 104px; height: 21px; background: url(../img/global_buttons/btn_add_address.gif) no-repeat; }
.saveAddressButton {width: 106px; height: 21px; background: url(../img/global_buttons/btn_save_address.gif) no-repeat; }
.saveAccountButton {width: 115px; height: 21px; background: url(../img/global_buttons/btn_save_account.gif) no-repeat; }
.addAccountButton {width: 111px; height: 21px; background: url(../img/global_buttons/btn_add_new_account.gif) no-repeat; }
.saveCreditCardButton {width: 133px; height: 21px; background: url(../img/global_buttons/btn_save_credit_card.gif) no-repeat; }
.addCreditCardButton {width: 130px; height: 21px; background: url(../img/global_buttons/btn_add_credit_card.gif) no-repeat; }


/* Gift Card buttons */
.addToCartButton 	{width: 94px; height: 21px; background: url(../img/global_buttons/add_to_cart_long.gif) no-repeat; }
.previewGiftCardButton 	{width: 156px; height: 21px; background: url(../img/global_buttons/preview_giftcard.gif) no-repeat; }
.checkBalanceButton	{width: 111px; height: 21px; background: url(../img/global_buttons/check_balance.gif) no-repeat; } 


 


/* Reviews buttons*/
.writeAReviewButton {width: 136px; height: 26px; background: url(../img/global_buttons/write_a_review_orange.gif) no-repeat; }
.writeAReviewGreyButton {width: 138px; height: 26px; background: url(../img/global_buttons/write_a_review.gif) no-repeat; }
.yesButton {width: 43px; height: 22px; background: url(../img/global_buttons/yes_button_black.gif) no-repeat; }
.noButton {width: 43px; height: 22px; background: url(../img/global_buttons/no_button_black.gif) no-repeat; }
.confirmYesButton {width: 47px; height: 21px; background: url(../img/global_buttons/confirm_yes_black.gif) no-repeat; }
.confirmNoButton {width: 47px; height: 21px; background: url(../img/global_buttons/confirm_no_grey.gif) no-repeat; }



/* Movies and Music Cat page */
.addSmallButton {width: 46px; height: 21px; background: url(../img/global_buttons/add_small_orange.gif) no-repeat; }

/*bivl buttons */

.linkProduct {width: 81px; height: 21px; background: url(../img/global_buttons/btn_link_product.gif) no-repeat; }
.linkProductNo {width: 101px; height: 21px; background: url(../img/global_buttons/btn_link_product_no.gif) no-repeat; }
.cancelPinStop {width: 98px; height: 21px; background: url(../img/global_buttons/btn_pin_cancel_stop.gif) no-repeat; }
.cancelPinGo {width: 110px; height: 21px; background: url(../img/global_buttons/btn_pin_cancel_go.gif) no-repeat; }
.essentialsButton {width: 135px; height: 21px; background: url(../img/global_buttons/btn_return_essentials.gif) no-repeat; }

/* ie6 linked css subclass issue fix for CRM portal page defect 2576 */

.backstage_portal .product_list .addable .remove .disabled {
	background: #333;
	filter: none;
	height: auto;
	width: 60px;
}

.backstage_portal .product_list .addable .add .disabled {
	background: none;
	filter: none;
	display: none;
}

.backstage_portal .product_list .removable .add .disabled {
	background: #333;
	filter: none;
	height: auto;
	width: 60px;
}

.backstage_portal .product_list .removable .remove .disabled {
	background: none;
	filter: none;
	display: none;
}