/* CO-OP BOOKSHOP
   Master Styles
   Author: Jonathan Nicol (f6design.com)
   Modified: Tristan Roberts [GarageWebDesign.com]
   Modified: Helen Kundicevic
*****************************************************************/


/* RE-DEFINED - HTML ELEMENTS
*****************************************************************/

html {
	font-size: 100%; /* for IE */
}
body  {
	font-family: Arial, Verdana, Tahoma, sans-serif;
	font-size: 69%;  /* if you want 11px */
	/* font-size: 76%; */ /* if you want 12px */
	font-weight: normal;
	color: #464646;
	background: #f9f9f7 url(../page_images/bg_gradient.gif) repeat-x fixed top;
	margin: 0;
	padding: 0;
	text-align: center;
	line-height: 1.3;
}	            
a, a:visited {
	text-decoration: none; 
	color: #7bad00;
	outline: none; /* removes the dotted line effect on active links */
}
a:hover  {
	text-decoration: underline; 
	color: #444444;
}
a:active  {
	text-decoration: underline; 
	color: #919191;
}
blockquote {
	background: #e0eac6 url(../page_images/quotes.gif) no-repeat left top;
	font-size: 1.1em;
	font-style: italic;
	padding: 15px 15px 15px 65px;
	margin: 0 0 1.5em 0;
}
h1 {
	display: none;
}
h2 {
	margin: 0;
	font-size: 1.6em;
}
h3 {
	font-size: 1.5em;
	margin: 1px 0 0.8em 0;
	padding-top: 1em;
}
h4 {
	font-size: 1.2em;
	margin: 0;
}
img {
	border: 0;
}
p {
	padding-left: 1px;
	margin: 0 0 1.5em 0;
}
/* IE5 doesn't correctly inherit font size for tables */
table {
    font-size: 1em;
    background: #edeee7;
	padding: 0;
	margin: 0 0 2em 0;
}
tr {
	padding: 0;
	margin: 0;
	border: none;
}
td, th {
	padding: 9px;
	text-align: left;
	margin: 0;
	border: none;
	vertical-align: top;
	border-right: 1px solid #f9f9f7;
	border-top: 1px solid #f9f9f7;
}
td.numeric {
      text-align: right;
}
th {
	background: #7bad00;
	color: #fff;
}



/* COMMON PRESENTATIONAL RULES
*****************************************************************/

