/*
Title: buttons.css
Website: The Dales Diary
URL: http://thedalesdiary.co.uk
Author: James Ashberry
Copyright: © 2009 Lazy Grace Ltd
Date Created: 23/09/2009
Version: n/a
Purpose: CSS for any button rollovers throughout the site
Comments: 
*/

.button {
	width: 65px;
	height: 19px;
	list-style: none;
}	
.button li {
	height: 19px;
	list-style: none;
}
.button span {
	position: absolute;
	top: -9999px;
}

.two_buttons {
	padding: 0 0 0 151px;
	height: 19px;
	list-style: none;
}	
.two_buttons li {
	height: 19px;
	list-style: none;
	float: left;
}
.two_buttons span {
	position: absolute;
	top: -9999px;
}

/* Text Size */
.text_size_button {
	width: 64px;
	height: 19px;
	list-style: none;
	float: left;
}	
.text_size_button li {
	height: 19px;
	float: left;
}
.text_size_button span {
	position: absolute;
	top: -9999px;
}
/* Text Size Small a */
.text_size_small_a {
	margin: 0;
	width: 32px;
	height: 19px;
	background: url(../images/buttons/text_size.png) 0 0 no-repeat;
	display: block;
}
.text_size_small_a:hover {
	height: 32px;
	background: url(../images/buttons/text_size.png) 0 -19px no-repeat;
}
/* Text Size Large a */
.text_size_large_a {
	margin: 0;
	width: 32px;
	height: 19px;
	background: url(../images/buttons/text_size.png) -32px 0 no-repeat;
	display: block;
}
.text_size_large_a:hover {
	height: 32px;
	background: url(../images/buttons/text_size.png) -32px -19px no-repeat;
}


/* More News */
.more_news {
	margin: 10px 0 0 0;
	width: 65px;
	height: 19px;
	background: url(../images/buttons/more_news.png) 0 0 no-repeat;
	display: block;
}
.more_news:hover {
	height: 19px;
	background: url(../images/buttons/more_news.png) 0 -19px no-repeat;
}

/* Homepage Join */
.home_join_now {
	margin: 0;
	width: 65px;
	height: 19px;
	background: url(../images/buttons/join_now.png) 0 0 no-repeat;
	display: block;
}
.home_join_now:hover {
	height: 19px;
	background: url(../images/buttons/join_now.png) 0 -19px no-repeat;
}

/* Homepage Take a Tour */
.home_take_a_tour {
	margin: 0 0 0 5px;
	width: 65px;
	height: 19px;
	background: url(../images/buttons/home_taketour.png) 0 0 no-repeat;
	display: block;
}
.home_take_a_tour:hover {
	height: 19px;
	background: url(../images/buttons/home_taketour.png) 0 -19px no-repeat;
}

/* Join */
.join_now {
	margin: 0 0 0 221px;
	width: 65px;
	height: 19px;
	background: url(../images/buttons/join_now.png) 0 0 no-repeat;
	display: block;
}
.join_now:hover {
	height: 19px;
	background: url(../images/buttons/join_now.png) 0 -19px no-repeat;
}

/* More */
.more {
	margin: 0 0 0 221px;
	width: 65px;
	height: 19px;
	background: url(../images/buttons/more.png) 0 0 no-repeat;
	display: block;
}
.more:hover {
	height: 19px;
	background: url(../images/buttons/more.png) 0 -19px no-repeat;
}



/* Browse */
.browse {
	margin: 0 0 0 221px;
	width: 65px;
	height: 19px;
	background: url(../images/buttons/browse.png) 0 0 no-repeat;
	display: block;
}
.browse:hover {
	height: 19px;
	background: url(../images/buttons/browse.png) 0 -19px no-repeat;
}

/* View All */
.view_all {
	margin: 8px 0 0 0;
	width: 65px;
	height: 19px;
	background: url(../images/buttons/view_all.png) 0 0 no-repeat;
	display: block;
}
.view_all:hover {
	height: 19px;
	background: url(../images/buttons/view_all.png) 0 -19px no-repeat;
}

