/*=============================================================
Type:				Ahead of the Game Website
Design by:			Greg Coley (greg@tenpaces.net)
HTML/CSS by:		Mark Perkins (mark@allmarkedup.com)
---------------------------------------------------------------
Creation Date:		22-08-2008
=============================================================*/

/*=============================================================
main layout style
=============================================================*/

body {
	background: #040404 url('../cssimages/bg_main.jpg') no-repeat 0 -50px;
}

#page {
	position: absolute;
	top: 56px;
	left: 18px;
	background: url('../cssimages/bg_pack_open.jpg') no-repeat;
	height: 577px;
	width: 991px;
}

#header {
	position: absolute;
	top: -24px;
	left: 81px;
	width: 910px;
}

p {
	font-family: "Trebuchet MS", Trebuchet, arial, helvetica, sans-serif;
	font-size: 12px;
}

/* splash page */

#splash {
	position: absolute;
	left: 313px;
	top: 44px;
}

#splash a {
	color: #FFF;
	text-decoration: none;
}

#splash span {
	display: block;
	text-indent: -9999px;
}

/* holiday message */

#holiday {
	position: absolute;
	left: 703px;
	top: 224px;
}
/*=============================================================
headings
=============================================================*/

h1 {
	margin: 0;
}

h1 a {
	color: #FFF;
	font-weight: normal;
	width: 147px;
	height: 68px;
	background: url('../cssimages/logo_main.jpg') no-repeat;
	text-indent: -9999px;
	margin: 0;
	display: block;
}

h2 {
	margin-top: 0;
	margin-bottom: 14px;
	width: 200px;
	height: 23px;
	background-repeat: no-repeat;
	text-indent: -9999px;
	background-position: -4px 0;
}

.page_shop h2 {
	background-image: url('../cssimages/text_share_one.gif');
}

.page_success h2 {
	background-image: url('../cssimages/text_share_one.gif');
}

.page_success h2 {
	background-image: url('../cssimages/text_share_one.gif');
}


.page_feeling h2 {
	background: url('../cssimages/text_share_our_feeling.gif') no-repeat -2px 1px;
}

.page_touch h2 {
	background: url('../cssimages/text_were_listening.gif') no-repeat -2px 1px;
}

.page_friends h2 {
	background: url('../cssimages/text_where.gif') no-repeat -2px 1px;
}

/*=============================================================
header
=============================================================*/

#bag_summary {
	position: absolute;
	top: 6px;
	right: 89px;
	color: #FFF;
	line-height: 15px;
	z-index: 2;
}

#bag_summary a {
	color: #999999;
}

.page_bag #bag_summary, .page_bag #bag_summary a {
	display: none;
}

/*=============================================================
navigation
=============================================================*/

#main_nav {
	position: absolute;
	top: 87px;
	left: 82px;
	list-style: none;
}

#main_nav li a {
	display: block;
	height: 21px;
	width: 223px;
	background-repeat: no-repeat;
	background-image: url('../cssimages/bg_main_nav.png');
	text-indent: -9999px;
}

#main_nav li.page_intro a { height: 18px; }

#main_nav li.page_intro a:hover, .page_intro #main_nav li a.current { background-position: 0 -169px; }

#main_nav li.page_home a {
	background-position: 0 -18px;
	height: 18px;
}

#main_nav li.page_home a:hover, .page_home #main_nav li.page_home a { background-position: 0 -187px; }

#main_nav li.page_story a {
	height: 23px;
	background-position: 0px -37px;
}

#main_nav li.page_story a:hover, .page_story #main_nav li.page_story a { background-position: 0px -206px; }

#main_nav li.page_shop a {
	height: 23px;
	background-position: 0 -61px;
}

#main_nav li.page_shop a:hover, .page_shop #main_nav li.page_shop a { background-position: 0 -230px; }

#main_nav li.page_feeling  a { background-position: 0 -84px; }

#main_nav li.page_feeling a:hover, .page_feeling #main_nav li.page_feeling a { background-position: 0 -253px; }

#main_nav li.page_touch a { background-position: 0 -105px; }

#main_nav li.page_touch a:hover, .page_touch #main_nav li.page_touch a { background-position: 0 -274px; }

#main_nav li.page_friends a { background-position: 0 -127px; }

#main_nav li.page_friends a:hover, .page_friends #main_nav li.page_friends a { background-position: 0 -296px; }

#main_nav li.page_thanks a { background-position: 0 -148px; }

#main_nav li.page_thanks a:hover, .page_thanks #main_nav li.page_thanks a { background-position: 0 -316px; }