.attnGrab {
	padding: 10px;
	border: 1px solid #7bad00;
}
img.border {
	border: 1px solid #ccc;
}
img.bordFat {
	border: 4px solid #ccc;
}
.inline {
	display: inline;
}
.backTop {
	text-align: right;
	margin-bottom: 5px;
	padding-right: 10px;
	background: url(../page_images/backtop_arrow.gif) right center no-repeat;
}
.backTop a, .backTop a:hover {
	font-size: 0.9em;
}
.btnMoreAfter, .btnBoxAfter, .btnBoxAfterTall {
	height: 5px;
	font-size: 1px;
}
.btnBoxAfterTall {
	height: 8px;
}
.btnCheckOut {
	width:auto;
	font-weight: bold;
	font-size: 1.2em;
	padding: 2px 6px 2px 16px;
	margin-bottom: 5px;
	border: 1px solid #bababa;
	color: #7bad00;
	background: #fff url(../page_images/btn_arrow.gif) no-repeat 8px 55%;
}
.btnMore, .buyBtn, .btnBox {
	font-weight: bold;
	padding: 2px 6px 2px 16px;
	border: 1px solid #bababa;
	background: #fff url(../page_images/btn_arrow.gif) no-repeat 8px 55%;
}
.btnMore:hover, .buyBtn:hover, .btnBox:hover {
	border: 1px solid #7bad00;
	text-decoration: none;
}
.caption {
	margin-top: 4px;
	background: #e8f1d4;
	padding: 5px 10px;
	text-align: center;
}
.cntr {
	text-align: center;
}
.clear {
	clear: both;
	height: 1px;
	width: 1px;
	font-size: 1px;
	padding: 0;
	margin: 0;
	line-height: 1px;
	overflow: hidden;
}
.clearit {
	clear: both;
}
.divider {
 	margin: 0 0 1.5em 0;
	background: url(../page_images/divider_line_solid.gif) left top repeat-x;
	height: 1px;
	overflow: hidden;
}
.error, .req {
	color: #bb0000;
}
.formRH { /* elements that need to align with form right hand column */
	margin-left: 147px;
}
.flL {
	float: left;
}
.flR {
	float: right;
}
.head {
	border-bottom: 1px solid #fff;
}
h1.titlesFeatures {
 	font-size:1.2em;
 	display:inline;
 	margin: 0;
}
h1.longformTitle {
	font-size:1.5em;
	display: inline;
	margin-top: 0;
	padding-top: 0;
}
h1.longformAuthor {
	font-size:1.2em;
	display: inherit;
	margin-bottom: 1.5em;
	margin-top: 0;
}
h2.block {
	background: #7bad00 url(../page_images/head_arrow.gif) right center no-repeat;
	border-bottom: 1px solid #fff;
	clear: both;
	color: #fff;
	padding: 6px 10px;
	font-weight: normal;
}
h2.block.padTop {
	margin-top: 20px;
	border-top: 3px solid #fff;
}
h4.block,h4.blockFullW {
	clear: both;
	background: #7bad00;
	color: #fff;
	padding: 5px;
	margin-bottom: 1em;
}
h4.blockFullW {
	margin-bottom: 0;
	border-bottom: 1px solid #fff;
	padding-left: 12px;
}
h4.event {
	margin-bottom: 1em;
}
.highlightLink {
	margin-top: 1.8em;
	margin-bottom: 2.2em;
}
.highlightLink.shortTop {
	margin-top: -1em;
}
.highlightLink a, .highlightLink a:visited {
	padding: 5px 0 5px 15px;
	background: url(../page_images/link_highlight_bg.gif) left center no-repeat;
	text-decoration: none;
}
.large {
	font-size: 1.1em;
}
.left {
	text-align: left;
}
.noBtm {
	margin-bottom: 0;
	padding-bottom: 0;
}
#failedResults { border-top: 5px solid red; }
.noL {
	margin-left: 0;
	padding-left: 0;
}
.noPad {
	padding: 0;
}
.noR {
	margin-right: 0;
	padding-right: 0;
}
.noTop {
	margin-top: 0;
	padding-top: 0;
}
.padTop {
	margin-top: 1.5em;
}
.padBtm {
	margin-bottom: 1.5em;
}
.padR {
	margin-right: 10px;
}
.padL {
	margin-left: 10px;
}
.labels {
	margin-right: 10px;
	font-weight: bold;
}
.right {
	text-align: right;
}
.small {
	font-size: 0.9em;
}
.smMarg {
	margin: 5px;
}
.warning, .warningMulti, .warningMild, .warningMildMulti {
	background: url(../page_images/warning_exclaim.gif) no-repeat left center;
	height: 30px;
	min-height: 30px;
	line-height: 28px;
	padding-left: 32px;
}
.warningMild, .warningMildMulti {
	background: url(../page_images/warning_exclaim_mild.gif) no-repeat left center;
}
.warningMulti, .warningMildMulti {
	background-position: top left;
	line-height: 1.3;
}


/* EXTENDED TEXT FORMATTING
*****************************************************************/

h4.padBtm {
	margin-bottom: 0.8em;
}


/* PAGE STRUCTURE
*****************************************************************/

#contentWrap {
	width: 752px;
	background: #ffffff;
	margin: 0 auto;
	padding: 8px;
	text-align: left;
}
#sidebarContShell {
	/*clear: both; */
	background: url(../page_images/pale_grey_bg.gif) repeat-y;
}


/* PAGE HEADER
*****************************************************************/

#coopLogo {
	float: left;
	position: relative;
	}
	#coopLogo div {
		color: #999;
		font-size: 1em;
		left: 165px;
		line-height: 1.2;
		position: absolute;
		text-align: center;
		top: 14px;
		width: 160px;
		}
		#coopLogo p {
			margin: 0;
		}
		#coopLogo p.tagline {
			color: #666;
			font-size: 0.9em;
			font-style: italic;
			margin-top: 4px;
			}
