/* General And Global Styles */
body { margin: 150px auto 0 auto; background: #fbf5ea url(../images/backgrounds/site_background_nccer.png) center repeat-y; } /* see also common.css */
font-family: Helvetica, Arial, Sans-serif; 

a { color:#00457C; text-decoration: none; }
a:link { color:#00457C; text-decoration: none; }
a:visited { color:#00457C; text-decoration: none; }
a:hover, a:active { color:#00457C; text-decoration:underline; }
#browsebox a:hover, a:active { color:#00457C; text-decoration:none; }
.crumb { margin-bottom: .7em; }

/* General PSTs */
#columnPrimary div.pst h2 { background: url(../images/backgrounds/headline_bg_600px.jpg) top left no-repeat; color:#FFFFFF; } /* See also common.css */
#columnPrimary div.pst h2 a { color:#FFFFFF; } /* See also common.css */
#columnSecondary div.pst h2 { background: url(../images/backgrounds/headline_bg_310px.jpg) top left no-repeat; color:#FFFFFF; } /* See also common.css */
#columnSecondary div.pst h2 a { color:#FFFFFF; }
#columnSecondary div.pst h2.boxheaders { width: auto; height: auto; font-size: 150%; margin: 0 0 .7em 10px; color: #333;
line-height: 100%; background: none; }
#columnPrimary div.freeform h2, #columnSecondary div.freeform h2 { background:none; color:#000; padding-left:0; }

/* Wrapper and Branding Styles */

/* Header  (see also common.css for header styles)  */
#header div { height: 131px; background-color: #00457c; }
#header .logo { position: absolute; width: 125px; height: 124px; top: 6px; left: 6px; z-index: 1; }

#header .storetitle { position: absolute; top:38px; left: 144px; color: #FFF; font-size: 2.4em; font-weight: 400; }	

#header .storetitle a { text-decoration: none; }

/* == Cart and Login Links  (see also common.css for header styles)  */
#header .social { position: absolute; right: 10px; font-size: 95%; }
#header .social { text-transform: none; }
#header .social { width: 400px; top: 28px; padding: 0; text-align: right; }
#header .social img { vertical-align:middle; margin: 0 3px 0 10px; padding:0; }
#header .hi { top: 5px; right: 13px; color: #fff; }
#header a { color: #fff; }


/* == Navigation   (see also common.css for header styles) */
#nav, #nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#nav {
	padding-left: 11em;
	border-bottom: 1px solid #CFCBB4;
}

#nav a {
	display: block;
	float: left;
	color: #333;
	padding: .75em 1em;
}

#nav a:hover {
	text-decoration: none;
}

#nav li ul li a {
	background: #fbf5ea ;
	border: 1px solid #CFCBB4;
	padding: 1em;
	width: 15em;
}

#nav li {
	float: none;
	padding: 0;
	margin: 0;
}

#nav li ul {
	position: absolute;
	left: -999em; 
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */
	#nav li ul {
		width: 17em;	
	}	
}

#nav li:hover ul {
	left: 9.75em;
	top: 3em;	
}

#nav li.shoppingCart {
	float: right;
}

#nav a:hover, #nav a:focus, #nav a:active{ background-color: #dad4ca; color: #333; }

/*#nav a:link, #nav a:visited { text-decoration: none; display: inline-block; color: #333; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }	
#nav a:hover, #nav a:focus, #nav a:active{ background-color:#dad4ca; color:#333; } */

/* BUTTONS */

#header .ss-icon { color: #000!important; display: inline-block; padding: 0px 5px 0px 5px; margin: 5px 3px 0 3px; background: transparent; border: 0; font-size: 14px; }
#header .ss-cart { color: #000!important; padding 0; margin: 0px 5px 0px 0px; font-size: 13px; }
.chrome #header .ss-cart { left: 20px; }

/* == Search   (see also common.css for header styles) */
#header .s.nccer { float: right; padding: 0px; margin:0; position: absolute; top: 62px; right: 8px; width: 220px; height: 30px; z-index: 5000; }
#header input { background:#fff; }
#header .s #query.default-value { width: 200px; }


