﻿/*** Trafford MyTrafford Stylesheet 	***/
/***	1. Css Reset and Clearfix		***/
/***	2. Default Styles 				***/
/*** 	3. Column Styles 				***/
/***	4. Custom Font & Image Styles 	***/
/*** 	5. Layout Styles 				***/
/*** 	6. List Styles 					***/
/***	7. Form & Button Styles			***/
/***	8. Table Styles					***/
/***	9. CSS3 Properties				**/

/* 1. CSS Reset and Clearfix */

html,body,div,span, applet,object,iframe, h1,h2,h3,h4,h5,h6,p,blockquote,pre, a,abbr,acronym,address,big,cite,code,
del,dfn,font,img,ins,kbd,q,s,samp,strike,sub,sup,tt,var, dd,dl,dt,li,ol,ul, fieldset,form,label,legend,caption {
	margin: 0; padding: 0; font-weight: normal; font-style: normal; font-size: 100%; line-height: 1; font-family: inherit; 
	text-align: left;}table {border-collapse: collapse; border-spacing: 0;}ol {margin-left:20px;}q:before,q:after,blockquote:before,blockquote:after {content: "";}
.clearfix:after {content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}* html .clearfix {height: 1px;}.clearfix {display: block;}

/* End of Clearfix */

/* 2. Default Styles */

html, body {height:100%;}
body {background:#707b89 url(/images/bg_page.jpg) top left repeat-x; color:#333; font-family: Arial, Verdana, Sans-Serif; 
	font-size:12px; line-height:16px;}