#headerMenus {
	text-align: right;
}
#topNav{
	list-style: none;
	margin: 10px 0 11px 0;
	padding: 0 0 0 0;
	float: right;
	}
	#topNav li {
		background: #edeee8 url(../page_images/search_vert_dots.gif) left center no-repeat;
		font-size: 1em;
		margin: 0;
		padding: 0;
		float: left;
		}
		#topNav li.firstItem {
			background-color: #edeee8;
			background-image: none;
			padding-left: 3px;
			}
		#topNav li.lastItem {
			padding-right: 3px;
			}
	#topNav a {
		color: #464646;
		text-decoration: none;
		display: block; /* so we can add padding - can't pad inline elements in IE5 */
		padding: 6px 5px 6px 5px;
		}
		#topNav a:visited {
			color: #464646;
			text-decoration: none;
			}
		#topNav a:hover {
			color: #464646;
			text-decoration: underline;
			}
#topSearch {
	margin: 0;
	padding: 0;	
}
.searchOptLinks {
	list-style: none;
	margin: 2px 1px 0 0;
	padding: 0;
	}
	.searchOptLinks li {
	 	background: url(../page_images/search_vert_dots_short.gif) left center no-repeat;
		font-size: 1em;
		margin: 0;
		padding: 0 5px 0 5px; 
		display: inline;
		}
		.searchOptLinks li.firstItem {
			background-image: none;
			}
		.searchOptLinks li.lastItem {
			padding-right: 0;
			}
		.searchOptLinks li a {
			color: #464646;
			text-decoration: none;
			}
			.searchOptLinks li a:visited {
				color: #464646;
				text-decoration: none;
				}
			.searchOptLinks li a:hover {
				color: #464646;
				text-decoration: underline;
				}
#totalMemb  {
	font-weight: bold;
	margin: 0;
	}
#topSearch, .searchOptLinks, #totalMemb  {
	clear: right;
	float: right;
	display: inline; /* Reqd to overcome 'double margin bug' in IE */
}


/* NAVBAR
*****************************************************************/

#navShell {
	position: relative;
	z-index: 100;
}

#nav { /* nested inside relative element, so positioning is relative to parent */
	position: absolute;
	/* visibility: hidden; */ /* reveal once page loaded, so dropdowns definitely work as planned */
	width: 752px;
	top: 0px;
}

/* generic suckerfish rules begin*/

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1.2;
}

#nav a {
	display: block;
	width: 83px;
}

#nav li { /* all list items */
	float: left;
	width: 83px; /* width needed or else Opera goes nuts */
	/* background: #005339; */
	padding-left: 0;
}

#nav li ul { /* second-level lists */
	position: absolute;
	background: #005339;
	width: 134px;
	margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul li { /* second-level lists */
	width: 114px;
}

#nav li ul a { /* second-level lists link */
	padding: 4px 9px 4px 9px;
	color: #e4e8da;
	text-decoration: none;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	background: #005339;
	width: 114px;
}

#nav li ul .lastItem a { /* JN */
	border-bottom: 1px solid #fff;
}

#nav li ul a:hover { /* second-level lists link hover */
	background: #7bad00;
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 -1000em;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	margin-left: -1000em;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	margin-left: -1px;
}
#nav li li:hover ul, #nav li li.sfhover ul {
	margin-left: 114px;
}

/* generic suckerfish rules end */

/* Support for iframes over selects in IE < 7 */
* html ul.nav iframe {
	position: absolute;
	/* account for the border */
	left: 0;
	top: 0;
	z-index: 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
}
/* end support for iframes */



/* empty btn at end of menu, if only 8 items */
#nav #navBtnEmpty {
	background: #005339;
	width: 88px;
	height: 43px;
}

