#main .UI{display: inline-block;background-image:url("/Style Library/Images/UI_Sprite.png"); }

#main .UI{cursor:pointer;}
#main .UI[disabled]{cursor:default;}

#main .UI.mainLeftArrow{background-position: 800px 187px; height: 24px; width: 15px;}
#main .UI.mainLeftArrow:hover{background-position: 800px 137px; }
#main .UI.mainLeftArrow:active{background-position: 800px 87px;}
#main .UI.mainLeftArrow[disabled]{background-position: 800px 35px;}

#main .UI.mainRightArrow{background-position: 715px 187px; height: 24px; width: 15px;}
#main .UI.mainRightArrow:hover{background-position: 715px 137px;}
#main .UI.mainRightArrow:active{background-position: 715px 87px;}
#main .UI.mainRightArrow[disabled]{background-position: 715px 35px;}
		
#main .UI.smallLeftArrow{background-position:545px 195px; height: 20px; width: 20px;}
#main .UI.smallLeftArrow:hover{background-position:545px 145px;}
#main .UI.smallLeftArrow:active{background-position:545px 95px;}
#main .UI.smallLeftArrow[disabled]{background-position:545px 45px;}
		
#main .UI.smallRightArrow{background-position: 495px 195px; height: 20px; width: 20px;}
#main .UI.smallRightArrow:hover{background-position: 495px 145px;}
#main .UI.smallRightArrow:active{background-position: 495px 95px;}
#main .UI.smallRightArrow[disabled]{background-position: 495px 45px;}

#main .UI.gridLeftArrow{background-position: 450px 200px; height: 15px; width: 12px;}
#main .UI.gridLeftArrow:hover{background-position: 450px 150px;}
#main .UI.gridLeftArrow:active{background-position: 450px 100px;}
#main .UI.gridLeftArrow[disabled]{background-position: 450px 50px;}		

#main .UI.gridRightArrow{background-position: 400px 200px; height: 15px; width: 12px;}
#main .UI.gridRightArrow:hover{background-position: 400px 150px;}
#main .UI.gridRightArrow:active{background-position: 400px 100px;}
#main .UI.gridRightArrow[disabled]{background-position: 400px 50px;}
				
#main .UI.gridButton{background-position: 650px 200px; height:32px; width: 21px;}
#main .UI.gridButton:hover{background-position: 650px 150px;}
#main .UI.gridButton:active{background-position: 650px 100px;}
#main .UI.gridButton[disabled]{background-position: 650px 50px;}

#main .UI.rowButton{background-position: 600px 200px; height: 15px; width: 20px;}
#main .UI.rowButton:hover{background-position: 600px 150px;}
#main .UI.rowButton:active{background-position: 600px 100px;}
#main .UI.rowButton[disabled]{background-position: 600px 50px;}

#main .UI.closeButton{background-position: 681px 179px; height: 12px; width: 12px;}
#main .UI.closeButton:hover{background-position: 681px 129px;}
#main .UI.closeButton:active{background-position: 681px 79px;}
#main .UI.closeButton[disabled]{background-position: 681px 29px;}

#main .UI.deleteButton{background-position: 329px 179px; height: 12px; width: 12px;}
#main .UI.deleteButton:hover{background-position: 329px 129px;}
#main .UI.deleteButton:active{background-position: 329px 79px;}
#main .UI.deleteButton[disabled]{background-position: 329px 29px;}
		
#main .UI.editButton{background-position: 279px 180px; height: 12px; width: 14px;}
#main .UI.editButton:hover{background-position: 279px 130px;}
#main .UI.editButton:active{background-position: 279px 80px;}
#main .UI.editButton[disabled]{background-position: 279px 30px;}
		
#main .UI.expandButton{background-position: 245px 195px; height: 16px; width: 16px;}
#main .UI.expandButton:hover{background-position: 245px 145px;}
#main .UI.expandButton:active{background-position: 245px 95px;}
#main .UI.expandButton[disabled]{background-position: 245px 45px;}
		
#main .UI.collapseButton{background-position: 195px 195px; height: 16px; width: 16px;}
#main .UI.collapseButton:hover{background-position: 195px 145px;}
#main .UI.collapseButton:active{background-position: 195px 95px;}
#main .UI.collapseButton[disabled]{background-position: 195px 45px;}
		
#main .UI.magnifyButton{background-position: 150px 200px; height: 30px; width: 30px;}
#main .UI.magnifyButton:hover{background-position: 150px 150px;}
#main .UI.magnifyButton:active{background-position: 150px 100px;}
#main .UI.magnifyButton[disabled]{background-position: 150px 50px;}
		
#main .UI.infoButton{background-position: 100px 200px; height: 20px; width: 20px;}
#main .UI.infoButton:hover{background-position: 100px 150px;}
#main .UI.infoButton:active{background-position: 100px 100px;}
#main .UI.infoButton[disabled]{background-position: 100px 50px;}
		
#main .UI.cartButton{background-position: 50px 200px; height: 18px; width: 24px;}
#main .UI.cartButton:hover{background-position: 50px 150px;}
#main .UI.cartButton:active{background-position: 50px 100px;}
#main .UI.cartButton[disabled]{background-position: 50px 50px;}

<!-- -->
#main .Shop{display:inline-block; background-image:url("/Style Library/Images/Shop_Sprite.png");}

#main .Shop.social{height: 35px;width: 35px;}
#main .Shop.social.facebook{background-position:400px 550px;}
#main .Shop.social.twitter{background-position:350px 550px;}
#main .Shop.social.googlePlus{background-position:300px 550px;}
#main .Shop.social.linkedIn{background-position:250px 550px;}
#main .Shop.social.yahoo{background-position:200px 550px;}

#main .Shop.secure{background-position:0px 0px; height: 12px; width: 60px;}
#main .Shop.cardTypes{background-position: 300px 0;height: 25px;width: 185px;}
#main .Shop.routingAccountNumber{background-position:0px 350px; height: 170px; width: 340px;}
#main .Shop.CVV1{background-position:0px 160px; height: 135px; width: 180px;}
#main .Shop.CVV2{background-position:180px 160px; height: 135px; width: 180px;}

#main .Shop.triangle1{background-position:0px 400px; height: 14px; width: 24px;}
#main .Shop.triangle2{background-position:350px 400px; height: 10px; width: 20px;}
#main .Shop.triangle3{background-position: 150px 550px; height: 8px; width: 5px;}

#main .Shop.new1,
#main .Shop.sale1{background-position:0px 500px;height: 99px; width: 99px;}
#main .Shop.sale1{background-position:300px 500px;}
#main .Shop.new2,
#main .Shop.sale2{background-position:200px 500px;height: 49px; width: 49px;}
#main .Shop.sale2{background-position:150px 500px;}
#main .Shop.new3,
#main .Shop.sale3{background-position:200px 450px; height: 40px; width: 40px;}
#main .Shop.sale3{background-position:150px 450px;}

#main .Shop.Discover{background-position: 150px 0px;height: 24px;width: 35px;}
#main .Shop.AmericanExpress{background-position: 200px 0px;height: 25px;width: 25px;}
#main .Shop.MasterCard{background-position: 250px 0px;height: 23px;width: 34px;}
#main .Shop.Visa{background-position: 300px 0px;height: 20px;width: 46px;}