#header .button { position: absolute; top: 0px; height: 25px; padding: 3px 0 0 0; right: 3px; display: inline-block; width: 28px; margin: 0; vertical-align: middle; border: 1px solid; 
	border-color: #999 #999 #999 transparent; 
	-moz-border-radius-bottomright: 5px; 
	border-bottom-right-radius: 5px; 
	-moz-border-radius-topright: 5px; 
	border-top-right-radius: 5px; 
	-moz-border-radius-topleft: 0px; 
	border-top-left-radius: 0px; 
	-moz-border-radius-bottomleft: 0px; 
	border-bottom-left-radius: 0px; 
	text-transform: uppercase; 
	text-decoration: none; 
	font-weight: normal; 
	line-height: 1.366; 
	/* Resets to approximate default line-height in browsers, so button element can size correctly by comparison */
	background-color: transparent; 
	-moz-box-shadow: 0px 0px #000; 
	-webkit-box-shadow: 0px 0px #000; 
	box-shadow: 0px 0px #000; 
}

.gecko #header .button { height: 26px; border-color: #999; }


/* SEARCH BUTTON MAG GLASS */

#header .button { 
	color: #000 !important; 
	background: #f2f2f2 !important; /* Old browsers */
	background: -moz-linear-gradient(top, #f2f2f2 0%, #ccc 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#ccc)) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f2f2f2 0%,#ccc 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f2f2f2 0%,#ccc 100%) !important; /* Opera11.10+ */
	background: -ms-linear-gradient(top, #f2f2f2 0%,#ccc 100%) !important; /* IE10+ */
	background: linear-gradient(top, #f2f2f2 0%,#ccc 100%) !important; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ccc',GradientType=0 ) !important; /* IE6-9 */	
	border: 1px solid #999; 
}

/* Hover State */
#header .button:hover { text-decoration:none; background: #f2f2f2 !important; filter: none; text-shadow: none; cursor: pointer; background-image: none !important; }
.ie6 .button:hover { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#f2f2f2',GradientType=0 ); }
.gecko #header .button:hover { text-decoration:none; background: #f9f9f9 !important; filter: none; text-shadow: none; cursor: pointer; background-image: none !important; }

/* CART */
.discountMessage { margin: -1.5em 0 1.5em; }


/* STRAPLINE */
#content { min-height: 450px; }
#strap{ clear:both; width:988px; margin:3em auto auto auto; }
#strap div { margin: 0 auto; background:#00457c; text-align: left; padding: 1em; }
#strap p { margin:0; padding: 0; }
#strap a { margin: 0 5px; }

#strap .color-strap { width:988px; height:44px; line-height:44px; background-color:#004480; /* needed for IE7? */ color:#fff; padding:0; margin:0 auto; }
#strap .color-strap #pearson-logo{ height:44px; width:114px; background:url(../images/logos/pearson-logo.png) no-repeat 0 0 transparent; margin-right:16px; margin-left:24px; float:right; }
#strap .color-strap #always-learning{ height:44px; width:138px; background:url(../images/logos/always-learning.png) no-repeat 0 0 transparent; margin-left:16px; margin-right:24px; float:left; }

#strap .clear-text{ text-indent:-2000em; 	 }


/* FOOTER */
#footer { clear: both; width: 988px; height: 0px; margin: 0 auto 0 auto; }
#footer div { margin: 0 auto; background:transparent; text-align: center; padding: 1em; }
#footer p { margin:0; padding: 0; }
#footer a { margin: 0 5px; }


/* IE Styles */
.win #header .button { height: 28px; }
.ie9.win #header .button, .ie1.win #header .button { height: 27px; }
#nav { background: #F5EFE4 url(../images/backgrounds/global-nav-bg.png) center repeat-x; }
#header .button { filter: none !important; }
.ie7 #header .button, .ie8 #header .button { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#cccccc',GradientType=0 ) !important; }

.ie9 #header .button { filter: none; background: url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); }


/* Single Column Layouts */

div.layoutSingleColumn #columnPrimary { width:700px; text-align:left; }

/* Double Column Layouts */

div.layoutDoubleColumn { overflow:auto; } /*-- helps to contain the floated columns without using the clear property -- */
div.layoutDoubleColumn #columnPrimary { float:left; width:700px; margin:0 0 0 5px; padding:0 15px 0 0; }
div.layoutDoubleColumn #columnSecondary { float: left; width: 195px; margin:0 0 0 15px; padding:0; }

/* -----------------------------------------------------------------
EDUCATOR and STUDENT LAUNCH BOXES 
---------------------------------------------------------------------- */

/* FULL WIDTH LAUNCH BOXES 
---------------------------------------------------------------------- */
#launchBoxesFull{ float:left; width:696px; padding:0; margin:16px 0 0 0; border:2px solid #ccc; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
#launchBoxesFull h2{ color:#00457c; font-size:1.3em; font-weight:bold; margin:0 0 0 20px; }
#launchBoxesFull .title{ color:#fff; background-color:#00457c; padding:6px 0 6px 14px; font-size:1.6em; font-weight:bold; margin:0 0 10px 0; }
#launchBoxesFull .info{ float:left; color:#333; font-size:1.2em; margin:0 10px 20px 24px; padding:0; }
#launchBoxesFull .info a{ text-decoration:underline; }

/* HALF WIDTH LEFT LAUNCH BOXES */
#launchBoxesleft{ float:left; width:310px; height:140px; padding:14px; margin:16px 0 0 0; border:2px solid #ccc; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
#launchBoxesleft .title{ color:#00457c; font-size:1.6em; font-weight:bold; margin:0 0 10px 0; }
#launchBoxesleft .info{ float:left; color:#333; font-size:1.2em; padding:0 0 14px 0; height:60px; }

/* HALF WIDTH RIGHT LAUNCH BOXES */

#launchBoxesright{ float:right; width:310px; height:140px; padding:14px; margin:16px 0 0 0; border:2px solid #ccc; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
#launchBoxesright .title{ color:#00457c; font-size:1.6em; font-weight:bold; margin:0 0 10px 0; }
#launchBoxesright .info{ float:left; color:#333; font-size:1.2em; padding:0 0 14px 0; height:60px; }


/* OTHER LAUNCH LAUNCH BOXES */

.halfLaunchBox{ width:339px; padding:0 0 14px 0; margin:16px 0 0 0; border:2px solid #ccc; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
.halfLaunchBox .title{ color:#fff; background-color:#00457c; padding:6px 0 6px 14px; font-size:1.6em; font-weight:bold; margin:0 0 10px 0; }
.halfLaunchBox .info{ float:; color:#333; font-size:1.2em; margin:0 10px 0 16px; padding:0 0 14px 0; line-height: 1.35em; }
.halfLaunchBox .info h3{ font-size:1em; font-weight:bold; margin:0 0 6px 0; }
.halfLaunchBox .info ul{ padding:0; margin-bottom:16px; }
.halfLaunchBox .info li{ padding:0; margin:0 0 6px 0; }
.halfLaunchBox .info a{ text-decoration:underline; }
.halfLaunchBox .startbutton { margin-right: 14px; }
.halfLaunchBox .centerButtons { text-align: center; margin-bottom:20px; }
.halfLaunchBox .internationalOrders { text-align: center; }
.halfLaunchBox .internationalOrders a { text-decoration: underline; }
.halfLaunchBox hr { clear: both; width: 92%; }

.halfLaunchLeft { float:left;  }
.halfLaunchRight{ float:right; }
/* #blueheadlaunchBoxesright .title{ color:#fff; background-color:#00457c; padding:6px 0 6px 14px; font-size:1.6em; font-weight:bold; margin:0 0 10px 0; }
#blueheadlaunchBoxesright .info{ float:left; color:#333; font-size:1.2em; margin:0 10px 0 16px; padding:0 0 14px 0; line-height: 1.35em; }
#blueheadlaunchBoxesright .info h3{ font-size:1em; font-weight:bold; margin:0 0 6px 0; }
#blueheadlaunchBoxesright .info a{ text-decoration:underline; }
#blueheadlaunchBoxesright .startbutton { margin-right: 14px; } */


/* BLUE BOX BUTTONS */
a.startbutton{ float:right; height:24px; margin:0 0 10px 0; padding:6px 17px 0 22px; background:#00457c; color:#fff; font-size:1.2em; font-weight:normal; text-align:center; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; border:solid 1px #00457c; -webkit-transition-duration:.2s; -moz-transition-duration:.2s; transition-duration:.2s; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
a.startbutton:hover{ background:#ccc; color:#00457c; text-decoration:none; }
a.startbutton:active{ background:#ccc; }

.startarrow { font-size: .8em; margin-left:8px; }

#browsebox, .boxheaders, .catalogues, .aboutmain { display: block; }

/* BROWSE BOX */
#browsebox{ width:200px; height:108px; margin:0 0 10px 10px; padding:30px 0 0 0; color:#FFF; background-color:#004480; border:1px solid #004480; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; text-align:center; }

a.browsebutton{ width:131px; height:36px; margin:30px 0 0 0; padding:14px 20px 14px 20px; background:#CCC; color:#00457c; font-size:1.8em; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; border:solid 2px #000; -webkit-transition-duration:.2s; -moz-transition-duration:.2s; transition-duration:.2s; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; text-decoration:none; }
a.browsebutton:hover{ background:#FFF; }
a.browsebutton:active{ background:#CCC; }
.browsearrow{ color:#000; font-size:.8em; }

.craftsline{ color:#FFF; font-size:1.4em; font-weight:bold; margin:24px 0 0 0; }

/* HEADERS */
/*.boxheaders { margin: .7em 0 .7em 10px; color: #333; line-height: 100%; }*/
div.storeIndex div h2.boxheaders { font-size: 150%; margin-bottom: .7em; }

/* CATALOGUES */
.catalogues{ float:left; width:187px; height:76px; margin:0 0 16px 10px; padding:6px; color:#333; font-size:1.2em; border:3px solid #c2c4cb; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }
.catalogues a { color:#000; }

.catalogues ul { list-style-type: none; padding: 0; margin:0; }
.catalogues li.download{ background-image:url('../images/icons/pdf_24.png'); background-repeat:no-repeat; background-position:0 0; padding-left:32px; margin:9px 0 0 10px; }
.catalogues li.interactive{ background-image:url('../images/icons/nccer_24.png'); background-repeat:no-repeat; background-position:1px 0; padding-left:33px; margin:12px 0 0 10px; }


/* RIGHT BAR NAV */
.resources.layoutDoubleColumn #columnSecondary { padding-bottom: 150px; }
.catalogue.layoutDoubleColumn #columnSecondary { padding-bottom: 150px; }
#resourcelist{ background-color:#FFF; margin:0 0 1px 0; font-size:1.2em; clear:left; }
#resourcelist li{ list-style-type:none; }
#resourcelist li a{ width:100%; display:inline-block; float:left; margin:0; padding:10px 0 10px 10px; font-weight:bold; border-bottom:#ccc; border-width:0 0 1px 0; border-style:none none solid none; color:#00457c; }
#resourcelist li a:hover{ background-color:#f2f2f2; -webkit-transition-duration:.2s; -moz-transition-duration:.2s; transition-duration:.2s; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; text-decoration:none; }
#resourcelist li a:active{ text-decoration:none; }


/* ABOUT NCCER BLOCK */
#columnSecondary .aboutmain{ width:200px; margin:0 0 0 10px; position:absolute; bottom:0; }	
#columnSecondary .aboutmain .screenshot{ float:left; padding:0 5px 2px 0; }
#columnSecondary .aboutmain .title{ font-size:1.2em; font-weight:bold; margin:0 0 10px 0; }


/* END RIGHT BAR NAV */
.ie6 .layoutDoubleColumn #columnPrimary { padding:0 !important; }
.ie6 .layoutDoubleColumn #columnSecondary { margin:0 0 0 10px !important; }

/* Double Column Divided by Hairline */

div.divided #columnPrimary { float:left; width:700px; margin:0 0 0 5px; padding:0 15px 0 0; border-right: 0px solid #CCC; text-align:left; }

/*  FLEX SLIDER  */

/* FlexSlider Necessary Styles */ 
.flexslider { width: 100%; margin: 0; padding: 0; }
.flexslider .slides > li { display: none; } /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img { max-width: 100%; display: block; }

/* Browser Resets */
.flexslider a { outline: none; text-decoration: underline; color: #ccc; font-weight: bold; }
.slides,
.flex-control-nav,
.flex-direction-nav { margin: 0; padding: 0; list-style: none; }
.ie7 .flex-direction-nav { margin-top: -2.5em; }

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load
 */
.no-js .slides > li:first-child { display: block; }

.home .flexslider .pst { margin-bottom: 0; }


/* FlexSlider Theme */
.flexslider { background: #fff; position: relative; border: 2px solid #5e5e2f; margin-bottom: .5em; height: 308px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }
.flexslider .slides > li { position: relative; margin: 0; }
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container { position: relative; padding-bottom: 30px; z-index: 50; }

/* FlexSlider Caption style */
.flex-caption { width: 96%; padding: 2%; position: absolute; z-index: 10000; right: 0; top: 0; height: 1em; background: #000; background: rgba(0,0,0,.75); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 1em; }
.flex-caption h2 { font-size: 120%; margin-bottom: .3em; }

.flex-caption-bottom h2 { font-size: 135%; line-height: 1.2em; margin-bottom: .5em; font-weight: normal; font-family: "Cabin","Lucida Grande",Arial,Helvetica,Verdana,sans-serif; }
.flex-caption-bottom { width: 96%; padding: 2%; position: absolute; left: 0; bottom: 0; background: #000; background: rgba(0,0,0,.75); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 1.2em; line-height: 1.3em; }
.flex-caption-bottom p { line-height: 1.4em; margin: 0; padding: 0; }

/* FlexSlider Direction Nav */
.flex-direction-nav li { margin: 0; }
.flex-direction-nav li a { width: 26px; height: 26px; margin: 0; display: block; background: url(../images/flexTheme/bg_direction_nav.png) no-repeat 0 0; position: absolute; bottom: 0; cursor: pointer; text-indent: -9999px; opacity: 0.8; filter:alpha(opacity=80); }
.flex-direction-nav li a:hover  { opacity: 1; filter:alpha(opacity=100); }
.flex-direction-nav li a.next { background-position: -29px; right: 3px; }
.flex-direction-nav li a.prev { background-position: 0; left: 10px; }

/* FlexSlider Control Nav */
.flex-control-nav { width: 100%; position: absolute; text-align: center; background-color: #eeeeeb; border: 2px solid #eeeeeb; height: 20px; padding-top: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }
.flex-control-nav li { margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline; }
.flex-control-nav li:first-child { margin: 0; }
.flex-control-nav li a { width: 13px; height: 13px; display: block; background: url(../images/flexTheme/bg_control_nav2.png) no-repeat 0 0; cursor: pointer; text-indent: -9999px; }
.flex-control-nav li a:hover { background-position: 0 -13px; }
.flex-control-nav li a.active { background-position: 0 -26px; cursor: default; }

/* Individual Sections and Pages */

/* Home Page */

/* -- PSTs -- */
.home .pst { margin-bottom: 0; }
.home .pst h2 { font-size: 120%; margin-bottom: 0.5em; color:#FFFFFF; padding:4px 0 0 10px; }
.home #columnPrimary .pst h2 { background: url(../images/backgrounds/headline_bg_600px.jpg) top left no-repeat; }
.home #columnPrimary .pst h2 a { display: block; width: 600px; height: 30px; color:#FFFFFF; padding:0; }
.home #columnSecondary .pst h2 { background: url(../images/backgrounds/headline_bg_310px.jpg) top left no-repeat; }
.home #columnSecondary .pst h2 a { display: block; width: 310px; height: 30px; color:#FFFFFF; padding:0; }
.home #columnSecondary .pst li { margin-bottom:0; padding-bottom:0; }
.home .pst p { margin: 0 0 0.5em 0; }

/* -- featured content slider -- */
div.anchorhead, div.anchorfoot { width:598px; padding:5px 0; background-color:#EFF8FF; border-left:1px solid #488FCC; border-right:1px solid #488FCC; color: #000; font-family: Arial, Helvetica, serif;  text-align:center; }
div.anchorhead { border-top:1px solid #488FCC; font-size:24px; font-weight:bold; }
div.anchorfoot { border-bottom:1px solid #488FCC; font-size:12px; margin-bottom: 2em; }

#featured { width:375px; padding:0 223px 0 0!important; position:relative; height:250px; background:#fff; border:1px solid #CCC; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; overflow: hidden; } 
#featured ul.ui-tabs-nav { width:223px; position:absolute; top:0; left:375px; list-style:none; padding:0; margin:0;  } 
#featured ul.ui-tabs-nav li {  margin: 0; padding:1px 0 1px 3px; font-size:12px; line-height: 1em; color:#666; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; font-weight: normal; white-space: normal !important; }
#featured ul.ui-tabs-nav li.first { padding:0 0 1px 3px; } 
#featured ul.ui-tabs-nav li.last { padding:1px 0 0 3px; }
#featured ul.ui-tabs-nav li img { float:left; margin:2px 5px; background:#fff; padding:2px; border:1px solid #eee; }
#featured ul.ui-tabs-nav li span { display: block; font-size:11px; line-height:15px; margin: 3px 5px 0 0; font-family: "Lucida Grande", Arial, Helvetica, serif;  }
#featured .ui-tabs-panel { width:375px; height:250px; background:#999; position:relative; overflow:hidden; padding: 0 !important; }
#featured .ui-corner-bottom { -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; }
#featured .ui-tabs { padding: 0 !important; }
#featured .ui-widget-content  { border: 0; }
#featured .ui-widget-header { background: transparent; border: none; color: inherit; font-weight: normal; }
#featured .ui-state-active, #featured .ui-widget-content .ui-state-active, #featured .ui-widget-header .ui-state-active { background-color: #ccc; border: none; color: #000; font-weight: normal; }
#featured li.ui-state-hover { background-color: #f2f2f2; }
#featured .ui-tabs-nav li { font-weight: normal; white-space: normal !important; }
#featured .ui-state-default, #featured .ui-widget-content .ui-state-default, #featured .ui-widget-header .ui-state-default { border: none; }
#featured .ui-tabs-nav li a { padding: 0; }
#featured li.ui-tabs-nav-item a { display:block; width: 210px; height:34px; color:#333; background:#f2f2f2; text-decoration:none; padding:0 5px; }
#featured li.ui-tabs-nav-item a:hover { background: #FFF; }
#featured li.ui-state-active a:hover { background: #f2f2f2; }
#featured li.ui-tabs-selected { background:#CCC; }
#featured .ui-state-default { background-color: #fff; }
#featured ul.ui-tabs-nav li.ui-tabs-selected a { background:#FFF; } 
#featured .ui-tabs-panel img { border:none; }
#featured .ui-tabs-hide { display:none; }

/* -- Buckets -- */
.home .bucket { margin-bottom: 2em; }
.home .bucket h2 { margin: 0 0 1em 0; }
.home .bucket h2 a { display: block; width: 600px; height: 30px; color:#FFFFFF; padding: 0 0 0 10px; }
.home .bucket dt { font-weight: bold; font-size: 110%; }
.home .bucket dt a { }
.home .bucket dt img { display: block; float: right; margin: 0 0 12px 12px; }
.home .bucket dt img.member { float:none; margin:0 6px 0 0; display:inline; }
.home .bucket dd.meta { font-size: 87%;  }
.home .bucket dd.meta a { color: #666; }
.home .bucket p { margin: 0; }
.home .bucket dd.meta.audio { line-height: 16px; padding-left: 20px; background: url(../images/icons/podcast_audio.png) top left no-repeat; }
.home .bucket dd.meta.video { line-height: 16px; padding-left: 20px; background: url(../images/icons/podcast_video.png) top left no-repeat; }
.home .popular { }
.home .popular h2 { width: 310px; height: 30px; margin: 0 0 0.5em 0; padding: 0 0 0 10px; 
color:#FFFFFF; background: url(../images/backgrounds/headline_bg_310px.jpg) top left no-repeat; font-size: 120%; }
.home .popular .more { text-align: right; }
.home .popular div.item { margin: 0; padding: 0; clear: none; }
.home .popular div.item.one { margin: 0 12px 0 0; padding: 0 12px 0 0;  }
.home .popular .product { margin-bottom: 12px; }
.home .popular .title { font-size: 95%; font-weight: bold; }
.home .popular dl { line-height: 120%; }
.home .popular dd { font-size: 95%; color: #666; margin-top: 0.5em; }
.home .popular dd a { color: #666; }
.home .popular dd img { float:none; margin:0 6px 0 0; display:inline; }

.home .comingSoon { }
.home .comingSoon h2 { width: 310px; height: 30px; margin: 0 0 0.5em 0; padding: 0 0 0 10px; color:#FFFFFF; background: url(../images/backgrounds/headline_bg_310px.jpg) top left no-repeat; font-size: 120%; }
.home .comingSoon .more { text-align: right; }
.home .comingSoon div.item { margin: 0; padding: 0; clear: none; }
.home .comingSoon div.item.one { margin: 0 12px 0 0; padding: 0 12px 0 0;  }
.home .comingSoon .product { margin-bottom: 12px; }
.home .comingSoon .title { font-size: 95%; font-weight: bold; }
.home .comingSoon dl { line-height: 120%; }
.home .comingSoon dd { font-size: 95%; color: #666; margin-top: 0.5em; }
.home .comingSoon dd a { color: #666; }
.home .comingSoon dd img { float:none; margin:0 6px 0 0; display:inline; }

/* --- Home Page Slider --- */
#slider { width: 700px; height: auto; margin-bottom: 2em; overflow: hidden; position: relative; background: url(../images/home/slider_fill.png) top left repeat-x; }
#tray { width: 1800px; float: left; margin-bottom: 12px; position:relative; }
#tray td{ width:174px; border-right:#DDD; vertical-align:bottom; padding-top:20px; text-align:center; border-left:#DDD; border-width:0 1px 0 1px; border-style:none solid none solid; }

#pagination{ clear:both; margin:0 0 20px 340px; width:73px; height:16px; }
#pagination a { display: block; float: left; width: 13px; height: 16px; background: url(../images/home/slider_pagination.png) -18px top no-repeat; }
#pagination a:hover, #pagination a.on { background-position: -18px -20px; }

#pagination a#paginationLeft { width: 17px; background-position: top left;  }
#pagination a#paginationLeft:hover, #pagination a#paginationLeft.on { width: 17px; background-position: left -20px; }

#pagination a#paginationRight { width: 17px; background-position: top right; }
#pagination a#paginationRight:hover, #pagination a#paginationRight.on { width: 17px; background-position: right -20px; }

#slider #tray a { display: block; width: 127px; margin: 0 auto; }
#slider #tray .title { font-weight: bold; }
/*#slider #tray .eproduct { width: 127px; margin: 0 auto; position: relative; }
#slider #tray .eproduct img.overlay { position: absolute; bottom: -6px; right: -8px; } */

#slider h2 { font-size: 120%; margin-bottom: 6px; }


/* BROWSE PAGE */
#browseColumns{ float:left; width:233px; margin:0; padding:0; font-size:1.2em; font-weight:bold; }
#browseColumns li { padding: 0 10px 0 0; line-height: 1.1em; }
#browseColumns li a { text-decoration: none; color:#000; }
#browseColumns li a:hover { text-decoration: underline; }

/* Store Pages */

/* -- PSTs -- */
div.storeIndex .pst h2, div.storeBrowse .pst h2 { color:#FFFFFF; }
div.storeIndex #columnSecondary .pst h2, div.storeBrowse #columnSecondary .pst h2 { background: url(../images/backgrounds/headline_bg_310px.jpg) top left no-repeat; }
div.storeIndex .pst h2 a, div.storeBrowse .pst h2 a { color:#FFFFFF; }
div.storeProduct div.marketing { text-align:center; }
div.storeIndex div.marketing a { margin: 0 10px 0 0; padding:0 0 0 20px; background: url(../images/icons/pdf_16.png) top left no-repeat; }
div.storeBrowse div.marketing a { margin: 0 10px 0 0; padding:0 0 0 20px; background: url(../images/icons/pdf_16.png) top left no-repeat; }

/* productGrid PSTs */
.productGrid { display: block; }
.productGridHolder { list-style-type: none; width: 100%; margin: 1em 0; }
.productGridHolder li { display: inline; float: left; width: 156px; margin-right: 18px; }
.productGridHolder li:last-child { margin-right: 0; }
.productGridHolder li .title { display: block; font-weight: bold; padding: .2em 0; }

div.storeBrowse div.productList { width: 700px;}
#browseGrid { margin-top: 2em; }
#browseGrid .productGridHolder li { height: 240px; }
.subHeadLarge { font-size: 175%; line-height: 130%; margin-bottom: .5em;}

/* --- Sales Rep Page --- */
div.salesIndex #columnPrimary p { margin: 0 0 1.5em 0; }


/* Product Page */
.storeProduct div.marketing { margin-bottom:15px; }
.storeProduct div.marketing a { margin: 0 10px 0 0; padding:0 0 0 20px; background: url(../images/icons/pdf_16.png) top left no-repeat; }

div#buy p.productType { display:none; }

/* Article Pages */
#articleHeader { background: url(../images/backgrounds/h1_fill.png) repeat-x; padding:12px; position:relative; }

/* Demo Central */
div.democentral #intro { height:130px; background:url(https://ptgmedia.pearsoncmg.com/imprint_downloads/bradybooks/demo_central/demo_icon.png) no-repeat; padding-left:110px; }
div.democentral #intro H1 { font-size: 4em; color:#F9CB34; text-shadow:1px 1px #666666; margin-bottom:0; }
div.democentral #intro p { font-size: 1.3em; color:#000000; }
div.democentral .pst { margin-bottom: 2em; overflow:auto; }