#navBtn1 .btnLvl1, #navBtn2 .btnLvl1, #navBtn3 .btnLvl1, #navBtn4 .btnLvl1, #navBtn5 .btnLvl1, #navBtn6 .btnLvl1, #navBtn7 .btnLvl1, #navBtn8 .btnLvl1, #navBtn9 .btnLvl1 {
	width: 83px;
	height: 43px;
	cursor: default;
}
/* last button wider */
#navBtn9 .btnLvl1 {
	width: 88px;	
}
#nav li#navBtn9 {
	width: 88px;
}



/* BTNS - 'iehover' are so we can use the whatever:hover technique to hover elements with no href in IE < 7 */

/* BTN 1 */
#navBtn1 {
	background: #005339 url(../page_images/nav_btn_textsearch.gif) 0 0 no-repeat;
}
#navBtn1:hover, #navBtn1.sfhover {
	background: #005339 url(../page_images/nav_btn_textsearch.gif) -83px 0 no-repeat;
}

/* BTN 2 */
#navBtn2 {
	background: #005339 url(../page_images/nav_btn_features.gif) 0 0 no-repeat;
}
#navBtn2:hover, #navBtn2.sfhover {
	background: #005339 url(../page_images/nav_btn_features.gif) -83px 0 no-repeat;
}

/* BTN 3 */
#navBtn3 {
	background: #005339 url(../page_images/nav_btn_memb.gif) 0 0 no-repeat;
}
#navBtn3:hover, #navBtn3.sfhover  {
	background: #005339 url(../page_images/nav_btn_memb.gif) -83px 0 no-repeat;
}

/* BTN 4 */
#navBtn4 {
	background: #005339 url(../page_images/nav_btn_students.gif) 0 0 no-repeat;
}
#navBtn4:hover, #navBtn4.sfhover  {
	background: #005339 url(../page_images/nav_btn_students.gif) -83px 0 no-repeat;
}

/* BTN 5 */
#navBtn5 {
	background: #005339 url(../page_images/nav_btn_lecturers.gif) 0 0 no-repeat;
}
#navBtn5:hover, #navBtn5.sfhover {
	background: #005339 url(../page_images/nav_btn_lecturers.gif) -83px 0 no-repeat;
}

/* BTN 6 */
#navBtn6 {
	background: #005339 url(../page_images/nav_btn_order_info.gif) 0 0 no-repeat;
}
#navBtn6:hover, #navBtn6.sfhover  {
	background: #005339 url(../page_images/nav_btn_order_info.gif) -83px 0 no-repeat;
}

/* BTN 7 */
#navBtn7 {
	background: #005339 url(../page_images/nav_btn_about.gif) 0 0 no-repeat;
}
#navBtn7:hover, #navBtn7.sfhover {
	background: #005339 url(../page_images/nav_btn_about.gif) -83px 0 no-repeat;
}

/* BTN 8 */
#navBtn8 {
	background: #005339 url(../page_images/nav_btn_voucher.gif) 0 0 no-repeat;
}
#navBtn8:hover, #navBtn8.sfhover {
	background: #005339 url(../page_images/nav_btn_voucher.gif) -83px 0 no-repeat;
}

/* BTN 9 */
#navBtn9 {
	background: #005339 url(../page_images/nav_btn_apparel.gif) 0 0 no-repeat;	
}
#navBtn9:hover, #navBtn9.sfhover {
	background: #005339 url(../page_images/nav_btn_apparel.gif) -88px 0 no-repeat;
}

/* nav btn spans */
#nav .btnLvl1 span {
display: none;
}



/* SIDEBAR
*****************************************************************/

#sidebar {
	float: left;
	width: 186px;
}
#sidebarContent {
	width: 166px;
	padding: 15px 0 0 10px;
	/* padding: 10px 0 0 10px; for home */
	background: #edeee7;
}
.sidebarHead {
	padding-left: 12px;
	margin: 0px 0 0 0;
	background: url(../page_images/sidebar_arrow.gif) left center no-repeat;
	font-weight: bold;
	color: #787876;
}
.sidebarTiles {
	background: url(../page_images/dot_line.gif) left top repeat-x;
	margin: 8px 0 0 0;
	padding: 0 0 24px 0;
	list-style: none;
	}
	.sidebarTiles li {
		background-image: none;
		padding-left: 0;
		}
		.sidebarTiles li img {
			margin-top: 10px;
			border: 1px solid #ccc;
			}
		.sidebarTiles li img:hover {
			border: 1px solid #7bad00;
			}
