/* CSS Reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, acronym, address, big, cite, dfn, em, img, q, small, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
/* Prevent borders */
fieldset, img { border: 0; }
/* to prevent a gap from showing below images in some browsers */
img { vertical-align: bottom; }
 
/* Colour Scheme
==============================================================================================
BG
- body				#2cace4 (footer colour on the body so it always reaches the bottom of the window)
- header			#2e2d2a 
- wrapper			#eeeeee 
- sidebar title		#1d1c1a 
- sidebar			#333333 
- blue				#4ac0f8 
- orange			#ef4323
- Link BG fill		#f3f3f3
 
Border
- sidebar inner		#414141
- Content divider	#e7e7e7
 
Text
- body				#6d6c68
- Blue				#2faee6
- titles			#2e2d2a
- sidebar links		#dbdbdb
- form note			#858585
 
 
   Base
============================================================================================== */
html {
	font-size: 100.01%; }
 
/* Online PX to EM converter - http://pxtoem.com/ */
body {
	background: #2cace4;
	color: #6d6c68;
	font: 75%/1.5 Arial, Helvetica, sans-serif; /* 12px/18px */ }
 
h1, h2, h3, h4, h5, h6 {
	color: #2e2d2a;
	font-weight: bold; }
 
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; }
 
h3, h3 a {
	color: #2e2d2a;
	font-size: 14px;
	line-height: 1.2;
	text-transform: uppercase;
	margin-bottom: 0; }
 
h3 a:hover {
	color: #2e2d2a;
	background: url(/img/tn/underline-black.gif) left bottom repeat-x; }
	
h5 {
	color: #2faee6;
	font-size: 16px;
	line-height: 1.2;
	margin-bottom: 12px;
}

h6 {
	color: #2faee6;
	font-size: 14px;
	line-height: 1.2;
	margin-bottom: 12px;
}
 
a {
	color: #2faee6;
	text-decoration: none; }
 
	a:hover {
		color: #2faee6;
		text-decoration: none; }
 
p a { background: url(/img/tn/underline-colour.gif) left bottom repeat-x; }
 
	p a:hover { background: none; }
 
p { margin: 0 0 1.5em; }
 
.intro { font-size: 1.167em; /* 12 x 1.167 = 14px */ }
 
.small {
	font-size: 0.917em;
	line-height: 1.455; /* 12 x 0.917 = 11px */ /* 11 x 1.455 = 16px */ }
 
blockquote, q, em, cite, i { font-style: italic; }
 
th, strong, b { font-weight: bold; }
 
.wrap ol {
	list-style-type: decimal;
	margin: 0 0 1.5em 2.5em; }
 
.wrap li ol { margin: 0 0 0 1.75em; }
 
.wrap ul {
	list-style-type: disc;
	margin: 0 0 1.5em 2.5em; }
 
.wrap li ul { margin: 0 0 0 1.75em; }
 
 
th {
	padding: 4px 8px;
	text-align: left;
	color: #2e2d2a; }
 
td {
	padding: 6px 8px;
	border: 1px solid #e7e7e7;
	line-height: 1.333; }
 
	td td { font-size: 1em; }
 
/* Layout main
============================================================================================== */
/* Clear div */
html body div.clear { background: none;  border: 0;  clear: both;  display: block;  float: none;  font-size: 0;  margin: 0;  padding: 0;  position: static;  overflow: hidden;  visibility: hidden;  width: 0;  height: 0; }
/* New clearfix method */
.group:after, .container:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .group, * html .container { zoom: 1; }
*:first-child+html .group, *:first-child+html .container { zoom: 1; }
 
.container {
	width: 980px;
	margin: 0 auto; }
 
#wrapper {
	width: 100%;
	overflow: hidden; /* Clear floats */
	padding: 18px 0 80px;
	background: #eeeeee; }
 
#main {
	width: 726px;
	float: right;
	display: inline; }
 
/* Sidebar marked up after main content for SEO */
#sidebar {
	width: 242px;
	float: left;
	margin: 0 12px 0 0;
	display: inline; }
 
.wrap {
	width: 726px;
	overflow: hidden;
	margin: 0 0 20px;
	background: #ffffff url(/img/tn/wrap-top.gif) left top no-repeat; }
 
	.wrap .inner {
		padding: 10px 20px 20px;
		background: url(/img/tn/wrap-bot.gif) left bottom no-repeat; }
		
	.wrap .inner.error { padding-bottom: 10px; }
		
	.shopping-basket-wrap { width: 726px; overflow: hidden; margin: 0; background-color: #FFF; }
	.shopping-basket-wrap .inner { padding: 10px 20px 20px; background: none; }
	.shopping-basket-top  { width: 726px; height: 5px; background: url(/img/tn/wrap-top-popup.gif) left top no-repeat; overflow: hidden; }
	.shopping-basket-bot  { width: 726px; height: 5px; background: url(/img/tn/wrap-bot-popup.gif) left top no-repeat; overflow: hidden; }

 
/* Header
============================================================================================== */
#header {
	width: 100%;
	background: #2e2d2a; }
 
	#header .container {
		height: 130px;
		position: relative; }
 
	#header .logo {
		width: 242px;
		height: 130px;
		float: left;
		display: inline;
		position: relative; }
 
		#header .logo a {
			position: absolute;
			left: 0;
			bottom: -35px; }
 
	#header .header-content {
		width: 730px;
		height: 130px;
		position: relative;
		float: right;
		display: inline; }
 
/* Sign In/Register
----------------------------------------- */
.account-links {
	position: absolute;
	top: 6px;
	left: 0;
	overflow: hidden;
	margin-left: -4px; }
 
	.account-links li {
		padding: 4px 10px 4px 8px;
		margin-right: -1px; /* Hide last li BG */
		float: left;
		display: inline;
		font-size: 0.917em;
		background: url(/img/tn/header-li-divider.gif) right center no-repeat; }
 
		.account-links li a {
			padding-bottom: 1px;
			color: #e7e7e7;
			text-decoration: none; }
 
			.account-links li a:hover { background: url(/img/tn/underline-white.gif) left bottom repeat-x; }
 