/*=============================================================
main_contents
=============================================================*/

#image_area {
	position: absolute;
	top: -36px;
	left: 325px;
}

#tab_area {
	position: absolute;
	top: 500px;
	left: 385px;
}

#text_area {
	width: 270px;
	position: absolute;
	top: 82px;
	left: 660px;
}

#text_area p {
	color: #FFF;
	line-height: 1.3;
}

#text_area a:link, #text_area a:visited  {
	color: #FFF;
}

#note {
	width: 250px;
	height: 149px;
	position: absolute;
	top: 302px;
	left: 74px;
	background: url('../cssimages/note_blank.jpg') no-repeat;
	z-index: 10;
}

/* home page */

#intro_para {
	height: 355px;
	background: url('../cssimages/paragraph_home.gif') no-repeat;
	text-indent: -9999px;
	margin-top: 0px;
}

#visit_shop a {
	width: 120px;
	height: 20px;
	display: block;
	margin: 0 auto;
	position: relative;
	top: -12px;
	left: 0;
	background: url('../cssimages/text_visit_shop.gif') no-repeat;
	text-indent: -9999px;
}

#visit_shop a:hover {
	background-position: 0 -22px;
}

#get_in_touch_link {
	position: absolute;
	display: block;
	width: 117px;
	height: 18px;
	top: 299px;
	left: -2px;
}

#priceless_link {
	position: absolute;
	display: block;
	width: 80px;
	height: 18px;
	top: 120px;
	left: 70px;
}
/* our story */

#story_para {
	background: url('../cssimages/paragraph_story.jpg') no-repeat 0 0;
	height: 337px;
	text-indent: -9999px;
	margin-top: 0px;
}

/* shop page */

#products_table {
	border: 0;
}

#products_table td {
	vertical-align: top;
}

#products_table p {
	margin: 0;
	line-height: 1.6;
}

#products_table #male_front_cover td {
	padding-top: 8px;
}

#products_table #silver_chain td {
	padding-top: 30px;
}

#products_table .item_price {
	text-align: right;
	padding-right: 2px;
}

#products_table button {
	background: url('../cssimages/text_add_to_bag.gif') no-repeat 0 0;
	height: 15px;
	width: 71px;
	border: 0;
	text-indent: -9999px;
	cursor: pointer;
	display: block;
}

#products_table button:hover {
	background-position: 0 -16px;
}

#products_table #female_front_cover button, #products_table #male_front_cover button, #products_table #silver_chain button  {
	position: relative;
	top: 2px;
	left: 20px;
}

#view_slideshow a {
	width: 189px;
	height: 17px;
	display: block;
	margin: 0 auto;
	position: relative;
	top: -12px;
	left: 0;
	background: url('../cssimages/text_view_slideshow.gif') no-repeat;
	text-indent: -9999px;
}

#view_slideshow a:hover {
	background-position: 0 -18px;
}

#pack_shop {
	padding-top: 8px;
}

/* shopping bag page */

#shopping_bag, #paper_bg {
	width: 606px;
	height: 504px;
	background: url('../cssimages/bg_shopping_bag.jpg') no-repeat;
	position: absolute;
	top: -36px;
	left: 325px;
}

#shopping_bag h2 {
	background: url('../cssimages/text_shopping_bag.gif') no-repeat;
	position: absolute;
	top: 144px !important;
	left: 50px;
	border-bottom: 1px solid #CCC;
	width: 530px;
	padding-bottom: 4px;
}

#shopping_bag_table {
	position: absolute;
	top: 180px;
	left: 52px;
	width: 530px;
	color: #000;
}

#shopping_bag_table a:link, #shopping_bag_table a:hover {
	color: #000;
}

#shopping_bag_table th {
	font-weight: bold;
	padding: 0 12px 0 12px;
}

#shopping_bag_table td {
	padding: 5px 12px;
}

#shopping_bag_table .qty {
	width: 20px;
	text-align: center;
}

#shopping_bag_table th  {

}

#shopping_bag_table .desc {
	text-align: left;
	width: 290px;
	padding-left: 0;
}

#shopping_bag_table .price, #shopping_bag_table .total {
	text-align: right;
}

#shopping_bag_table .quant, #shopping_bag_table .rem {
	text-align: center;
}

#shopping_bag_table .total {
	padding: 0 5px;
}

#shopping_bag_table .rem {
	padding: 0 0px ;
}

#shipping td {
	padding: 3px 0 3px 0;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

#shopping_bag_table #total {
	font-size: 14px;
	font-weight: bold;
}

#shopping_bag_table #total td {
	padding-top: 3px;
}