#browseCatsList {
	background: #fff;
	margin: 0 0 24px 0;
	padding: 8px 0 0 0;
	}
	#browseCatsList .sidebarHead {
		background: url(../page_images/sidebar_arrow_browse.gif) left center no-repeat;
		color: #333;
		font-size: 1.2em;
		margin: 0 8px;
		}
	#browseCatsList ul {
		list-style-type: none;
		margin: 0;
		padding: 5px 9px 12px 8px;
		} 
		#browseCatsList li {
			background: none;
		    border: 1px dotted #999;
		    border-width: 1px 0;
		    margin: 3px 0 0 0;
		    padding: 0;
			}
			#browseCatsList li a {
				color: #7bad00;
				display: block;
				font-size: 1.2em;
				text-decoration: none;
				font-family: Arial, Helvetica, sans-serif;
				font-weight: bold;
				padding: 3px;
				width: 145px;
				}
				#browseCatsList li a:hover {
					background-color: #edeee7;
					}
				#browseCatsList a em { 
			        color: #333;
			        display: block;
			        font: normal 0.8em Verdana, Helvetica, sans-serif;
			        line-height: 125%; 
					}


/* CONTENT AREA - PAGE TITLES & FEATURES
*****************************************************************/

#pageTitle {
	width: 752px;
	height: 78px;
	/* background: #7bad00; */
	background: #fff;
	margin: 43px 0 0 0;
	border-bottom: 3px solid #fff;
	border-top: 3px solid #fff;
	overflow: hidden; /* for IE */
}
#titleImg {
	border-right: 3px solid #fff;
}
/* homepage 'pageTitle' (features) */
#pageTitle.home {
	height: 201px;
	}
	#pageTitle.home h2 img {
		margin-bottom: 3px;
		}
	#pageTitle.home #feat {
		float: left;
		}
		#pageTitle.home #feat h2 img {
			margin-right: 3px;
			}
		#pageTitle.home #feat .mainFeatImg {
			border-right: 1px solid #fff;
			}
		#pageTitle.home #feat .secFeatImg {
			border-right: 3px solid #fff;
			}
	#pageTitle.home #memb {
		float: left;
	}
/* secondary features (ul) */
#content.home #secFeats {
	margin: 0 0 2px 0;
	overflow: auto; /* clears floats */
	padding: 0;
	}
	#content.home #secFeats li {
		background: none;
		clear: both;
		float: left;
		height: 110px;
		list-style: none;
		margin: 0 0 1px 0;
		overflow: hidden;
		padding: 0;
		}
		#content.home #secFeats li.big {
			width: 376px;
			}
		#content.home #secFeats li.sm {
			width: 186px;
			}
		#content.home #secFeats li.r {
			clear: none;
			float: right;
			}


/* CONTENT AREA - STRUCTURAL
*****************************************************************/

#content {
	width: 563px;
	float: right;
	margin-bottom: 30px;
}
.padReg, #content.padReg {
	padding: 10px;
	width: 543px;
}
#content .narrow {
	width: 354px;
	float: left;
	margin-right: 20px;
}
#content .sidebarR {
	width: 169px;
	float: left;
}



/* FEATURED PRODUCTS
*****************************************************************/