/* Checkout */

/* Checkout Button */
.checkout {
	margin: 8px 0 0 0;
	width: 65px;
	height: 19px;
	background: url(../images/buttons/checkout.png) 0 0 no-repeat;
	display: block;
}
.checkout:hover {
	height: 19px;
	background: url(../images/buttons/checkout.png) 0 -19px no-repeat;
}

/* Contiune Shopping Button */
.continue_shopping {
	margin: 8px 0 0 0;
	width: 100px;
	height: 19px;
	background: url(../images/buttons/continue_shopping.png) 0 0 no-repeat;
	display: block;
}
.continue_shopping:hover {
	height: 19px;
	background: url(../images/buttons/continue_shopping.png) 0 -19px no-repeat;
}












/* Share Icons */

#share {
	margin: 9px 0 0 0;
	padding: 0 0 0 55px;
	list-style: none;
	width: 316px;
	height: 27px;
	background: url(../images/common/share.png) 0 0 no-repeat;
	float: left;
	display: block;
}
#share li {
	margin: 0 4px 0 0;
	float: left;
}
#share span {
	position: absolute;
	top: -9999px;	
}

#members_share {
	margin: 9px 0 10px 0px;
	padding: 0 0 0 60px;
	list-style: none;
	height: 27px;
	background: url(../images/common/members_share.png) 0 0 no-repeat;
	float: left;
	display: block;
}
#members_share li {
	margin: 0 4px 0 0;
	float: left;
}
#members_share span {
	position: absolute;
	top: -9999px;	
}

/* Email */
.share_email {
	margin: 0 0 0 0;
	width: 16px;
	height: 27px;
	background: url(../images/buttons/share.png) 0 0 no-repeat;
	display: block;
}
.share_email:hover {
	height: 27px;
	background: url(../images/buttons/share.png) 0 -27px no-repeat;
}
/* Facebook */
.share_facebook {
	margin: 0 0 0 0;
	width: 16px;
	height: 27px;
	background: url(../images/buttons/share.png) -20px 0 no-repeat;
	display: block;
}
.share_facebook:hover {
	height: 27px;
	background: url(../images/buttons/share.png) -20px -27px no-repeat;
}
/* Twitter */
.share_twitter {
	margin: 0 0 0 0;
	width: 16px;
	height: 27px;
	background: url(../images/buttons/share.png) -40px 0 no-repeat;
	display: block;
}
.share_twitter:hover {
	height: 27px;
	background: url(../images/buttons/share.png) -40px -27px no-repeat;
}
/* You Tube */
.share_youtube {
	margin: 0 0 0 0;
	width: 16px;
	height: 27px;
	background: url(../images/buttons/share.png) -60px 0 no-repeat;
	display: block;
}
.share_youtube:hover {
	height: 27px;
	background: url(../images/buttons/share.png) -60px -27px no-repeat;
}
/* RSS */
.share_rss {
	margin: 0 0 0 0;
	width: 16px;
	height: 27px;
	background: url(../images/buttons/share.png) -80px 0 no-repeat;
	display: block;
}
.share_rss:hover {
	height: 27px;
	background: url(../images/buttons/share.png) -80px -27px no-repeat;
}
/* Del.icio.us */
.share_delicious {
	margin: 0 0 0 0;
	width: 16px;
	height: 27px;
	background: url(../images/buttons/share.png) -100px 0 no-repeat;
	display: block;
}
.share_delicious:hover {
	height: 27px;
	background: url(../images/buttons/share.png) -100px -27px no-repeat;
}
/* Stumble Upon */
.share_stumbleupon {
	margin: 0 0 0 0;
	width: 16px;
	height: 27px;
	background: url(../images/buttons/share.png) -120px 0 no-repeat;
	display: block;
}
.share_stumbleupon:hover {
	height: 27px;
	background: url(../images/buttons/share.png) -120px -27px no-repeat;
}
/* Reddit */
.share_reddit {
	margin: 0 0 0 0;
	width: 16px;
	height: 27px;
	background: url(../images/buttons/share.png) -140px 0 no-repeat;
	display: block;
}
.share_reddit:hover {
	height: 27px;
	background: url(../images/buttons/share.png) -140px -27px no-repeat;
}
/* Vimeo */
.share_vimeo {
	margin: 0 0 0 0;
	width: 16px;
	height: 27px;
	background: url(../images/buttons/share.png) -160px 0 no-repeat;
	display: block;
}
.share_vimeo:hover {
	height: 27px;
	background: url(../images/buttons/share.png) -160px -27px no-repeat;
}
/* Digg */
.share_digg {
	margin: 0 0 0 0;
	width: 16px;
	height: 27px;
	background: url(../images/buttons/share.png) -180px 0 no-repeat;
	display: block;
}
.share_digg:hover {
	height: 27px;
	background: url(../images/buttons/share.png) -180px -27px no-repeat;
}