#shopping_links {
	position: absolute;
	top: 460px;
	left: 50px;
}

#shopping_links input {
	color: #000;
	position: relative;
	border: 0px;
	padding: 0;
	text-decoration: underline !important;
	cursor: pointer;
}

#shopping_links_checkout {
	position: absolute;
	top: 456px;
	left: 484px;
}

#link_empty {
	left: 20px;
	top: 0;
}

#link_update {
	left: 40px;
	top: 0;
}

#link_checkout {
	left: 40px;
	top: 0;
	text-align:right;
}

#checkout {
	color: #cc6600 !important;
	background: url('../cssimages/text_checkout.gif') no-repeat 0 0;
	width: 94px;
	height: 26px;
	border: 0;
	position: relative;
	left: 190px;
	top: 8px;
	text-indent: -9999px;
	cursor: pointer;
}

#shipping_warning {
	color: #cc6600;
	font-size:14px;
}

/* billing information page */

#shopping_bag_billing, #paper_bg_billing {
	width: 606px;
	height: 504px;
	background: url('../cssimages/bg_shopping_bag.jpg') no-repeat;
	position: absolute;
	top: -36px;
	left: 325px;
}

#shopping_bag_billing h2 {
	background: url('../cssimages/text_billing_info.gif') no-repeat;
	position: absolute;
	top: 144px !important;
	left: 50px;
	border-bottom: 1px solid #CCC;
	width: 530px;
	padding-bottom: 4px;
}

/* shiping information page */

#shopping_bag_shipping, #paper_bg_shipping {
	width: 606px;
	height: 504px;
	background: url('../cssimages/bg_shopping_bag.jpg') no-repeat;
	position: absolute;
	top: -36px;
	left: 325px;
}

#shopping_bag_shipping h2 {
	background: url('../cssimages/text_shipping_info.gif') no-repeat;
	position: absolute;
	top: 144px !important;
	left: 50px;
	border-bottom: 1px solid #CCC;
	width: 530px;
	padding-bottom: 4px;
}

/* confirm information page */

#shopping_bag_confirm, #paper_bg_confirm {
	width: 606px;
	height: 504px;
	background: url('../cssimages/bg_shopping_bag.jpg') no-repeat;
	position: absolute;
	top: -36px;
	left: 325px;
}

#shopping_bag_confirm h2 {
	background: url('../cssimages/text_confirm_order.gif') no-repeat;
	position: absolute;
	top: 144px !important;
	left: 50px;
	border-bottom: 1px solid #CCC;
	width: 530px;
	padding-bottom: 4px;
}

/* checkout successful page */

#shopping_bag_success, #paper_bg_success {
	width: 606px;
	height: 504px;
	background: url('../cssimages/bg_shopping_bag.jpg') no-repeat;
	position: absolute;
	top: -36px;
	left: 325px;
}

#shopping_bag_success h2 {
	background: url('../cssimages/text_order_success.gif') no-repeat;
	position: absolute;
	top: 144px !important;
	left: 50px;
	border-bottom: 1px solid #CCC;
	width: 530px;
	padding-bottom: 4px;
}

/* checkout failure page */

#shopping_bag_failure, #paper_bg_failure {
	width: 606px;
	height: 504px;
	background: url('../cssimages/bg_shopping_bag.jpg') no-repeat;
	position: absolute;
	top: -36px;
	left: 325px;
}

#shopping_bag_failure h2 {
	background: url('../cssimages/text_order_failure.gif') no-repeat;
	position: absolute;
	top: 144px !important;
	left: 50px;
	border-bottom: 1px solid #CCC;
	width: 530px;
	padding-bottom: 4px;
}

/* share our feeling */

#loveflickr {
	text-indent: -9999px;
	background: url('../cssimages/text_love_flickr.gif') no-repeat;
	width: 118px;
	height: 23px;
	position: absolute;
	top: 102px;
	left: 41px;
}

#flickr_gallery {
	position: absolute;
	top: 156px;
	left: 46px;
	width: 260px;
}

#flickr_gallery img {
	float: left;
	margin: 0 11px 10px 0;
}

#share_intro {
	background: url('../cssimages/paragraph_share_our_feeling.gif') -2px 0;
	text-indent: -9999px;
	height: 170px;
}

#post_date {
	margin: 20px 0 0 0;
}

#post_summary {
	margin-top: 0;
}

#visit_blog a {
	background: url('../cssimages/text_visit_blog.gif') no-repeat -2px 0;
	text-indent: -9999px;
	display: block;
	width: 196px;
	height: 40px;
	position: absolute;
	top: 334px;
	left: 0;
}