.featProd {
	margin: 10px;
}
.featProd.noTop, .featProd ul.noTop {
	margin-top: 0px;
}
.featProd ul {
	list-style: none;
	margin: 10px 0 0 0;
	padding: 0;
	background: url(../page_images/featured_products_bg.gif) repeat-y;
	float: left;
	width: 543px;
}
.featProd ul li {
	width: 260px;
	display: inline;
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	background: none;
}
.featProd ul li.r {
	margin: 0 0 0 10px;
}
.featProd ul li.divider{
	width: 543px;
	background: url(../page_images/featured_products_divider.gif) repeat-x left center;
	height: 29px;
	margin: 0;
	overflow: hidden;
}
.featProd a {
	text-decoration: none;
	color: #7bad00;
}
.featProd a:hover {
	text-decoration: underline;
	color: #464646;
}
.featProd .prodImg img, .featProd .wide img, .featProd .prodNoLink {
	border: 4px solid #e1e2db;
	/* margin: 0 7px 0 0; */
	margin: 0 0 0 0;
	float: left;
	width: 74px;
}
.featProd .prodImg:hover img {
	border: 4px solid #7bad00;
}
.featProd .prodImg:hover {
	background-color:red; /* meaningless trigger to avoid IE6 bug and allow border to change color */
}
.featProd .smMarg {
	margin: 5px 0;
}
.featProd .softIcon  {
	vertical-align: middle;
	margin: 0 7px 0 0;
}
.featProd .copy {
	/* float: left; */
	float: right;
	width: 170px;
}
.featProd .copy h4 {
	margin: 0;
	font-size: 13px;
	font-size: 1.2em;
}
.featProd .author {
	font-size: 1.1em;
	font-style: italic;
	margin-bottom: 0;
}
.featProd .isbn {
	margin-bottom: 0;
}
.featProd .costRRP {
	margin-bottom: 0;
}
.featProd .costMember {
	font-weight: bold;
	margin-bottom: 0;
}
.featProd .btnBox {
	margin-right: 3px;
}

/* Rules for products with multiple versions such as flash drives */
.featProd .wide {
	width: 530px;
	background: #f9f9f7;
}
.featProd .wide img {
 	float: left;
	width: 110px;
}
.featProd .wide ul {
	/* background: transparent url(../page_images/feat_prod_sublist_bg.gif) repeat-y left top; */
	background: none;
	width: 405px;
	margin: 0;
	float: none;
}
.featProd .wide li {
	display: inline;
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	width: 190px;
}
.featProd .wide li.clear {
	clear: both;
	float: none;
	font-size: 1px;
	overflow: hidden;
}
.featProd .wide li.r {
	margin-right: 0;
}
.featProd .wide .copy {
 	/* float: left; */
	float: right;
	width: 405px;
}
.featProd  .wide .costMember {
	margin-bottom: 0.75em;
}
.featProd h4.padTop {
	margin-top: 1em;
}

/* CATALOGUE TILE PAGE
*****************************************************************/
	
.feature-Summary {
	float: left;
	height: 215px;
	margin: 10px 50px 30px 40px;
}

.feature-Summary img {
	display: block;
	width: 164px;
	height: 114px;
}

.feature-Summary p {
	margin-top: 4px;
	background: #e8f1d4;
	padding: 5px 8px 10px 10px;
	width: 148px;
	text-align: left;
}

.feature-Summary h1 {
	font-size:1.2em;
 	display:inline;
 	margin: 0;
}


/* PRODUCT STRIP
*****************************************************************/
#Product-Similar {
	clear: both;
	padding: 19px 0 0 0px;
}
.Product-Strip {
	float: left;
	width: 133px;
	height: 320px;
	background: #e8e7e7;
	margin: 4px 1px 2px 5px;
}

.Product-Strip img {
	display: block;
	margin: 6px 5px 2px 5px;
	border: 4px solid #e1e2db;
}

.Product-Strip p {
	margin: 0;
	padding: 0 2px 2px 2px;
	color: #73777A;
	font-size: 110%;
}