.product_buttons {
	width: 135px;
	height: 19px;
	list-style: none;
	position: absolute;
	top: 101px;
	left: 151px;
}	
.product_buttons li {
	height: 19px;
	list-style: none;
	float: left;
}
.product_buttons span {
	position: absolute;
	top: -9999px;
}

.blog_button {
	padding: 5px 0 0 0;
	width: 65px;
	height: 19px;
	list-style: none;
}	
.blog_button li {
	height: 19px;
	list-style: none;
	float: left;
}
.blog_button span {
	position: absolute;
	top: -9999px;
}
/* Read */
.blog_read {
	margin: 0;
	width: 65px;
	height: 19px;
	background: url(../images/buttons/read.png) 0 0 no-repeat;
	display: block;
}
.blog_read:hover {
	height: 19px;
	background: url(../images/buttons/read.png) 0 -19px no-repeat;
}

/* More News */
.members_panel_more_news {
	margin: 0 0 0 211px;
	width: 65px;
	height: 19px;
	background: url(../images/buttons/members_more_news.png) 0 0 no-repeat;
	display: block;
}
.members_panel_more_news:hover {
	height: 19px;
	background: url(../images/buttons/members_more_news.png) 0 -19px no-repeat;
}


/* Buy */
.products_buy {
	margin: 0;
	width: 65px;
	height: 19px;
	background: url(../images/buttons/buy.png) 0 0 no-repeat;
	display: block;
}
.products_buy:hover {
	height: 19px;
	background: url(../images/buttons/buy.png) 0 -19px no-repeat;
}
/* Back */
.back {
	margin: 0 0 0 5px;
	width: 65px;
	height: 19px;
	background: url(../images/buttons/back.png) 0 0 no-repeat;
	display: block;
}
.back:hover {
	height: 19px;
	background: url(../images/buttons/back.png) 0 -19px no-repeat;
}
/* Products More */
.products_more {
	margin: 0 0 0 5px;
	width: 65px;
	height: 19px;
	background: url(../images/buttons/more.png) 0 0 no-repeat;
	display: block;
}
.products_more:hover {
	height: 19px;
	background: url(../images/buttons/more.png) 0 -19px no-repeat;
}
/* Basket Refresh */
.basket_button_refresh {
	margin: 0;
	width: 23px;
	height: 23px;
	background: url(../images/buttons/refresh.png) 0 0 no-repeat;
	display: block;
}
.basket_button_refresh:hover {
	height: 23px;
	background: url(../images/buttons/refresh.png) 0 -23px no-repeat;
}
/* Basket Delete */
.basket_button_delete {
	margin: 0;
	width: 23px;
	height: 23px;
	background: url(../images/buttons/delete.png) 0 0 no-repeat;
	display: block;
}
.basket_button_delete:hover {
	height: 23px;
	background: url(../images/buttons/delete.png) 0 -23px no-repeat;
}
.more_details_product_buttons {
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0 0 0 15px;
	width: 135px;
	height: 19px;
	list-style: none;
	display: block;
}	
.more_details_product_buttons li {
	height: 19px;
	list-style: none;
	float: left;
}
.more_details_product_buttons span {
	position: absolute;
	top: -9999px;
}