/* Cart Basket
----------------------------------------- */
.cart-basket {
	float: left;
	position: absolute;
	top: 0;
	right: 0;
	overflow: hidden;
	padding-left: 4px;
	background: url(/img/tn/cart-basketL.gif) left bottom no-repeat; }
 
	.cart-basket .inner {
		padding: 8px 12px 8px 0;
		background: url(/img/tn/cart-basketR.gif) right bottom no-repeat; }
 
	.cart-basket ul {
		margin-right: 12px;
		float: left;
		display: inline; }
 
	.cart-basket li {
		padding: 2px 10px 2px 8px;
		margin-right: -1px; /* Hide last li BG */
		float: left;
		display: inline;
		color: #ffffff;
		font-size: 0.917em;
		background: url(/img/tn/header-li-divider.gif) right center no-repeat; }
 
	.cart-basket strong { color: #2faee6; }
 
a.view-basket {
	float: left;
	padding: 4px 6px 11px 18px;
	margin: -4px 0 -11px;
	background: url(/img/tn/add-grey.gif) 4px 7px no-repeat;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	color: #2faee6; }
 
	a.view-basket span { background: url(/img/tn/underline-colour.gif) left bottom repeat-x; }
 
	a.view-basket-hovered {
		background: #ffffff url(/img/tn/minimise-sml.gif) 4px 7px no-repeat;
		color: #2e2d2a; }
 
		a.view-basket:hover span { background: url(/img/tn/underline-black.gif) left bottom repeat-x; }
 
/*.cart-basket li a { padding-bottom: 1px; color: #2faee6; text-decoration: none; background: url(/img/tn/underline-colour.gif) left bottom repeat-x; }
.cart-basket li a:hover { background: none; }
*/
a.btn-checkout {
	text-decoration: none;
	float: left;
	line-height: 16px;
	cursor: pointer;
	color: #ffffff;
	font-size: 12px;
	text-transform: uppercase;
	background: url(/img/tn/btn-checkout.png) right top no-repeat; }
 
	a.btn-checkout span {
		margin: 0 10px 0 0; /* Show right edge of BG on the <a> */
		position: relative;
		float: left;
		padding: 2px 8px 4px 18px;
		background: url(/img/tn/btn-checkout.png) left top no-repeat; }
 
	a.btn-checkout:hover {
		color: #2e2d2a;
		background-position: right bottom; }
		
	a.btn-checkout:hover span { background-position: left bottom; }
 
/* Global Nav
----------------------------------------- */
.nav {
	position: absolute;
	right: 0;
	bottom: 13px; }
 
	.nav li {
		float: left;
		display: inline;
		margin-left: 6px; }
 
		.nav li a {
			display: block;
			width: 120px;
			height: 44px;
			text-indent: -9999px; }
 
			/* Replace text with images */
.nav li a.nav-books { background-image: url(/img/tn/btn-books.gif); }
 
			.nav li a.nav-audible { background-image: url(/img/tn/btn-audible.gif); }
 
			.nav li a.nav-text-books { background-image: url(/img/tn/btn-text-books.gif); }
 
/* Searchbar
----------------------------------------- */
.searchbar {
	width: 352px;
	height: 69px;
	float: left;
	position: absolute;
	left: 0;
	bottom: 9px; }
 
	.searchbar a.adv-search {
		display: block;
		float: left;
		margin: 0 0 2px 4px;
		padding-left: 8px;
		background: url(/img/tn/arrow.gif) left center no-repeat;
		color: #2faee6;
		font-size: 0.917em;
		font-weight: bold;
		line-height: 15px; }
 
		.searchbar a.adv-search:hover { color: #2faee6; }
 
			.searchbar a.adv-search:hover span { background: url(/img/tn/underline-colour.gif) left bottom repeat-x; }
 
	.searchbar .search-input {
		clear: both;
		height: 52px;
		width: 303px;
		padding: 0 49px 0 0; /* 264+58+38=360px */
		float: left;
		background: url(/img/tn/search-input.png) left top no-repeat; 
	 }
 
		.searchbar .search-input input {
			color: #2e2d2a;
			font-size: 21px;
			font-weight: bold;
			padding: 10px 0 8px 38px;
			margin: 4px 0 4px 4px;
			width: 261px; /* 303-4-38=261px */
			border: 0;
			background: none; 
		}
 
 
	/* Expanded Searchbar styles */
.searchbar .search-btn {
		display: none; /* Hide */
		width: 87px;
		float: left; }
 
	.searchbar .cancel-btn {
		display: none; /* Hide */
		width: 52px;
		float: left; }
 
		.searchbar .cancel-btn a {
			display: block;
			height: 52px;
			text-indent: -9999px;
			background: url(/img/tn/cancel-search.png) left top no-repeat; }
 
/* Apply second class in html e.g class="searchbar focus" to expand the searchbar */
.focus {
	width: 730px;
	z-index: 10; }
 
	.focus .search-input {
		width: 591px; /* 730-87-52=591px */
		padding: 0;
		background-position: left bottom; }
 
		.focus .search-input input {
			width: 536px; /* 591-4-38-13=540px */
			padding-left: 0;
			margin-left: 42px; }
 
	.focus .search-btn, .focus .cancel-btn { display: block; /* Show hidden buttons */ }
 
/* Common content elements
============================================================================================== */
/* Price Stamp
----------------------------------------- */
p.price {
	width: 84px;
	height: 60px; /* height + padding = 84px */
	padding-top: 24px;
	position: relative;
	color: #2e2d2a;
	font-size: 0.833em; /* 12x0.833=10px */
	line-height: 1.2;
	text-transform: uppercase;
	text-align: center;
	background: #4ac0f8 url(/img/tn/price-stamp.png) left top no-repeat; }
 
	p.price strong {
		color: #ffffff;
		font-size: 2em; /* 10x2.1=21px */ }
 
/* Save Stamp
----------------------------------------- */
p.save {
	width: 58px;
	height: 47px; /* height + padding = 58px */
	padding-top: 11px;
	color: #ffffff;
	font-size: 0.917em; /* 12x0.917=11px */
	line-height: 1.1;
	text-align: center;
	background: #ef4323 url(/img/tn/save-stamp.png) left top no-repeat; }
 
	p.save strong {
		color: #ffffff;
		font-size: 1.545em; /* 11x1.545=17px */ }
 
/* In Stock Icon
----------------------------------------- */
.in-stock {
	width: 90px;
	height: 44px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(/img/tn/in-stock.png) left top no-repeat; }
 
/* Cover Dropshadow
----------------------------------------- */
.cover {
	float: left; /* block element, width set by inner image */
	background: #e6e6e6 url(/img/tn/cornerBL.gif) left bottom no-repeat; /* Bottom Left corner image. BG colour simulates border colour */
	position: relative; }
 
	.cover .tr {
		padding: 0 6px 6px 0; /* border width  */
		background: url(/img/tn/cornerTR.gif) right top no-repeat; /* Top right corner image */ }
 
.cover-lrg {
	float: left;
	background: #e6e6e6 url(/img/tn/cornerBL-lrg.gif) left bottom no-repeat;
	position: relative; }
 
	.cover-lrg .tr {
		padding: 0 8px 7px 0;
		background: url(/img/tn/cornerTR-lrg.gif) right top no-repeat; }
 
/* Small Title
----------------------------------------- */
#wrapper .sml-title {
	font-style: normal;
	line-height: 1.333; }
 
	#wrapper .sml-title span {
		display: block;
		margin-bottom: 1px;
		color: #2faee6;
		font-size: 0.917em;
		line-height: 1;
		text-transform: uppercase; }
 
/* Titlebar
----------------------------------------- */
.titlebar {
	width: 100%;
	height: 28px;
	padding: 6px 10px 0;
	margin: 0 -10px 20px; /* width + padding is greater than .wrap .inner width - negative margin stops the layout from breaking */
	background: #4ac0f8 url(/img/tn/titlebar.png) left top no-repeat;
	position: relative; }
 
	.titlebar h4 {
		color: #ffffff;
		font-size: 16px;
		line-height: 1.4;
		margin-bottom: 0; }
 
	.titlebar a {
		position: absolute;
		top: 8px;
		right: 13px;
		padding-left: 9px;
		color: #ffffff;
		font-size: 11px;
		background: url(/img/tn/bullet-link-white.gif) left center no-repeat; }
 
		.titlebar a:hover span { background: url(/img/tn/underline-white.gif) left bottom repeat-x; }
 
/* Payment Colour */
.payment .titlebar {
	margin-bottom: 2px;
	background: #c9d05c url(/img/tn/titlebar-payment.png) left top no-repeat; }
 
/* Grey Colour */
#main .titlebar-grey {
	margin-bottom: 20px;
	background: #e8e8e8 url(/img/tn/titlebar-grey.png) left top no-repeat; }
 
	#main .titlebar-grey h4 { color: #2e2d2a; }
 
	#main .titlebar-grey p {
		margin: 0;
		color: #2e2d2a;
		font-size: 1.167em; }
		
/* Error */
.titlebar.titlebar-error {
	margin-bottom: 0px;
	background: #ef4323 url(/img/tn/titlebar-error.png) left top no-repeat; }
 
/* Button Wrap
----------------------------------------- */
.btn-wrap {
	clear: both;
	width: 100%;
	overflow: hidden;
	margin-bottom: 12px; }
 
/*.btn-wrap a { float: left; }*/
.form .btn-wrap { margin-bottom: 0; }
 
/* Colour Button
----------------------------------------- */
a.btn {
	margin: 0 12px 0 0;
	text-decoration: none;
	float: left;
	line-height: 16px;
	cursor: pointer;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	background: url(/img/tn/btn-colour.png) right top no-repeat; }
 
	a.btn span {
		margin: 0 10px 0 0; /* Show right edge of BG on the <a> */
		position: relative;
		float: left;
		padding: 8px 8px 8px 18px;
		background: url(/img/tn/btn-colour.png) left top no-repeat; }
 
	a.btn:hover { color: #ffffff; }

/* White Button (promo white/overlay buy)
----------------------------------------- */
a.btn-buy {
	margin: 0 12px 0 0;
	text-decoration: none;
	float: left;
	line-height: 16px;
	cursor: pointer;
	color: #2e2d2a;
	font-size: 16px;
	font-weight: bold;
	background: url(/img/tn/btn-buy.png) right top no-repeat; }
 
	a.btn-buy span {
		margin: 0 10px 0 0; /* Show right edge of BG on the <a> */
		position: relative;
		float: left;
		padding: 7px 8px 7px 18px;
		background: url(/img/tn/btn-buy.png) left top no-repeat; }
	
	/* Hover - text underline */	
	a.btn-buy:hover strong { background: url(/img/tn/underline-black.gif) left bottom repeat-x; }
 
/* Grey Button
----------------------------------------- */
a.btn-grey {
	margin: 0 12px 0 0;
	text-decoration: none;
	float: left;
	line-height: 16px;
	cursor: pointer;
	color: #2e2d2a;
	font-size: 14px;
	font-weight: bold;
	background: url(/img/tn/btn-grey.png) right top no-repeat; }
 
	a.btn-grey span {
		margin: 0 10px 0 0; /* Show right edge of BG on the <a> */
		position: relative;
		float: left;
		padding: 8px 8px 8px 18px;
		background: url(/img/tn/btn-grey.png) left top no-repeat; }
 
	a.btn-grey:hover { color: #2e2d2a; }
 
/* Add to cart
----------------------------------------- */
a.add {
	text-decoration: none;
	padding: 5px 8px 5px 21px;
	cursor: pointer;
	color: #2e2d2a;
	font-weight: bold;
	background: url(/img/tn/add.gif) 5px center no-repeat; }
 
	a.add:hover span { background: url(/img/tn/underline-black.gif) left bottom repeat-x; }
 
	a.add:hover { color: #2e2d2a; }
 
/* Expand
----------------------------------------- */
a.expand, a.minimise {
	float: left; /* changes <a> to block element for padding */
	text-decoration: none;
	padding: 1px 8px 3px 21px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
	color: #2e2d2a;
	font-weight: bold;
	background: #f3f3f3 url(/img/tn/add.gif) 5px 5px no-repeat; }
 
a.expand span, a.minimise span { line-height: 14px; }
 
a.expand:hover { background-color: #f3f3f3; }
 
a.minimise { background: #f3f3f3 url(/img/tn/minimise.gif) 5px 5px no-repeat; }
 
a.expand:hover span, a.minimise:hover span { background: url(/img/tn/underline-black.gif) left bottom repeat-x; }
 
a.expand:hover, a.minimise:hover { color: #2e2d2a; }
 
/* Add to wishlist
----------------------------------------- */
a.wishlist {
	float: left;
	margin-top: 2px;
	text-decoration: none;
	padding: 4px 0 6px 19px;
	cursor: pointer;
	color: #2e2d2a;
	background: url(/img/tn/qty-add.gif) 0 center no-repeat; }
 
	a.wishlist:hover span { background: url(/img/tn/underline-black.gif) left bottom repeat-x; }
 
	a.wishlist:hover { color: #2e2d2a; }
 
/* Remove
----------------------------------------- */
a.remove {
	text-decoration: none;
	padding: 4px 0 6px 19px;
	cursor: pointer;
	color: #2e2d2a;
	background: url(/img/tn/remove.gif) 0 center no-repeat; }
 
	a.remove:hover span { background: url(/img/tn/underline-black.gif) left bottom repeat-x; }
 
	a.remove:hover { color: #2e2d2a; }
 
/* Close
----------------------------------------- */
a.close {
	text-decoration: none;
	padding: 4px 0 6px 19px;
	cursor: pointer;
	color: #2e2d2a;
	background: url(/img/tn/close.gif) 0 center no-repeat; }
 
	a.close:hover span { background: url(/img/tn/underline-black.gif) left bottom repeat-x; }
 
	a.close:hover { color: #2e2d2a; }
 
/* QTY - Add/Minus
----------------------------------------- */
a.qty-add {
	display: block;
	width: 16px;
	height: 16px;
	overflow: hidden;
	cursor: pointer;
	text-indent: -9999px;
	background: url(/img/tn/qty-add.gif) 0 0 no-repeat; }
 
a.qty-minus {
	display: block;
	width: 16px;
	height: 16px;
	overflow: hidden;
	cursor: pointer;
	text-indent: -9999px;
	background: url(/img/tn/qty-minus.gif) 0 0 no-repeat; }
 
/* Previous/Next Buttons
----------------------------------------- */
a.prev, a.next {
	display: block;
	float: left;
	width: 24px;
	height: 24px;
	overflow: hidden;
	text-indent: -9999px; }
 
a.prev { background: url(/img/tn/prev.png) left top no-repeat; }
 
a.next { background: url(/img/tn/next.png) left top no-repeat; }
 
/* More
----------------------------------------- */
a.more {
	font-size: 11px;
	font-weight: bold;
	line-height: 1.3;
	background: url(/img/tn/underline-colour.gif) left bottom repeat-x; }
 
	a.more:hover { background: none; }
 
/* Bullet link
----------------------------------------- */
a.bullet {
	padding-left: 9px;
	color: #ffffff;
	font-size: 11px;
	line-height: 30px;
	background: url(/img/tn/bullet-link.gif) left center no-repeat; }
 
	a.bullet:hover span { background: url(/img/tn/underline-white.gif) left bottom repeat-x; }
 
/* Contributor Link */
a.contrib {
	color: #2faee6;
	font-size: 14px;
	background: url(/img/tn/underline-colour.gif) left bottom repeat-x; }
 
	a.contrib:hover {
		color: #2faee6;
		background: none; }
 
/* Wrapper Content
============================================================================================== */
#page-top {
	width: 100%;
	height: 22px;
	margin: 0 0 18px;
	position: relative; /* Fix link area bug */ }
 
/* Breadcrumbs
----------------------------------------- */
.breadcrumbs {
	float: right;
	margin: 0;
	font-size: 0.917em;
	line-height: 22px;
	color: #2faee6; }
 
	.breadcrumbs a {
		float: left;
		color: #6e6d69;
		line-height: 14px;
		margin-top: 4px;
		text-decoration: none;
		background: none; }
 
		.breadcrumbs a:hover {
			color: #2faee6;
			background: url(/img/tn/underline-colour.gif) left bottom repeat-x; }
 
	.breadcrumbs span {
		display: block;
		float: left;
		width: 3px;
		height: 6px;
		overflow: hidden;
		margin: 8px 6px 0;
		background: url(/img/tn/breadcrumb-sep.gif) left top no-repeat; }
 
/* Hide overlays */
#page-top .display-btn a {
	float: right;
	background-color: #ffffff; }
 
/* Page Title
----------------------------------------- */
.page-title {
	width: 944px;
	height: 39px;
	padding: 15px 18px 0; /* width + padding = 980px */
	margin: 0 0 20px;
	background: #4ac0f8 url(/img/tn/page-title.png) left top no-repeat;
	overflow: hidden; }
 
	.page-title .text { float: left; }
 
	.page-title .btns { float: right; }
 
	.page-title h2, .page-title h2 a {
		color: #ffffff;
		font-size: 28px;
		font-style: italic;
		line-height: 1;
		margin: 0; }
 
	.page-title h2 a:hover {
		color: #ffffff;
		background: url(/img/tn/underline-white.gif) left bottom repeat-x; }
 
a.btn-page-title {
	margin: 0 0 0 12px;
	text-decoration: none;
	float: left;
	line-height: 16px;
	cursor: pointer;
	color: #2e2d2a;
	font-size: 12px;
	background: url(/img/tn/btn-page-title.png) right top no-repeat; }
 
	a.btn-page-title span {
		margin: 0 10px 0 0; /* Show right edge of BG on the <a> */
		position: relative;
		float: left;
		padding: 2px 8px 4px 18px;
		background: url(/img/tn/btn-page-title.png) left top no-repeat; }
 
/* Feature Content
============================================================================================== */
/* Left and Right container BG's are combined so they always line up */
.feature {
	width: 100%;
	overflow: hidden;
	margin: 0 0 20px;
	background: #ffffff url(/img/tn/feature-mid.gif) left top repeat-y; }
 
	.feature .top, .feature .bot {
		width: 100%;
		height: 5px;
		overflow: hidden;
		font-size: 0;
		background: url(/img/tn/feature-top.gif) left top no-repeat; }
 
	.feature .bot {
		clear: both;
		background: url(/img/tn/feature-bot.gif) left bottom no-repeat; }
 
.feature-content {
	width: 508px;
	float: left;
	margin: 0 12px 0 0;
	display: inline; }
 
.feature-sidebar {
	width: 206px;
	float: left;
	display: inline; }
 
	.feature-sidebar h2 {
		color: #2e2d2a;
		font-size: 18px;
		font-style: italic;
		line-height: 1.2;
		margin-bottom: 8px;
		padding: 6px 8px 8px;
		border-bottom: 1px solid #e7e7e7; }
 
/* Product (Left Column)
----------------------------------------- */
.product {
	width: 468px;
	margin: 13px 20px;
	overflow: hidden; /* Clear floats */
	position: relative; }
 
	.product .cover-lrg {
		width: 204px;
		margin-right: 12px;
		float: left;
		display: inline; }
 
	.product .content {
		width: 252px;
		overflow: hidden;
		float: left;
		display: inline; }
 
	.product .product-desc {
		width: 252px;
		min-height: 262px;
		height: auto !important;
		height: 262px; /* Height when closed */ }
 
.product-desc h3, .product-desc h3 a {
	color: #2e2d2a;
	font-size: 26px;
	line-height: 1.2;
	margin-bottom: 0; }
 
.product-desc h3 a:hover {
	color: #2e2d2a;
	background: url(/img/tn/underline-black.gif) left bottom repeat-x; }
 
.product .pricing {
	overflow: hidden;
	margin-bottom: 12px; }
 
	/* line up icons and price */
.product .pricing p {
		float: left;
		margin-right: 6px;
		margin-bottom: 0; }
 
		.product .pricing p.save { margin-top: 17px; }
 
	.product .pricing .in-stock { margin-top: 24px; }
 
.product-detail { overflow: hidden; width: 100%; padding-bottom: 10px}
 
	.product-detail p {
		width: 116px;
		float: left; }
 
		.product-detail p.notes { float: right; }
 
.product-actions {
	width: 252px;
	height: 34px;
	padding-top: 10px;
	border-top: 1px solid #e7e7e7; }
 
.product-slider-nav {
	position: absolute;
	bottom: 6px;
	right: 0; }
 
	.product-slider-nav a { margin-left: 4px; }
 
.product-slider-item {
	width: 468px;
	float: left;
	display: inline; }
 


/* Product Specs (Right Column)
----------------------------------------- */
.product-specs li {
	margin: 0 8px 8px;
	color: #2e2d2a;
	line-height: 1.333; /* 16px */ }
 
	.product-specs li span {
		display: block;
		color: #2faee6;
		font-size: 0.833em; /* 12x0.833=10px */
		line-height: 1;
		text-transform: uppercase; }
 
	.product-specs li a {
		color: #2e2d2a;
		text-decoration: none; }
 
		.product-specs li a:hover { background: url(/img/tn/underline-black.gif) left bottom repeat-x; }
 
/* Top 5 Listing
----------------------------------------- */
ol.top-listing {  }
 
	ol.top-listing li {
		float: left;
		display: inline;
		margin: 0 8px 9px;
		padding: 0 0 10px 0;
		color: #2e2d2a;
		font-size: 0.917em; /* 11px */
		line-height: 1.2;
		background: url(/img/tn/border.gif) left bottom repeat-x; }
 
		ol.top-listing li div {
			float: left;
			width: 158px;
			padding-left: 32px;
			color: #2e2d2a;
			background-position: left top;
			background-repeat: no-repeat; }
 
		ol.top-listing li.top1 div { background-image: url(/img/tn/top1.png); }
 
		ol.top-listing li.top2 div { background-image: url(/img/tn/top2.png); }
 
		ol.top-listing li.top3 div { background-image: url(/img/tn/top3.png); }
 
		ol.top-listing li.top4 div { background-image: url(/img/tn/top4.png); }
 
		ol.top-listing li.top5 div { background-image: url(/img/tn/top5.png); }
 
		ol.top-listing li span {
			display: block;
			margin-top: 2px;
			color: #2faee6;
			font-size: 0.909em; /* 10px */
			line-height: 1;
			text-transform: uppercase; }
 
			ol.top-listing li span strong { font-size: 1.2em; /* 12px */ }
 
		ol.top-listing li a {
			color: #2e2d2a;
			text-decoration: none; }
 
			ol.top-listing li a:hover { background: url(/img/tn/underline-black.gif) left bottom repeat-x; }
 
/* Promos
----------------------------------------- */
.feature-content .main-promo {
	width: 498px;
	height: 280px;
	margin: 0 5px;
	position: relative;
	background: url(/img/tn/main-promo-bg.jpg) left top no-repeat; }
	
	.main-promo .promo-slider-bg {
		width: 260px;
		height: 230px;
		position: absolute;
		right: 20px;
		top: 30px;
		background: url(/img/tn/promo-slider-border.png) right bottom no-repeat; }
		
	.main-promo .promo-slider-wrap {
		width: 250px;
		height: 220px;
		overflow: hidden;
		background: #4ac0f8;
		position: relative; }
	
	.promo-slider-wrap .title {
		position: absolute;
		top: 0;
		left: 0;
		margin: 12px 0 0 14px;
		color: #2e2d2a;
		text-transform: uppercase; }
		
	.main-promo ul.promo-slider { }
	
		.main-promo ul.promo-slider li {
			float: left;
			display: inline;
			width: 222px;
			height: 170px;
			margin: 34px 14px 0;
			position: relative; }
			
		ul.promo-slider h3, ul.promo-slider h3 a {
			color: #ffffff;
			font-size: 26px;
			line-height: 1.1;
			margin-bottom: 8px; }
			
			ul.promo-slider h3 a:hover { background: url(/img/tn/underline-white.gif) left bottom repeat-x; }
			
		ul.promo-slider p {
			color: #ffffff;
			line-height: 16px;
			margin: 0; }
			
		ul.promo-slider a.btn-buy {
			position: absolute;
			left: 0;
			bottom: 0; }
			
		ul.promo-slider-nav {
			height: 16px;
			padding: 8px 0; /* height + padding = 32px (2px more than button) */
			overflow: hidden;
			background: #4ac0f8; /* Hide more info button as it slides in */
			position: absolute;
			right: 16px;
			bottom: 18px; }
			
			ul.promo-slider-nav li {
				display: inline;
				margin: 0 1px; }
	
.feature-sidebar .promo { margin: 0 5px; }
 
/* Main Content
============================================================================================== */
/* Sort Bar
----------------------------------------- */
.sortbar {
	width: 686px;
	overflow: hidden;
	padding: 0 20px;
	margin: 0 -20px;
	color: #2e2d2a;
	font-size: 0.917em;
	line-height: 1.5; }
 
.sortbar-top {
	margin-bottom: 20px;
	padding-bottom: 12px;
	border-bottom: 1px solid #e7e7e7; }
 
.sortbar-bot {
	padding-top: 12px;
	border-top: 1px solid #e7e7e7; }
 
.sortbar .item {
	float: left;
	margin-right: 20px;
	height: 25px;
	line-height: 25px; }
 
.sortbar .right .item {
	margin-right: 0;
	margin-left: 20px; }
 
.sortbar label {
	float: left;
	margin-right: 6px;
	color: #2faee6; }
 
.sortbar select { font-size: 11px; }
 
/* Listing/Grid view buttons */
ul.view {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left; }
 
	ul.view li {
		float: left;
		display: inline;
		margin: 0 4px 0 0;
		padding: 0; }
 
		ul.view li a {
			display: block;
			width: 25px;
			height: 25px;
			overflow: hidden;
			text-indent: -9999px;
			background-image: url(/img/tn/view-btn.png);
			background-repeat: no-repeat; }
 
		ul.view li.view-listing a { background-position: left top; }
 
			ul.view li.view-listing a.selected { background-position: left bottom; }
 
		ul.view li.view-grid a { background-position: right top; }
 
			ul.view li.view-grid a.selected { background-position: right bottom; }
 
/* Paging Controls */
.paging span.page-count { float: left; }
 
.paging a.prev { margin-right: 6px; }
 
.paging a.next { margin-left: 6px; }
 
.paging input.text {
	width: 25px;
	padding: 4px 0;
	text-align: center;
	background: none;
	background: url(/img/tn/paging-input.gif) right bottom no-repeat;
	border: 0; }
 
/* Listing
----------------------------------------- */
ul.listing {
	margin: 0;
	padding: 0;
	list-style: none; }
 
	ul.listing li {
		width: 100%;
		float: left;
		margin: 0 0 20px;
		padding: 0 0 21px;
		background: url(/img/tn/border.gif) left bottom repeat-x; }
 
		ul.listing li .cover {
			width: 106px;
			margin-right: 12px;
			display: inline; }
 
		ul.listing li .desc {
			width: 400px;
			float: left;
			margin-right: 12px;
			display: inline; }
 
			ul.listing li .desc .sml-title {
				float: left;
				margin: 2px 0 0; }
 
		ul.listing li .pricing {
			width: 107px;
			padding-top: 30px;
			float: right;
			display: inline;
			position: relative; }
 
			ul.listing li .pricing p.price { margin-right: 23px; }
 
			ul.listing li .pricing p.save {
				background: url(/img/tn/save-stamp-overlay.png) left top no-repeat; /* Swap BG */
				position: absolute;
				right: 0px;
				top: -9px; }
 
			ul.listing li .pricing a {  }
 
/* Grid View
-----------------------------------------
   the right margin of <li> is added to the width of the parent <ul> and then
   taken away with a negative margin to a cut off the 4th <li> margin, allowing
   the <ul> to fit within the constraints of the .wrap .inner div */
.grid-listing ul.grid {
	width: 706px; /* 686+20=706px */
	margin: 0 -20px 0 0;
	padding: 0;
	list-style: none; }
 
ul.grid li {
	float: left;
	display: inline;
	width: 156px;
	overflow: hidden;
	margin: 0 20px 20px 0;
	padding: 0;
	color: #ffffff; }
 
.grid-listing ul.grid li { margin-bottom: 40px; }
 
ul.grid li a {
	color: #ffffff;
	text-decoration: none; }
 
/* Grid Slider
----------------------------------------- */
.grid-slider {
	width: 686px;
	overflow: hidden;
	position: relative; }
 
	.grid-slider ul.grid {
		height: 235px; /* width set in html based on number of <li>'s, one <li> plus it's margin is 176px */
		overflow: hidden;
		margin: 0;
		padding: 0;
		list-style: none; }
 
		.grid-slider ul.grid li { margin-bottom: 0; }
 
/* Progress */
ul.slider-progress {
	clear: both;
	width: 100%;
	margin: 6px 0 -12px;
	padding: 0;
	list-style: none;
	text-align: center;
	position: relative; }
 
	ul.slider-progress li {
		display: inline;
		padding: 0 2px; }
 
/* Overlay
----------------------------------------- */
.overlay-wrap {
	width: 150px;
	height: 229px;
	overflow: hidden;
	position: relative; }
 
	.overlay-wrap .behind {
		position: absolute;
		left: 0;
		top: 0; }
 
	.overlay-wrap .overlay {
		float: left;
		width: 100%;
		min-height: 58px;
		height: auto !important;
		height: 58px; /* Height when closed */
		background: url(/img/tn/overlay-colour.png) left top repeat;
		position: absolute;
		bottom: 28px; }
 
.overlay-wrap h3 {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 16px;
	max-height: 32px; /* sets max-height value for all standards-compliant browsers */
	overflow: hidden;
	margin: 10px 10px 0; }
 
	.overlay-wrap h3 a:hover {
		color: #ffffff;
		background: url(/img/tn/underline-white.gif) left bottom repeat-x; }
 
.overlay-wrap .contrib {
	float: left;
	font-size: 11px;
	line-height: 14px;
	height: 14px;
	overflow: hidden;
	margin: 0 10px 2px; }
 
	.overlay-wrap .contrib:hover {
		color: #ffffff;
		background: url(/img/tn/underline-white.gif) left bottom repeat-x; }
 
.overlay-wrap .price-overlay {
	float: left;
	width: 100%;
	height: 28px;
	overflow: hidden;
	background: url(/img/tn/overlay-colour.png) left top repeat;
	position: absolute;
	bottom: 0; }
 
	.overlay-wrap .price-overlay strong {
		display: block;
		float: left;
		padding: 4px 0 0 10px;
		font-size: 16px;
		line-height: 1; }
 
	.overlay-wrap .price-overlay span {
		display: block;
		float: right;
		padding: 4px 10px 0 0;
		font-size: 11px;
		line-height: 1; }
 
		.overlay-wrap .price-overlay span em {
			font-size: 16px;
			font-style: normal;
			font-weight: bold; }
 
/* Hover State
   Apply second class in html e.g class="overlay-wrap overlay-full" to expand the searchbar */
.overlay-full .overlay {
	min-height: 128px;
	height: auto !important;
	height: 128px; }
 
.overlay-wrap .add-to-cart {
	float: left;
	width: 130px;
	margin: 0 10px;
	position: absolute;
	bottom: 8px;
	left: 0; }
 
/* Add to cart */
.overlay-wrap a.add {
	float: left;
	margin-bottom: 6px;
	text-decoration: none;
	padding: 2px 0 2px 14px;
	cursor: pointer;
	background: url(/img/tn/add-grey.gif) left center no-repeat; }
 
	.overlay-wrap a.add:hover span { background: url(/img/tn/underline-white.gif) left bottom repeat-x; }
 
	.overlay-wrap a.add:hover { color: #ffffff; }
 
/* Buy Button */
.overlay-wrap a.btn-buy { color: #2e2d2a; }
 
/* Reviews
----------------------------------------- */
.reviews-wrap {
	width: 686px;
	overflow: hidden;
	padding: 12px 20px 0;
	margin: 0 -20px;
	border-top: 1px solid #e7e7e7; }
	
	.reviews-wrap h5 { margin-bottom: 0; }
 
	.reviews-wrap .btn-wrap {
		background: #ffffff;
		margin-top: -1px; /* Hide bottom li background line */ }
 
ul.reviews {
	margin: 0;
	padding: 0;
	list-style: none; }
 
	ul.reviews li {
		width: 100%;
		overflow: hidden;
		margin: 0;
		padding: 24px 0 16px;
		background: url(/img/tn/border.gif) left bottom repeat-x; }
 
.reviews .date {
	width: 38px;
	height: 50px;
	padding: 14px 10px 0;
	overflow: hidden;
	margin-right: 12px;
	float: left;
	display: inline;
	color: #ffffff;
	font-size: 1.167em;
	font-weight: bold;
	line-height: 1.083;
	text-align: center;
	background: #4ac0f8 url(/img/tn/review-date.png) center top no-repeat; }
 
.reviews .review-text {
	width: 616px;
	float: left; }
 
.review-text p {
	margin-bottom: 10px;
	font-style: italic; }
 
/* Checkout
----------------------------------------- */
.checkout {
	width: 686px;
	padding: 0 10px;
	margin: 0 -10px;
	overflow: hidden;
	background: url(/img/tn/titlebar-grey.png) left top no-repeat; /* TH BG here */ }
 
.checkout-table th {
	height: 34px;
	padding: 0 20px 0 0;
	vertical-align: middle;
	text-align: center; }
 
.checkout-table td {
	vertical-align: top;
	padding: 10px 20px 10px 0;
	border: 0;
	color: #2e2d2a; }
 
/* Product Row */
.checkout-table .product-row td {
	text-align: center;
	padding-top: 16px;
	padding-bottom: 16px;
	background: url(/img/tn/border.gif) left top repeat-x; }
 
.checkout-table td.product {
	width: 337px;
	text-align: left; }
 
.checkout-table h3 a { color: #2e2d2a; }
 
	.checkout-table h3 a:hover {
		color: #2e2d2a;
		background: url(/img/tn/underline-black.gif) left bottom repeat-x; }
 
/*.checkout-table  a.contrib { font-size: 1.167em; }
		.checkout-table  a.contrib:hover { background: url(/img/tn/underline-colour.gif) left bottom repeat-x; }*/
.checkout-table div.inline { margin: 8px 0 4px -3px; }
 
.checkout-table td.product td {
	background: 0;
	padding: 0;
	text-align: left; }
 
	.checkout-table td.product td.thumb {
		width: 106px;
		padding-right: 10px; }
 
	.checkout-table td.product td.remove {
		padding-bottom: 7px;
		vertical-align: bottom; }
 
.checkout-table .product-row td.price {
	width: 92px;
	color: #2faee6;
	font-size: 21px;
	font-weight: bold; }
 
.checkout-table td.qty { width: 85px; }
 
	.checkout-table td.qty a img { vertical-align: middle; }
 
	.checkout-table td.qty input.text {
		width: 25px;
		margin: 0 3px;
		font-size: 21px;
		font-weight: bold;
		text-align: center; }
 
.checkout-table td.total {
	width: 92px;
	font-size: 21px;
	font-weight: bold; }
 
.checkout-table td.date {
	color: #2faee6;
	font-size: 1.167em;
	text-align: left; }
 
.checkout-table td.status {
	color: #ef4323;
	font-size: 1.167em;
	text-align: left; }
 
.checkout-table td.title { color: #2faee6; }
 
.sub-total td.price, .shipping td.price {
	font-size: 14px;
	font-weight: bold;
	text-align: right; }
 
/* Sub Total Row */
.checkout-table .sub-total td {
	padding-top: 8px;
	padding-bottom: 8px;
	border-top: 1px solid #e7e7e7; }
 
/* Shipping Row */
.checkout-table .shipping td {
	padding-top: 8px;
	padding-bottom: 8px;
	border-top: 1px solid #f3f3f3; }
 
.shipping td.msg { text-align: right; }
 
/* Total Price Row */
.checkout-table .total-price td {
	padding-top: 6px;
	padding-bottom: 6px;
	border-top: 2px solid #e7e7e7;
	vertical-align: middle; }
 
.total-price strong { font-size: 14px; }
 
.total-price td.price {
	font-size: 26px;
	font-weight: bold;
	text-align: right; }
 
.checkout .btn-wrap {
	margin: 0;
	padding: 20px 0 0;
	border-top: 2px solid #e7e7e7; }
 
/* Tab Content
----------------------------------------- */
ul.tabs {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
	float: left;
	border-bottom: 1px solid #e7e7e7; }
 
	ul.tabs li {
		margin: 0;
		padding: 0;
		display: inline; }
 
		ul.tabs li a {
			display: block;
			float: left;
			padding-left: 7px;
			/*border-left: 1px solid #e7e7e7;*/
			border-right: 1px solid #e7e7e7;
			position: relative; /* IE6 negative margin fix */
			cursor: pointer;
			color: #2faee6;
			font-size: 19px;
			font-weight: bold; }
 
			ul.tabs li a span {
				display: block;
				float: left;
				padding: 16px 21px 8px 14px; /* Height of tabs (44px) = padding + line-height */
				line-height: 20px; }
				
			ul.tabs li a:hover strong { background: url(/img/tn/underline-colour.gif) left bottom repeat-x; }
 
			ul.tabs li a em {
				color: #2faee6;
				font-size: 11px;
				font-weight: normal; }
 
			ul.tabs li a.current {
				color: #2e2d2a;
				/*border: 0;  Remove side borders */
				border-bottom: 1px solid #ffffff; /* white border to hide bottom <ul> border  */
				margin-bottom: -1px; /* position over <ul> border */
				background: url(/img/tn/tabL.png) left top no-repeat; }
 
				ul.tabs li a.current span { background: url(/img/tn/tabR.png) right top no-repeat; }
 
			ul.tabs li a:hover { color: #2faee6; }
 
			ul.tabs li a.current:hover { color: #2e2d2a; }
			
			ul.tabs li a.current:hover strong { background: url(/img/tn/underline-black.gif) left bottom repeat-x; }
 
.tab-wrap { position: relative; }
 
/* Scroll Buttons */
.scroll-btns {
	position: absolute;
	top: -36px;
	right: 10px; }
 
	.scroll-btns a {
		float: left;
		margin-left: 4px; }
 
		.scroll-btns a.more {
			margin-top: 5px;
			margin-right: 4px; }
 
/* Split Wrap
----------------------------------------- */
.split-wrap {
	width: 746px;
	margin: 0 -20px 20px 0;
	overflow: hidden;
	position: relative;
	background: url(/img/tn/split-wrap-mid.gif) left top repeat-y; }
 
	.split-wrap .top, .split-wrap .bot {
		width: 726px;
		height: 5px;
		overflow: hidden;
		font-size: 0;
		background: url(/img/tn/split-wrap-top.gif) left top no-repeat; }
 
	.split-wrap .bot {
		clear: both;
		background: url(/img/tn/split-wrap-bot.gif) left bottom no-repeat; }
 
	.split-wrap .wrap {
		width: 353px;
		float: left;
		margin: 0 20px 0 0;
		background: none; }
 
		.split-wrap .wrap .inner {
			padding: 5px 20px 15px;
			background: none; }
 
	.split-wrap .titlebar { background: #4ac0f8 url(/img/tn/titlebar-short.png) left top no-repeat; }
 
.details-table td { border: 0; }
 
/* SIDEBAR
============================================================================================== */
.sidebar-wrap { margin-bottom: 20px; }
 
	.sidebar-wrap .title {
		width: 206px;
		padding: 12px 18px 8px; /* width + padding = 242px */
		background: #1d1c1a url(/img/tn/sidebar-title-bg.png) left top no-repeat;
		overflow: hidden; }
 
	.sidebar-wrap .inner {
		float: left;
		width: 210px;
		padding: 16px; /* width + padding = 242px */
		background: #333333 url(/img/tn/sidebar-bot-bg.gif) left bottom no-repeat; }
 
#sidebar .section-break {
	width: 100%;
	height: 1px;
	overflow: hidden;
	font-size: 0;
	padding: 0 6px;
	margin: 12px -6px 12px;
	background-color: #4e4e4e; }
 
/* Menu
----------------------------------------- */
.menu {
	width: 222px;
	margin: 0 -6px 16px;
	padding: 0;
	list-style: none; }
 
	.menu li {
		margin: 0;
		padding: 0;
		border-bottom: 1px solid #414141;
		font-size: 0.917em;
		line-height: 1.273; /* 12 x 0.917 = 11px */
		text-transform: uppercase; /* 11 x 1.273 = 14px */ }
 
		.menu li a {
			display: block;
			padding: 6px 12px 5px 20px;
			background: url(/img/tn/arrow-category.gif) 8px 9px no-repeat;
			color: #dbdbdb;
			text-decoration: none; }
 
			.menu li a:hover { color: #2faee6; }
 
			.menu li a.current {
				color: #2faee6;
				font-weight: bold; }
 
/* Buttons
----------------------------------------- */
.btn-wrap .fiction { float: left; }
 
.btn-wrap .non-fiction { float: right; }
 
a.btn-sidebar {
	margin: 0 12px 0 0;
	text-decoration: none;
	float: left;
	line-height: 16px;
	cursor: pointer;
	color: #2e2d2a;
	font-size: 12px;
	background: url(/img/tn/btn-sidebar.png) right top no-repeat; }
 
	a.btn-sidebar span {
		margin: 0 10px 0 0; /* Show right edge of BG on the <a> */
		position: relative;
		float: left;
		padding: 6px 8px 8px 18px;
		background: url(/img/tn/btn-sidebar.png) left top no-repeat; }
 
	a.btn-sidebar:hover { color: #2e2d2a; }
 
/* Form
----------------------------------------- */
#sidebar .form-table { margin-bottom: 8px; }
 
	#sidebar .form-table td { padding: 0 0 8px 0; }
 
#sidebar input.text, #sidebar textarea, #sidebar select {
	border-color: #4f4e4a;
	background: #5c5c5c url(/img/tn/sidebar-input-bg.gif) left top repeat-x; }
 
/* Content
----------------------------------------- */
/* White*/
#sidebar h2, #sidebar h2 a {
	color: #ffffff;
	font-size: 18px;
	font-style: italic;
	line-height: 1.2;
	margin-bottom: 14px; }
 
#sidebar h2 a:hover {
	color: #ffffff;
	background: url(/img/tn/underline-white.gif) left bottom repeat-x; }
 
#sidebar .title h2, #sidebar .title h2 a { margin-bottom: 0; }
 
#sidebar p, #sidebar li, #sidebar td, #sidebar label { color: #fefefe; }
 
#sidebar p { margin-bottom: 12px; }
 
	#sidebar p .name {
		font-size: 14px;
		line-height: 1; }
 
#sidebar label { margin-bottom: 4px; }
 
/* FOOTER
============================================================================================== */
#footer {
	width: 100%;
	padding: 24px 0 80px;
	background: #2cace4; }
 
	#footer .container { position: relative; }
 
.footer-sidebar {
	width: 242px;
	float: left;
	margin: 0 12px 0 0;
	display: inline; }
 
.footer-content {
	width: 726px;
	float: left;
	display: inline;
	background: url(/img/tn/footer-vert-dividers.gif) left top repeat-y; }
 
.footer-bot {
	clear: both;
	width: 100%;
	overflow: hidden;
	margin: 16px 0 0;
	padding: 16px 0 0;
	background: url(/img/tn/cover-dashed.gif) left top repeat-x; }
 
	/* Adjust styles to align content with lists above */
.footer-bot .footer-content {
		width: 714px;
		padding-left: 12px; /* width + padding = 726px */
		background: none; }
 
#footer .col {
	width: 157px;
	padding: 0 12px;
	float: left; /* width + padding = 181px */
	display: inline; }
 
#footer ul {
	margin: 0 0 1.5em;
	padding: 0;
	list-style: none; }
 
	#footer ul li {
		margin: 0 0 4px;
		padding: 0 0 0 11px;
		background: url(/img/tn/arrow-white.gif) 0 5px no-repeat;
		color: #ffffff;
		font-size: 0.917em; /* 12 x 0.917 = 11px */
		line-height: 1.273; /* 11 x 1.273 = 14px */ }
 
		#footer ul li a {
			color: #ffffff;
			text-decoration: none; }
 
			#footer ul li a:hover {
				color: #ffffff;
				background: url(/img/tn/underline-white.gif) left bottom repeat-x; }

#footer h6 { color: #ffffff; } 

#footer p { color: #ffffff; }

#footer .phone { font-size: 21px; }
 
/* Form Elements
============================================================================================== */
/* Input appearance */
input.text, textarea, select {
	padding: 5px;
	background: #f8f8f8 url(/img/tn/input-bg.gif) left top repeat-x;
	border: 1px solid #e4e4e4;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: #2e2d2a;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; }
	
	input.text.error, textarea.error, select.error {
		border: 1px solid #ef4323;
		background: url(/img/tn/input-bg-error.gif) left top repeat-x;
	}
 
option {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; }
 
input.text:focus, textarea:focus, select:focus { border: 1px solid #4ac0f8; background: #f5fcff url(/img/tn/input-bg-focus.gif) repeat-x left top; }
 
/* Payment Input appearance */
.payment input.text, .payment textarea, .payment select { background: #fcfddd url(/img/tn/payment-input-bg.gif) left top repeat-x; }
 
/* General Table */
.form-table { width: 100%; }
 
	.form-table td {
		padding: 0 10px 10px 0;
		border: 0;
		vertical-align: top;
		color: #2e2d2a; }
 
		.form-table td label {
			display: block;
			padding-top: 4px; }
 
.req { color: #ef4323; }
 
/* Inputs, Textareas and, dropdowns widths */
.form-table input.text, .form-table textarea { width: 193px; }
 
.form-table select { width: 203px; }
 
.form-table input.sml { width: 60px; }
 
.form-table select.sml { width: 70px; }
 
.form-table input.med { width: 85px; }
 
.form-table select.med { width: 95px; }
 
.form-table textarea { height: 130px; }
 
.comments textarea {
	width: 536px;
	height: 130px; }
 
/* Checkbox and Radio Button Lists */
div.stacked {  }
 
div.inline {
	position: relative;
	margin-top: 4px;
	margin-left: -4px; }
 
	div.inline label {
		display: inline;
		margin-right: 14px; }
 
div.stacked label {
	display: block;
	padding-left: 19px;
	text-indent: -19px;
	line-height: 1.5; }
 
div.stacked input.radio, div.stacked input.checkbox {
	width: 13px;
	height: 13px;
	padding: 0;
	margin: 0 4px 0 0;
	vertical-align: bottom;
	position: relative;
	top: -3px;
	*overflow: hidden; /* IE6 fix */ }
 
/* Inner Table */
.form-table table {
	width: 100%;
	margin: 0; }
 
	.form-table table td { padding: 0 10px 0 0; }
 
	.form-table table label { width: auto; /*padding: 0 10px 0 20px;*/ }
 
	.form-table table select { width: 64px; }
 
/* Miscellaneous
============================================================================================== */
/* Section divider */
#main .section {
	width: 100%;
	padding: 16px 20px;
	margin: 0 -20px;
	border-top: 1px solid #E7E7E7; }
 
#main .section-break {
	width: 100%;
	height: 1px;
	overflow: hidden;
	font-size: 0;
	padding: 0 20px;
	margin: 10px -20px 20px;
	background-color: #e7e7e7; }
 
.left, #wrapper .left { float: left; }
 
.right, #wrapper .right { float: right; }
 
#wrapper .btn-wrap a.right {
	margin-right: 0;
	margin-left: 12px; }
 
.btn-wrap .right a {
	float: left;
	margin-right: 0;
	margin-left: 12px; }
 
#main .center { text-align: center; }
 
#main .align-left, body .align-left { text-align: left; }
 

#main .align-right, body .align-right { text-align: right; }
 
.highlight { color: #ef4323; }
 
.note {
	color: #858585;
	font-size: 11px; }