.Product-Strip p span { color: #c00; }



/* SLIDER CAPTION BOX
*****************************************************************/

.boxgrid{ 
width: 245px; 
height: 199px; 
margin:10px; 
float:left; 
background:#161613; 
border: solid 2px #8399AF; 
overflow: hidden; 
position: relative; 
}
.boxgrid img{ 
position: absolute; 
top: 0; 
left: 0; 
border: 0; 
}
.boxgrid p{ 
padding: 0 10px; 
color:#afafaf; 
font-weight:bold; 
font:10pt "Arial", sans-serif; 
}
				
.boxcaption{ 
float: left; 
position: absolute; 
background: #000; 
height: 100px; 
width: 100%; 
opacity: .8; 
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.captionfull .boxcaption {
top: 260;
left: 0;
}
.caption .boxcaption {
top: 220;
left: 0;
}


/* SPECIALIST PAGE SEARCH + FEATURED
*****************************************************************/

#specialistIntro {
	width: 563px;
	background: url(../page_images/specialist_intro_bg.gif) no-repeat left top;
	border-bottom: 3px solid #fff;
	}
	#specialistIntro #search {
		float: left;
		width: 166px;
		margin-right: 3px;
		padding: 10px;
		color: #edeee7;
		}
		#specialistIntro #search p {
			margin-bottom: 10px;
			}
	#specialistIntro .searchOptLinks {
		margin-top: 8px;
		}
		#specialistIntro .searchOptLinks li {
		 	background: none;
			display: block;
			padding: 0;
			line-height: 1.2;
			}
		#specialistIntro .searchOptLinks li a {
		 	color: #7bad00;
			}
	#specialistIntro #banner {
		float: left;
		margin-right: 3px;
		padding: 0;
		width: 186px;
		}
	#specialistIntro #feat {
		float: right;
		width: 354px;
		padding: 10px;
		}
	/* featured product - builds upon rules established in 'featured products' section of CSS */
	#specialistIntro .featProd {
		margin: 0;
		width: 354px;
		}
		#specialistIntro .featProd .copy {
		 	/* float: left; */
			float: right;
			width: 265px;
			}
		#specialistIntro .featProd img {
			border-color: #f6f9ef;
			}
		#specialistIntro .featProd .prodImg:hover img {
			border-color: #7bad00;
			}
	#specialistIntro h3 {
		margin: 0 0 10px 0;
		padding: 0;
	}
	/* featured product wide */
	#specialistIntro .wide {
		width: auto;
		background: none;
		}
		#specialistIntro .wide img {
			width: 110px;
			border-color: #f6f9ef;
			}
		#specialistIntro .wide .copy {
			width: 229px;
			}



/* BOOK DETAILS
*****************************************************************/

#itemDetails {
	width: 340px;
	float: left;
}
#bookImgL img {
	border: 4px solid #e1e2db;
	margin: 0 7px 0 0;
}



/* SEARCH RESULTS
*****************************************************************/

.searchNavBtns {
	text-align: right;
}

/* Search results table 
***********************************************************/
#searchResults {
	margin: 5px 0 10px 0;
	}	
	#searchResults td.details {
		width: 231px;
		}
	#searchResults td.cost {
		width: 177px;
		}
	#searchResults td.buy {
		text-align: center;
		border-right: none;
		width: auto;
		}
	#searchResults p {
		text-align: center;
		margin: 0;
		}
		#searchResults p.left {
			text-align: left;
			}
		#searchResults p.checkbox {
			margin: 5px 0 0 0;
			}
			
			
/* table transaction history 
**********************************************************/
#transactionHistory{
	margin: 5px 0 10px 0;
	}	
	#transactionHistory td.historyDetails {
		width: 160px;
		}
	#transactionHistory td.historyTotal {
		width: 65px;
		}
	#transactionHistory td.historyNumber {
		text-align: left;
		border-right: none;
		width: auto;
		}

/* PURCHASE STEPS
*****************************************************************/