/* Pagination */
.pagination {
	padding: 3px 5px 0 605px;
	width: 300px;
	height: 19px;
	list-style: none;
}	
.pagination li {
	height: 23px;
	list-style: none;
	float: left;
}
.pagination span {
	position: absolute;
	top: -9999px;
}

/* Pagination Previous */
.pagination_previous {
	margin: 0 0 0 0;
	width: 22px;
	height: 23px;
	background: url(../images/buttons/pagination_left.png) 0 0 no-repeat;
	display: block;
}
.pagination_previous:hover {
	height: 23px;
	background: url(../images/buttons/pagination_left.png) 0 -23px no-repeat;
}

/* Pagination Next */
.pagination_next {
	margin: 0 0 0 0;
	width: 22px;
	height: 23px;
	background: url(../images/buttons/pagination_right.png) 0 0 no-repeat;
	display: block;
}
.pagination_next:hover {
	height: 23px;
	background: url(../images/buttons/pagination_right.png) 0 -23px no-repeat;
}
.pagination_text {
	width: 246px;
	font-family: Arial, Helvetica, Sans-Serif;
	color: #ffffff;
	text-align: center;
}

/* Members Clips View All Button */
.clips_view_all {
	padding: 0 0 0 820px;
	width: 65px;
	height: 19px;
	list-style: none;
}	
.clips_view_all li {
	height: 19px;
	list-style: none;
	float: left;
}
.clips_view_all span {
	position: absolute;
	top: -9999px;
}
/* View All */
.clips_view_all_button {
	margin: 5px 0 0 0;
	width: 65px;
	height: 19px;
	background: url(../images/buttons/view_all.png) 0 0 no-repeat;
	display: block;
}
.clips_view_all_button:hover {
	height: 19px;
	background: url(../images/buttons/view_all.png) 0 -19px no-repeat;
}



/* Cancel / Amend Order Button */
.cancel {
	margin: 0 0 0 0;
	width: 100px;
	height: 19px;
	background: url(../images/buttons/cancel.png) 0 0 no-repeat;
	display: block;
}
.cancel:hover {
	height: 19px;
	background: url(../images/buttons/cancel.png) 0 -19px no-repeat;
}
/* Next Step Button */
.next_step {
	margin: 0 0 0 5px;
	width: 65px;
	height: 19px;
	background: url(../images/buttons/next_step.png) 0 0 no-repeat;
	display: block;
}
.next_step:hover {
	height: 19px;
	background: url(../images/buttons/next_step.png) 0 -19px no-repeat;
}



/* Checkout Buttons */
.checkout_buttons {
	padding-left: 685px;
	width: 170px;
	height: 19px;
	list-style: none;
}	
.checkout_buttons li {
	height: 19px;
	list-style: none;
	float: left;
}
.checkout_buttons span {
	position: absolute;
	top: -9999px;
}
/* Check Details Buttons */
.check_details_buttons {
	padding-left: 605px;
	width: 250px;
	height: 50px;
	list-style: none;
}	
.check_details_buttons li {
	height: 50px;
	list-style: none;
	float: left;
}
.check_details_buttons span {
	position: absolute;
	top: -9999px;
}

/* Continue Shopping Button */
.continue_shopping_button {
	width: 154px;
	height: 24px;
	background: url(../images/basket/continue_shopping.gif) 0 0 no-repeat;
	display: block;
}
.continue_shopping_button:hover {
	width: 154px;
	height: 24px;
	background: url(../images/basket/continue_shopping.gif) 0 -24px no-repeat;
	display: block;
}
/* Checkout Button */
.checkout_button {
	width: 89px;
	height: 24px;
	background: url(../images/basket/checkout.gif) 0 0 no-repeat;
	display: block;
}
.checkout_button:hover {
	width: 89px;
	height: 24px;
	background: url(../images/basket/checkout.gif) 0 -24px no-repeat;
	display: block;
}