/* our friends page */

#friends {
	background: url('../cssimages/paragraph_friends.jpg') no-repeat 0 0;
	height: 339px;
	text-indent: -9999px;
}
#blog_link {
	position: absolute;
	display: block;
	width: 70px;
	height: 18px;
	top: 130px;
	left: 80px;
}
#blog_link_visit {
	position: absolute;
	display: block;
	width: 130px;
	height: 18px;
	top: 360px;
	left: -2px;
}
/* thank you page */

#thanks {
	background: url('../cssimages/paragraph_thanks.jpg') no-repeat 0 0;
	height: 294px;
	text-indent: -9999px;
}

#thankyou_links {
	list-style: none;
/*	margin-left: -4px;*/
}

#thankyou_links li {
	margin-bottom: 2px;
}

#thankyou_links a {
	display: block;
	width: 130px;
	height: 15px;
	text-indent: -9999px;
	background-image: url('../cssimages/bg_thankyou_links.jpg');
	background-repeat: no-repeat;
}

#usdesigners a { width: 160px; }

#usdesigners a:hover { background-position: 0 -50px; }

#tenpaces a { background-position: 0 -17px; }

#tenpaces a:hover { background-position: 0 -67px; }

#sheridan-designs a { background-position: 0 -34px; width: 200px; }

#sheridan-designs a:hover { background-position: 0 -84px; }

/* terms and conditions, privacy policy */

#text_wrapper {
	position: relative;
	top: 150px;
	left: 50px;
	width: 540px;
	height: 330px;
	overflow-y: scroll;
}

#text_wrapper h2, #text_wrapper h3 {
	text-indent: 0;
	margin-bottom: 8px;
	font-size: 13px;
	width: 300px;
}

#text_wrapper h2 {
	font-weight: bold;
}

#text_wrapper li {
	margin-bottom: 5px;
}

#text_wrapper p {
	margin-top: 4px;
}

/* forms */

dl {
	line-height: 0.8;
	color: #FFF;
}

dt {
	width: 62px;
	float: left;
	margin-top: 3px;
	margin-bottom: 3px;
	clear: left;
}

dt.long {
	width: 240px;
}

dd {
	width: 100px;
	margin-left: 74px;
	margin-bottom: 3px;
}

dl input {
	width: 180px;
}

dl #go {
	width: auto;
	margin-top: 4px;
	padding: 0 10px;
}

label.error {
/*	color: #C9640C;*/
	font-weight: bold;
	font-style: italic;
}

/*=============================================================
footer
=============================================================*/

#footer {
	position: absolute;
	top: 490px;
	left: 82px;
	font-size: 10px;
	color: #FFF;
	width: 910px;
}

#social_bookmarks {
	position: absolute;
	top: 0;
	left: 0;
}

#social_bookmarks li {
	list-style: none;
	margin-right: 10px;
	float: left;
}

#social_bookmarks li a {
	width: 16px;
	height: 16px;
	display: block;
	text-indent: -9999px;
	float: left;
}

#social_bookmarks li#delicious a { background: url('../cssimages/icon_delicious.png') no-repeat; }

#social_bookmarks li#digg a { background: url('../cssimages/icon_digg.png') no-repeat; }

#social_bookmarks li#stumbleupon a { background: url('../cssimages/icon_stumble_upon.png') no-repeat; }

#social_bookmarks li#reddit a { background: url('../cssimages/icon_reddit.png') no-repeat; }

#social_bookmarks li#newsvine a { background: url('../cssimages/icon_newsvine.png') no-repeat; }

#join_facebook {
	position: absolute;
	top: 0;
	right: 86px;
	margin: 0;
}

#join_facebook a {
	font-size: 10px;
	color: #FFF;
	text-decoration: none;
	padding-left: 22px;
	background: url('../cssimages/icon_facebook.png') no-repeat;
}

#join_facebook a:hover {
	text-decoration: underline;
}
#join_twitter {
	position: absolute;
	top: 20px;
	right: 86px;
	margin: 0;
}

#join_twitter a {
	font-size: 10px;
	color: #FFF;
	text-decoration: none;
	padding-left: 22px;
	background: url('../cssimages/icon_twitter.png') no-repeat;
}

#join_twitter a:hover {
	text-decoration: underline;
}

#footer_nav {
	font-size: 10px;
	color: #FFF;
	position: absolute;
	top: 90px;
}

#footer_nav a {
	color: #FFF;
	text-decoration: none;
}

#footer_nav a:hover {
	text-decoration: underline;
}