ul#purchSteps {
	margin: 0 0 5em 0;
 	padding: 0;
 	list-style: none;
}
ul#purchSteps li {
	padding: 0 10px 0 25px;
	float: left;
	height: 24px;
	line-height: 23px;
}
ul#purchSteps li#step1 {
	background: url(../page_images/purchstep1.gif) no-repeat -250px center;
	color: #8e8e8e;
}
ul#purchSteps li#step1Selected {
	background: url(../page_images/purchstep1.gif) no-repeat left center;
	color: #7bad00;
}
ul#purchSteps li#step2 {
	background: url(../page_images/purchstep2.gif) no-repeat -250px center;
	color: #8e8e8e;
}
ul#purchSteps li#step2Selected {
	background: url(../page_images/purchstep2.gif) no-repeat left center;
	color: #7bad00;
}
ul#purchSteps li#step3 {
	background: url(../page_images/purchstep3.gif) no-repeat -250px center;
	color: #8e8e8e;
}
ul#purchSteps li#step3Selected {
	background: url(../page_images/purchstep3.gif) no-repeat left center;
	color: #7bad00;
}
ul#purchSteps li#step4 {
	background: url(../page_images/purchstep4.gif) no-repeat -250px center;
	color: #8e8e8e;
}
ul#purchSteps li#step4Selected {
	background: url(../page_images/purchstep4.gif) no-repeat left center;
	color: #7bad00;
}
ul#purchSteps li#step5 {
	background: url(../page_images/purchstep5.gif) no-repeat -250px center;
	color: #8e8e8e;
}
ul#purchSteps li#step5Selected {
	background: url(../page_images/purchstep5.gif) no-repeat left center;
	color: #7bad00;
}


/* EXPAND/COLLAPSE
*****************************************************************/

.expCollIcon {
	vertical-align: middle;
	margin-right: 5px;
	
}
.stretcher p {
	background: #edeee7;
	padding: 10px;
	margin-top: 5px;
}
.toggler {
	font-weight: bold;
	font-size: 1.2em;
}



/* TABLES (nb: generic table rules at top of page)
*****************************************************************/

td.alt, tr.alt {
	background: #e0e1db;
}
th.alt, tr.alt th {
	background: #6a9402;
}
td.blank {
	background: #f9f9f7;
}
td.total {
	background: #d0e3a1;
}

td.coupon {
	background: #ecf7ec;
}

/* LISTS
*****************************************************************/

ul {
 	margin: 0 0 1.5em 2em;
 	padding: 0;
 	list-style: none;
}
li {
	background: url(../page_images/list_arrow.gif) no-repeat left 0.5em;
	padding-left: 15px;
}
ol {
	margin-bottom: 1.5em;
}
ol li {
	background: none;
	padding-left: 0;
}
ol.alpha {
	list-style-type: lower-alpha;
}
.highlightList {
	padding: 10px 10px 15px 0;
	background: #edeee7;
	margin-bottom: 1.5em;
}
.highlightList ol, .highlightList ul {
	margin-bottom: 0;
}



/* DEFINED - FILE DOWNLOAD
*****************************************************************/

.fileDownload {
	margin-right: 2px;
	height: 25px;
	background: url(../page_images/file_download_icon.gif) no-repeat top left;
	padding-left: 27px;
}
.fileDownloadShortBottom {
	margin-bottom: 5px;
}



/* FOOTER
*****************************************************************/

#footer {
	clear: both;
	background: #edeee7;
	margin-top: 3px;
	}
	#footer ul {
		list-style: none;
		margin: 0;
		margin-left: 186px;
		border-left: 3px solid #fff;
		padding: 10px;
		}
		#footer ul li {
			background: #edeee8 url(../page_images/search_vert_dots_short.gif) left center no-repeat;
			font-size: 1em;
			margin: 0;
			padding: 6px 6px 6px 6px; 
			display: inline;
			}
	#footer li.firstItem {
		background-image: none;
		padding-left: 0;
	}
	#footer a {
		color: #464646;
		text-decoration: none;
		}
		#footer a:visited {
			color: #464646;
			text-decoration: none;
			}
		#footer a:hover {
			color: #464646;
			text-decoration: underline;
			}
			
			
/* EBOOK STYLES (non-modal based)
*****************************************************************/

.ebook_details {
	background-color: #FFFFCC;
}
.ebook_logo{float: right;}
/* EMAIL STYLES
*****************************************************************/

.email .subject,.email .body{display:none;}


/* iTunes display
*****************************************************************/
#iTunesWrap {
	width: 300px;
	margin: 0 auto;
	padding: 8px;
	text-align: left;
}
#iTunesWrap img {
	float:right;
	display: block;
	border: 0;
}
#itunesWrap h4 {
	font-size: 1.2em;
	margin: 0;
	padding-bottom: 5;
}

/* youtube display
*****************************************************************/
#video {
position: relative; /*or absolute*/
z-index: 0;
}