/* Join now previous button */
.join_previous {
	margin: 0 5px 0 0;
	width: 65px;
	height: 19px;
	background: url(../images/buttons/previous.png) 0 0 no-repeat;
	display: block;
}
.join_previous:hover {
	width: 65px;
	height: 19px;
	background: url(../images/buttons/previous.png) 0 -19px no-repeat;
	display: block;
}



/* Clips Buttons */
.clip_buttons {
	padding-top: 20px;
	width: 135px;
	height: 19px;
	list-style: none;
}	
.clip_buttons li {
	height: 19px;
	list-style: none;
	float: left;
	background: transparent;
}
.clip_buttons span {
	position: absolute;
	top: -9999px;
}
/* Buy */
.watch_clip {
	margin: 0;
	width: 65px;
	height: 19px;
	background: url(../images/buttons/watch_clip.png) 0 0 no-repeat;
	display: block;
}
.watch_clip:hover {
	height: 19px;
	background: url(../images/buttons/watch_clip.png) 0 -19px no-repeat;
}
/* Back */
.add_to_dvd {
	margin: 0 0 0 5px;
	width: 65px;
	height: 19px;
	background: url(../images/buttons/add_to_dvd.png) 0 0 no-repeat;
	display: block;
}
.add_to_dvd:hover {
	height: 19px;
	background: url(../images/buttons/add_to_dvd.png) 0 -19px no-repeat;
}

/* Members Blog Buttons */
.members_blog_read_button {
	padding-top: 26px;
	padding-left: 221px;
	width: 65px;
	height: 19px;
	list-style: none;
}	
.members_blog_read_button li {
	height: 19px;
	list-style: none;
}
.members_blog_read_button span {
	position: absolute;
	top: -9999px;
}


/* Members Take a Tour */
.members_take_a_tour {
	margin: 10px 0 0 15px;
	width: 110px;
	height: 32px;
	list-style: none;
}	
.members_take_a_tour li {
	height: 32px;
}
.members_take_a_tour span {
	position: absolute;
	top: -9999px;
}
/* Tour Button */
.thickbox {
	margin: 0;
	width: 110px;
	height: 32px;
	background: url(../images/buttons/tour_button.png) 0 0 no-repeat;
	display: block;
}
.thickbox:hover {
	height: 32px;
	background: url(../images/buttons/tour_button.png) 0 -32px no-repeat;
}


/* MP3 Player */
.mp3_buttons {
	margin-right: 5px;
	width: 147px;
	height: 19px;
	list-style: none;
	float: left;
}	
.mp3_buttons li {
	height: 19px;
	float: left;
}
.mp3_buttons span {
	position: absolute;
	top: -9999px;
}
.mp3_title {
	width: 83px;
	background: url(../images/buttons/musicplayer.png) 0px 0 no-repeat;
	display: block;
}
/* MP3 Player Play */
.music_player_play {
	margin: 0;
	width: 32px;
	height: 19px;
	background: url(../images/buttons/musicplayer.png) -83px 0 no-repeat;
	display: block;
}
.music_player_play:hover {
	height: 32px;
	background: url(../images/buttons/musicplayer.png) -83px -19px no-repeat;
}
/* MP3 Player Pause */
.music_player_pause {
	margin: 0;
	width: 32px;
	height: 19px;
	background: url(../images/buttons/musicplayer.png) -115px 0 no-repeat;
	display: block;
}
.music_player_pause:hover {
	height: 32px;
	background: url(../images/buttons/musicplayer.png) -115px -19px no-repeat;
}
/* MP3 Player Stop */
.music_player_stop {
	margin: 0;
	width: 32px;
	height: 19px;
	background: url(../images/buttons/musicplayer.png) -147px 0 no-repeat;
	display: block;
}
.music_player_stop:hover {
	height: 32px;
	background: url(../images/buttons/musicplayer.png) -147px -19px no-repeat;
}