h1 {color:#9d032a; font-family:Georgia,'Times New Roman',serif; font-size:2em; line-height:1.33em; padding:0 15px 15px;}
h2 {color:#9d032a; font-family:Georgia,'Times New Roman',serif; font-size:1.667em; line-height:1.33em; padding:0 0 0.2em}
h3 {color:#9d032a; font-family:Georgia,'Times New Roman',serif; font-size:1.33em; line-height:1.33em; padding-bottom:.25em;}
p {color:#333; font-family: Arial, Verdana, Sans-Serif; line-height:16px; padding-bottom:1.337em;}
a {color:#2b4d74;}
a:hover {text-decoration:none;}
strong {font-weight:bold;}
em {font-style:italic;}
fieldset {border:0;}
ul {margin-bottom:12px; padding-left:15px;}
ol {margin-bottom:12px;}
ul li, ol li {line-height:16px; margin-bottom:3px;}

/* End of Default Styles */

/* 3. Column Styles */
.wideColumnLeft {display:inline; float:left; padding:0 15px; width:618px;}
.wideColumnRight {display:inline; float:left; padding:0 15px; width:618px;}
.wideColumnCenter {display:inline; float:left; padding:0 15px; width:465px;}
.smallColumnRight {display:inline; float:left; padding-right:15px; width:210px;}
.tinyColumn {display:inline; float:left; width:123px;}
#bookstore .wideColumnLeft {display:inline; float:left; padding:0 15px; width:600px;}
#bookstore .smallColumnRight {display:inline; float:left; padding-right:15px; width:228px;}
.oneThirdColumnLeft, .oneThirdColumnCenter {display:inline; float:left; padding:0 15px; width:261px;}
.oneThirdColumnLeft {    float: left;
    padding-left: 30px;}
.oneThirdColumnRight {display:inline; float:right; padding:0 15px 0 0; width:261px;}
#bkstoreMiddleSection .oneThirdColumnRight {padding:0 0 0 5px;}
.twoThirdsColumnRight {display:inline; float:right; padding:0 0 0 0px; width:552px;}
.twoThirdsColumnLeft {display:inline; float:left; padding:0 0 0 15px; width:537px;}

/* End of Column Styles */

/* 4. Custom Font & Image Styles */

.twoThirdsColumnLeft h1 {padding-left:0;}
ul#mainNav li a {color:#333; display:block; font-family:'Trebuchet MS', Arial, Verdana; font-size:11px; font-weight:bold; text-decoration:none; text-transform:uppercase;}
ul#mainNav li a:hover {border-bottom:3px solid #9d032a; margin-bottom:-3px;}
ul#mainNav li a.active {border-bottom:3px solid #9d032a; color:#9D032A; margin-bottom:0px;}
ul#subNav li a {color:#525252; font-family:'Trebuchet MS', Arial, Verdana; font-size:11px; text-decoration:none;}
ul#subNav li a:hover {color:#9d032a;}
#tagline h3 {color:#fefefe; font-family:Georgia, 'Times New Roman', Sans-serif; font-size:16px; line-height:1; margin:0; padding:0; padding-top:3px;}
ul#footerNav li a {color:#dadada; font-family:'Trebuchet MS', Arial, Verdana; font-size:11px; text-decoration:none;}
	ul#footerNav li a:hover {color:#fff;}
#copyright, #copyrightPrivacy {color:#dadada; font-family:'Trebuchet MS', Arial, Verdana; font-size:11px;}
	#copyrightPrivacy a {color:#dadada; font-weight:bold;}
#copyrightPrivacy p {color:#dadada; text-align:right;}
	#copyright em, #copyrightPrivacy em {color:#fff; font-style:normal;}
	#callLine {color:#ccc; font-family:'Trebuchet MS', Arial, Verdana; font-size:20px;} 
	#callLine em {color:#858585; font-family:Georgia, 'Times New Roman', Sans-serif; font-style:italic;}
.authorLogIn {color:#9d032a; font-family:'Trebuchet MS', Arial, Verdana; font-size:11px; 
				padding-right:10px; position:absolute; right:160px; text-decoration:none; top:17px;}
.shoppingCartLink {background: url(/images/icon_header-shopcart.png) top right no-repeat; color:#9d032a; 
                    font-family:'Trebuchet MS', Arial, Verdana; font-size:11px; padding-right:20px;
                    position:absolute; right:60px; text-decoration:none; top:17px;}
#authorLogIn:hover, #shoppingCartLink:hover {color:#333; text-decoration:underline;}
.required {color:#a1072e; font-weight:600;}
#viewAllCats {display:block; font-weight:600;}
#newReleasesList a, #bestSellersList a {display:block; font-family: Arial, Verdana, Sans-Serif; font-size:12px; line-height:16px;}
#newReleasesList span, #bestSellersList span {color:#5C5C5C; font-family: Arial, Verdana, Sans-Serif; font-size:12px; line-height:16px;}
.tabBoxHeader {background: url(/images/bg_nrbstabs_header.gif) top left repeat-x; display:block; float:left;}
.tabBoxHeader a {color:#faecf0; display:block; font-family:Georgia, 'Times New Roman', Sans-serif; font-size:15px; padding:6px 0 0; text-align:center; text-decoration:none;}
.tabBoxHeader.active {background:none;}
.tabBoxHeader.active a {color:#9d032a}
#nrBsTabbedBoxWrapper .tabBoxHeader {height:28px; width:129px;}
#nrBsTabbedBoxWrapper .tabBoxHeader.newreleases {width:130px;}
#bookDetailsTabbedBoxWrapper .tabBoxHeader {border-left:1px solid #65001a; border-right:1px solid #ad4047; height:28px; width:176px;}
#bookDetailsTabbedBoxWrapper .tabBoxHeader.last {border-right:0; width:178px;}
#bookDetailsTabbedBoxWrapper .tabBoxHeader.active {border:none; width:178px;}

.viewAll {display:block; font-weight:600; margin:0 10px 10px;}
#featureBooksCarousel .bookcover img, #booksInTheNewsList .bookcover img {background:#fff; border:1px solid #d3d3d3; display:block; margin:0 auto 5px; padding:3px;}
#featureBooksCarousel .bookcover:hover img, #booksInTheNewsList .bookcover:hover img {background:#fff; border:1px solid #949494;}
#featureBooksCarousel .booktitle, #booksInTheNewsList .booktitle {font-weight:600; line-height:18px;}
#featureBooksCarousel small, #booksInTheNewsList small {display:block; line-height:12px; margin-top:3px;}
#carouselLeftArrow, #carouselRightArrow {position:absolute;  top:35px; width:31px;}
	#carouselLeftArrow a, #carouselRightArrow a {display:block; height:31px; outline:none; text-indent:-9999px;}
#carouselLeftArrow {left:10px;}
#carouselRightArrow {right:10px;}
#carouselLeftArrow a {background:transparent url(/images/icon_carousel_left_off.gif) 0 0 no-repeat;}
#carouselRightArrow a {background:transparent url(/images/icon_carousel_right_off.gif) 0 0 no-repeat;}
#carouselLeftArrow a:hover {background:transparent url(/images/icon_carousel_left_on.gif) 0 0 no-repeat;}
#carouselRightArrow a:hover {background:transparent url(/images/icon_carousel_right_on.gif) 0 0 no-repeat;}
#bkstoreResourcesList li a {font-weight:600;}
#hoverboxContent .booktitle {color:#9d032a; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; line-height:22px;}
#hoverboxContent small {color:#848484; display:block; font-size:12px; line-height:18px; padding:9px 0 18px;}
.price {color:#333; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; line-height:22px; margin:0 6px 0 15px;}
#buyThisBookContent .price {display:block; font-size:16px; margin:0;}
#buyThisBookContent .bookFormat {color:#9d032a; font-family:'Trebuchet MS', Arial, Verdana; font-size:14px; font-weight:600; line-height:20px;}
.hoverboxContent .description, .hoverboxContent .price {display:none;}
#featureBooksCarousel .buyNowBtn a img {display:block; margin:5px auto;}
.enlargeCover {display:block; margin:0 auto; text-align:center;}
#bkDetailsImage img {display:block; margin:0 auto 10px;}
.bkDetailsBooktitle {padding-bottom:0px;}
#searchResultsTable h3 a {color:#9d032a; line-height:1.25em;}
#bkDetailsWrapper .subtitle {color:#333; display:block; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; line-height:22px; padding-bottom:15px;}
	#searchResultsTable .subtitle {color:#5C5C5C; display:block; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; line-height:20px;}
#bkDetailsWrapper .byline {display:block; margin-bottom:15px;}
#searchResultsTable .byLine {display:block; font-size:12px; line-height:18px; padding-bottom:9px;}
#buyThisBookWrapper h2, #advancedSearchHeader {border-bottom:1px solid #d3d3d3; padding:5px 15px;}
#advancedSearchHeader {color:#9d032a; display:block; font-family:Georgia,'Times New Roman',serif; font-size:1.33em; line-height:1.33em; margin-bottom:15px;}
.catSection a {color:#848484; text-decoration:none;}
.catSection a:hover {color:#333; text-decoration:underline;}
.catHeader, .subcatHeader {color:#333; display:block; font-family:Georgia,'Times New Roman',serif; font-size:1.667em; 
                           line-height:1.125em; padding:0 0 0.2em; text-decoration:none;}
	.catHeader {margin-bottom:.5em;}
	.subcatHeader {color:#9d032a; font-size:1.33em;}
	.catHeader:hover, .subcatHeader:hover {text-decoration:underline;}
#sidebar #browseCatsWrapper {margin-bottom:30px;}
#browseCatsContent {margin-bottom:15px;}
#refineSearchText {display:block; font-weight:600; padding:15px;}
.showingPages, .pageNavigation {margin-right:2px;}

/* End of Custom Font & Image Styles */

/* 5. Layout Styles */

#pageWrapper, #footerWrapper {background:transparent url(/images/bg_page_shadow.png) top left repeat-y; _background:#e5e5e5; margin:0 auto; padding:0 6px; _padding:0; width:903px;}
#pageWrapper {min-height:100%; height: auto !important; height:100%; margin:0 auto -100px;}
#headerWrapper {background:#fff url(/images/trafford_watermark_logo.jpg) 60px bottom no-repeat; height:72px; padding:30px 60px; position:relative;}
	#logoWatermark {float:left; width:250px;}
	#navigation {float:left; position:relative; top:20px; width:533px;}
	#navWrapper, #subNavWrapper {border-bottom:1px solid #efefef; padding-bottom:1px;}
	#pubGuideBanner img {display:inline; position:absolute; right:100px;}
#searchStrip {background:#333; padding:10px 0 10px 60px; position:relative;}
#pageContainer {padding:0 0 15px;}
#contentWrapper {background:#fff; margin:15px 15px 0; padding-top:15px;}
#tagline {display:inline; float:left; width:350px;}

#searchbox {text-align:right; padding:3px 10px 0 190px;}
#dvlogin {width:100px; float:left; padding-top:8px; position:relative; left:30px !important;}

#breadcrumbs {padding:15px 0 0 60px;}
#footerWrapper, #footerContainer, #push {height:100px;}
#footerWrapper {padding:0;}
	#footerContainer {background:#333; height:75px; padding:25px 30px 0; position:relative;}
		#copyright {position:absolute; right:30px; top:50px;}
			#copyrightPrivacy {position:absolute; right:30px; top:30px;}
		#callLine {left:30px; position:absolute; top:60px;}
#nrBsTabbedBoxWrapper, #bookDetailsTabbedBoxWrapper, #buyThisBookWrapper, #advancedSearchWrapper {
	 border:1px solid #d3d3d3;}

#bookDetailsTabbedBoxWrapper, #sidebar #nrBsTabbedBoxWrapper {margin-bottom:30px;}
#buyThisBookWrapper, #shareThis {margin-bottom:15px;}
#bookDetailsTabbedBoxWrapper #tab1, #bookDetailsTabbedBoxWrapper #tab2, #bookDetailsTabbedBoxWrapper #tab3 {padding:15px;}
#featureBooksSection {border-bottom:1px solid #e8e8e8; margin:0 auto 30px; width:843px;}
.twoThirdsColumnLeft #advancedSearchWrapper {padding-bottom:15px; width:360px;}

.bkstoreSection {margin:0 15px 1px;}
#bkstoreMiddleSection {/*border-bottom:2px solid #e8e8e8;*/ margin-bottom:1px; padding-bottom:30px;}
#bkstoreBottomSection {/*border-top:1px solid #e8e8e8;*/ padding:30px 0; height:0px;}
#featureBooksWrapper {background:#fff url(/images/bg_carousel_gradient.gif) 0 0 repeat-x; border-bottom:2px solid #e8e8e8; margin:0 auto 1px; padding-bottom:30px; position:relative; }
#featureBooksScreen {margin:0 auto; overflow-x:scroll; width:760px;}

#hoverboxWrapperLeft, #hoverboxWrapperRight {left:0; position:absolute; top:0; z-index:100;}
#hoverboxWrapperLeft #hoverboxContent {
	background:transparent url(/images/hoverbox-topleft.png) top left no-repeat; 
	_background:transparent url(/images/hoverbox-topleft.gif) top left no-repeat; 
	display:block; min-height:130px; padding: 15px 16px 0 35px; width:201px;
}
#hoverboxWrapperRight #hoverboxContent {
	background:transparent url(/images/hoverbox-topright.png) top left no-repeat; 
	_background:transparent url(/images/hoverbox-topright.gif) top left no-repeat; 
	display:block; min-height:130px; padding: 15px 30px 0 16px; width:206px;
}
#hoverboxWrapperLeft #hoverboxCap, #hoverboxWrapperRight #hoverboxCap 
{
	background:transparent url(/images/hoverbox-bottom.png) left bottom no-repeat; 
    _background:transparent url(/images/hoverbox-bottom.gif) left bottom no-repeat; 
	display:block; height:16px; margin-left: 16px; width:236px;
}
	#hoverboxWrapperRight #hoverboxCap {margin-left:0;}
#bkDetailsWrapper {margin-bottom:30px;}
#bkDetailsImage {float:left; width:180px;}
#buyThisBookContent {padding:15px 15px 0;}
.catSection {line-height: 1.375em; margin-bottom:2em; padding:0 15px;}
.catWrapperRight {float:right; padding-left:15px; width:50%;}
#advancedSearchWrapper .row {margin-bottom:3px;}
#advancedSearchWrapper .inputs {margin:15px;}
#otherBooksByAuthorList .bookThumbSmall {float:left; margin-right:5px; width:40px;}
.otherBooksDetails {float:left; width:215px;}
#searchPager, #searchPagerBtm {border-bottom:1px solid #dfdfdf; margin-bottom:15px; padding-bottom:15px;}
#searchPagerBtm {border-bottom:none; border-top:1px solid #dfdfdf; padding-top:15px;}

/* End of Layout Styles */

/* 6. List Styles */

#mainNav {border-bottom:1px solid #e8e8e8; list-style:none; margin:0; padding:0 0 10px 0;}
	ul#mainNav li {display:inline; float:left; margin-right:34px;}
		#mainNav li.last, #subNav .last, #footerNav .last {margin-right:0;}
#subNav {border-bottom:1px solid #efefef; list-style:none; margin:0; padding:3px 0 5px;}
	#subNav li {display:inline; margin:0 18px 0 10px;}
#footerNav {list-style:none; margin:0; padding:0; position:absolute; right:30px;}
	#footerNav li {display:inline; margin-right:21px;}
#browseCatsLeft, #browseCatsRight, #bkstoreResourcesList, #booksInTheNewsList {list-style:none; margin:0 0 15px; padding:0;}
#browseCatsLeft {float:left; margin-bottom:0; padding-right:5px; width:122px;}
#browseCatsRight {float:right; padding-left:5px; width:122px;}
#browseCatsLeft li, #browseCatsRight li {font-size:12px; margin-bottom:0px;}
#browseCatsLeft li a, #browseCatsRight li a, #bkstoreResourcesList li a {line-height:16px;}
#newReleasesList, #bestSellersList {padding:10px 10px 0;}
#newReleasesList li, #bestSellersList li {color:#9e9e9e; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px;}
#featureBooksCarousel {list-style:none; margin:0; padding:0; width:2280px;}
#featureBooksCarousel li, #booksInTheNewsList li {display:inline; float:left; margin:0 15px; width:122px;}
#bkstoreResourcesList {margin-bottom:30px;}
#booksInTheNewsList li {text-align:center; width:108px;}
#bkDetailsList {float:left; list-style:none; margin:0; padding:0; width:357px}
#otherBooksByAuthorList {list-style:none; margin:0; padding:0;}
#otherBooksByAuthorList li {margin:7px 0 8px;}

/* End of List Styles */

/* 7. Form & Button Styles */
#searchStrip input, #searchStrip select {border:1px solid #fff; color:#a7a7a7; font-family:'Trebuchet MS', Arial, Verdana; font-size:10px; margin-right:3px;}
	#searchStrip select {color:#333;}
	input.searchField {background:#fff url(/images/icon_magglass.gif) 5px center no-repeat; padding-left:20px;}
#searchStrip input.btnSearch {background:#333; border:0; color:#fff; font-family:'Trebuchet MS',Arial,Verdana; font-size:11px; text-decoration:none;}
.btnAddToCart {display:block; margin:5px 0 15px;}
#otherBooksByAuthorList .btnAddToCart {margin:5px 0 0;}
#advancedSearchWrapper label {display:block; float:left; padding:5px 5px 0 0; text-align:right; width:75px;}
.genreDD {overflow:visible; width:60%;}
#searchResultsTable .addToCart {margin-left:5px;}
.btnSearch {margin-right:5px;}
.btnGo {position:relative; top:4px;}

/* End of Form & Button Styles */

/* 8. Table Styles */

#searchResultsTable td {padding-bottom:30px;}
.bookCoverColumn {padding-right:15px;}

/* End of Table Styles */

/* 9. CSS3 Properties */
#featureBooksCarousel .bookcover img, #booksInTheNewsList .bookcover img {-moz-border-radius:4px; -webkit-border-radius:4px;}
#featureBooksCarousel .bookcover:hover img, #booksInTheNewsList .bookcover:hover img {-moz-box-shadow:0px 0px 1px 1px #e6e6e6; -webkit-box-shadow:0px 0px 3px #dfdfdf;}
/* End of CSS3 Properties */


#searchbox { text-align:right; padding-right:0px !important; color:#D6AB06; }
