img { behavior:url(css/iepngfix.htc); }


* {
	margin:0;
	padding:0;
}

body {
	background: url(../images/bg_horizontal_strip.jpg) repeat-y center;
	background-color:#9EB478;
	margin:0 0 0 1px; /* added to deal with centered background problem in IE 6 */
}
/* used on sub pages, see sna_home_screen for home page masterDiv ------------------------------------------------------- */
#masterDivSub {
	background: url(../images/bg_top_sub.jpg) no-repeat center top;
	min-height:640px;
}
#masterDivSub div#logo {
	position:absolute;
	top:27px;
	left:36px;
	z-index:100;
}
/* centers the sub page area on sub and home -----------------------------------------------------------------------------*/
#pageBackground {
	margin:0px auto;
	min-height:640px;
	position:relative;
	width:776px;
}
* html #pageBackground { /* IE 6 hack for min height */
	height:640px;
}
#pageInnerBackground3Col {
	margin-left:35px;
	margin-top:161px;
	width:741px;
	background: url(../images/bg_sub_page_inner.gif) repeat-y;
}
#pageInnerBackground2Col {
	margin-left:35px;
	margin-top:161px;
	width:741px;
	background: url(../images/bg_sub_page_inner_wide.gif) repeat-y;
}
#pageInnerBackground1Col {
	margin-left:35px;
	margin-top:161px;
	width:741px;
}
#subTopContainer {
	height:162px;
	width:776px;
	position:absolute;
	top:16px;
}
#mysna {
	margin-left:0px; /* 35px */
	width:1200px;  /*776px */
	float:left;
}


/* for background image(s) at the top of the page on sub pages --------------------------------------------------------*/
.subTop_capital {
	background: url(../images/bg_sub_capital.jpg) no-repeat 0px 23px;
}
.subTop_apple {
	background: url(../images/bg_sub_apple.jpg) no-repeat 0px 23px;
}
.subTop_magnify {
	background: url(../images/bg_sub_magnify.jpg) no-repeat 0px 23px;
}
.subTop_cart {
	background: url(../images/bg_sub_cart.jpg) no-repeat 0px 23px;
}
.subTop_news {
	background: url(../images/bg_sub_news.jpg) no-repeat 0px 23px;
}
.subTop_resource {
	background: url(../images/bg_sub_resource.jpg) no-repeat 0px 23px;
}
.subTop_meetings {
	background: url(../images/bg_sub_meetings_events.jpg) no-repeat 0px 23px;
}
.subTop_career {
	background: url(../images/bg_sub_career_edu.jpg) no-repeat 0px 23px;
}
.subTop_publications {
	background: url(../images/bg_sub_book_stack.jpg) no-repeat 0px 23px;
}
.subTop_login {
	background: url(../images/bg_sub_kid_flex.jpg) no-repeat 0px 23px;
}
/* af am kid */
.subTop_kid_1 {
	background: url(../images/bg_sub_kid_aa.jpg) no-repeat 0px 23px;
}
/* sandwich kid */
.subTop_kid_2 {
	background: url(../images/bg_sub_kid_sandwich.jpg) no-repeat 0px 23px;
}
/* apple kid */
.subTop_kid_3 {
	background: url(../images/bg_sub_kid_apple.jpg) no-repeat 0px 23px;
}
#subLoginLinks {
	position:absolute;
	top:107px;
	left:58px;
	line-height:1.4em;
	color:#838383;
}
/* globalSearch input styles, used on home and sub -------------------------------------------------------------------------------------*/
#globalSearch {
	position:absolute;
	top:9px;
	left: 400px;
	z-index:500;
}
#globalSearch fieldset {
	border:0;
	float:right;
}
#globalSearch fieldset img,
#globalSearch fieldset input,
#globalSearch fieldset select {
	float:left;
}

#globalSearch img {
	margin-top:5px;
}
#globalSearch input, #globalSearch select {
	margin:0 0 0 5px;
}
#globalSearch input.searchField {
	height:16px;
}

/* secondary nav styles for sub page -----------------------------------------------------------------------------*/
ul#subSecondaryNav {
	position:absolute;
	top:30px;
	left:616px;
	
	margin:0;
}
ul#subSecondaryNav li {
	padding: 2px 0px 3px 28px;
	list-style-type:none;
}

ul#subSecondaryNav li.shopping {
	background: transparent url(../images/n2_icon_shopping_cart_small.gif) no-repeat 0px 1px;
}
ul#subSecondaryNav li.emporium {
	background: transparent url(../images/n2_icon_emporium_small.gif) no-repeat 0px 1px;
}
ul#subSecondaryNav li.cn {
	background: transparent url(../images/n2_icon_cn_small.gif) no-repeat 0px 1px;
}
ul#subSecondaryNav li.sn {
	background: transparent url(../images/n2_icon_sn_small.gif) no-repeat 0px 1px;
}
ul#subSecondaryNav li.global {
	background: transparent url(../images/n2_icon_global_small.gif) no-repeat 0px 1px;
}
ul#subSecondaryNav li.apple {
	background: transparent url(../images/n2_icon_apple_small.gif) no-repeat 0px 1px;
}
ul#subSecondaryNav li a {
	font-size:1.0em;
}

/* primary nav styles, primaryNavLeft and primaryNavRight are used on both home and sub-----------------------------------*/
div#subPrimaryNavContainer {
	background-color:#EA0437; 
	height:29px; 
	top:162px; 
	position:relative;
}
div#primaryNavLeft {
	width:592px;
	float:left;
	text-align:center;
}
div#primaryNavRight {
	width:184px;
	float:left;
}
div#primaryNavLeft ul {
	margin-left:80px;
}
div#subPrimaryNavContainer div#primaryNavLeft ul {
	margin-left:52px;
}
div#primaryNavRight ul {
	margin-left:18px;
}
ul.primaryNav {
	
	margin:6px 0px 5px;
}
ul.primaryNav li {
	float:left;
	border-right: 1px solid #fff;
	margin: 0px; 
	padding: 0px 6px 2px 7px;
	line-height:15px;
	list-style-type:none;
}
ul.primaryNav li.last {
	border:0px;
	border-left:0px !important;
}
ul.primaryNav a {
	color:#fff;
}
ul.primaryNav li.active {
	line-height:13px;
	border-top:1px solid #fff !important;
	border-right:1px solid #fff !important;
	border-bottom:1px solid #fff !important;
	background-color:#B63F46;
}
ul.primaryNav li.active a:hover {
	text-decoration:none;
}
div#primaryNavRight ul.primaryNav li.active {
	border-left:1px solid #fff;
}
/* end primaryNav styles --------------------------------------------------------------------------------------*/
/* breadcrumb styles ------------------------------------------------------------------------------------------*/
/* for three column sub page */
#breadcrumb {
	background:url(../images/bg_breadcrumb.gif) no-repeat;
	color:#8E8E8E;
	float:left;
	padding:8px 20px 0px 23px;
	height:31px;
	width:514px;
}
#printIcon {
	float:right;
}
/* for two column sub page */
#pageInnerBackground2Col #breadcrumb {
	background:url(../images/bg_breadcrumb_wide.gif) no-repeat;
}
#pageInnerBackground1Col #breadcrumb {
	background:url(../images/bg_breadcrumb_full.gif) no-repeat;
}
#breadcrumb a {
	text-decoration:underline;
}
#breadcrumb span.current {
	font-weight:bold;
}
/* holds "Email This" and "Rate This" links -----------------------------------------------------------------*/
#pageControls {
	float:left;
	padding:8px 0 0 24px;
	height:31px;
	width:160px;
}
/* for two column sub page */
#pageInnerBackground2Col #pageControls, #pageInnerBackground1Col #pageControls {
	background:url(../images/bg_pagecontrol_wide.gif) no-repeat;
}

#pageControls ul {
	list-style-type:none;
	margin:0 !important;
}
#pageControls ul li {
	display:inline;
	padding-right:6px;
}
li.email {
	padding-left:19px;
	background: transparent url(../images/icon_envelope.gif) no-repeat 0px 3px;
}
li.rate {
	padding-left:17px;
	background: transparent url(../images/icon_star.gif) no-repeat 0px 3px;
}
/* end breadcrumb styles---------------------------------------------------------------------------------------*/
/* for template with leftnav, center content and right column -------------------------------------------------*/
#leftCol {
	display:inline;
	float:left;
	padding:14px 7px 20px 23px;
	width:101px;
}
#leftCol ul {
	border-top:1px dotted #666;
	list-style-type:none;
	margin:0;
}
#leftCol ul ul, #leftCol ul li.current ul ul, #leftCol ul li.currentParent ul li ul {
	border:0px;
	margin:5px 0 0 10px;
	display:none;
}
#leftCol ul li {
	border-bottom:1px dotted #666;
	padding:5px 0px;
}
#leftCol ul li li {
	border:0px;
	padding:5px 0px;
}
#leftCol ul li a {
	color:#666;
}
#leftCol ul li a:hover {
	color:#EA0437;
}
#leftCol ul li.current a, 
#leftCol ul li.currentParent li.current a {
	color:#EA0437 !important;
}
#leftCol ul li.current ul li a, 
#leftCol ul li.currentParent a, 
#leftCol ul li.currentParent ul li a,
#leftCol ul li.currentParent ul li.current ul li a
 {
	color:#000 !important;
}
#leftCol ul li.current ul, 
#leftCol ul li.currentParent ul, 
#leftCol ul li.currentParent ul li.current ul,
#leftCol ul li.currentParent ul li.currentParent ul
 {
	display:block;
}
#centerCol {
	display:inline;
	float:left;
	padding:14px 23px;
	width:380px;
}
/* for page layout with left nav and large center content area */
#pageInnerBackground2Col #centerCol {
	padding:14px 46px 14px 23px;
	width:541px;
}
/* for page layout with no left nav and full center content area */
#pageInnerBackground1Col #centerCol {
	background-color:#fff;
	padding:14px 23px;
	width:671px;
}
/* used on My SNA */
#pageInnerBackground1Col #centerCol div#centerColLeft {
	float:left; 
	width:430px;
}
#pageInnerBackground1Col #centerCol #centerColRight {
	float:left; 
	width:213px; 
	margin-left:25px;
}

/* white boxes and green expand/collapse for My SNA--------------------------------------------------------------------------------------*/

.whiteBoxTop {
	background:url(../images/bg_white_box_top.gif) no-repeat top left;
	padding-top:9px;
	margin-bottom:9px;
}
.whiteBoxBot {
	background:url(../images/bg_white_box_bot.gif) no-repeat bottom left;
	padding-bottom:9px;
}
.whiteBoxCenter {
	border-left:1px solid #A9A9A9;
	border-right:1px solid #A9A9A9;
	background-color:#fff;
	color:#000;
	padding:0px 15px;
	width:398px;
}
.whiteBoxControls {
	width:100px;
	float:right;
	text-align:right;
}
.whiteBoxContent {
	padding:2px 0px 5px;
	color:#989797;
}
.whiteBoxContent div.dotDiv {
	margin:0 0 5px;
	
}
.whiteBoxContent img.pic {
	float:left;
	display:inline;
	margin:5px 13px 5px 0px;

}
div.colFloat {
	float:left;
	padding:5px 24px 0px 0;
	width: 175px;
}
a.folder {
	background:url(../images/icon_folder.gif) no-repeat top left;
	padding-left:22px;
}
/* My SNA green expand/collapse boxes -----------------------------------------------------*/

div.plusTrigger {
	margin:5px 0px;
}
div.plusContent {
	display:none;
	margin:5px 0 0 23px;
}

/* for template with leftnav, center content and right column--------------------------------------------------*/
#rightCol {
	display:inline;
	float:left;
	padding:13px 23px 0px;
	width:138px;

}
/* general right column boxes with rounded corners----------------------------------------------------------------------*/
.rightColBoxTop {
	background:url(../images/bg_right_col_box_top.gif) no-repeat top left;
	padding-top:11px;
	margin-bottom:9px;
}
.rightColBoxBot {
	background:url(../images/bg_right_col_box_bot.gif) no-repeat bottom left;
	padding-bottom:11px;
}
.rightColBoxCenter {
	border-left:1px solid #AEAEAE;
	border-right:1px solid #AEAEAE;
	background-color:#fff;
	color:#989797;
	padding:0px 5px 0px 7px;
	width:123px;
}
.rightColBoxCenter p {
	margin-bottom:7px;
}
.rightColImage {
	margin-bottom:9px;
}	


div.featured h3 {
	padding:0px 0px 13px;
}
div.rightColBoxCenter h3,  div.contentBoxCenter h3, div.whiteBoxContent h3 {
	color:#666;
	letter-spacing:0;
	padding:5px 0px 0px;
}

input, select {
	font-size:0.9em;
}

.contentBoxCenter div.newsAlerts {
	float:right;
	margin-top:10px;
}
/* Featured Alert container------------------------------------------------------------------*/
div.featured {
	margin:5px -8px 0px -8px; 
	background-color:#EFF3E9; 
	padding:7px 10px;
}

div.featured div.pic {
	float:left;
	margin-right:13px;
	width:79px;
}
div.featured div.content {
	float:left;
	padding:0px;
	width:280px;
	border-bottom:0px;
}
/* displays unordered list horizontal with black dividers between items -------------------------------------*/
ul.horizontal {
	list-style-type:none;
	margin:0px;
}
div.featured ul.horizontal {
	margin-top:10px;
}
div.content ul.horizontal {
	margin-top:5px;
}
div.homeNewsItem div.content ul.horizontal {
	margin-top:0px;
}
ul.horizontal li {
	display:inline;
	border-right: 1px solid #000;
	padding:0px 10px;
}
ul.horizontal li.first {
	padding-left:0px;
}
ul.horizontal li.last {
	border-right:0px;
	padding-right:0px;
}

div.whiteBoxCenter div.moreLink, div.whiteBoxCenter div.newsAlerts {
	margin-top:10px;
}
/* add underlines for links */
div.moreLink a, div.newsAlerts a, a.underline {
	text-decoration:underline !important;
}
/* progress indicator in shopping cart ------------------------------------------------------------*/
div#progress {
	float:left;
	margin:20px 0px;
	width:520px;
}
div#cartMessaging {
	color:#EA0437;
	float:right;
	font-weight:bold;
	padding:0px 12px;
	width:127px;
	
}
div#progress div.step {
	display:inline;
	float:left;
	border:1px solid #007856;
	padding:2px 9px 4px;
	margin-right:10px;
}
div#progress div.current {
	background-color:#007856;
	color:#fff;
	font-weight:bold;
}
div#progress div.last {
	margin-right:0px !important;
}
/* buttons on shopping cart page ------------------------------------------------------------------*/
.continueShopping {
	float:left; 
	margin-top:20px;
}
.proceedCheckout {
	float:right; 
	margin-top:20px;
}
/* shopping cart table-----------------------------------------------------------------------------*/

table.shoppingCart {
	border-top:1px dotted #8E8E8E;
}
table.shoppingCart th {
	background-color:#EFF3E9;
}
table.shoppingCart th, table.shoppingCart td {
	padding:12px 10px;
	border-bottom:1px dotted #8E8E8E;
}
tr.totalRow td {
	border-bottom:0px;
	padding:6px 10px !important;
	text-align:right;
}
tr.totalRow td.total, tr.totalRow td.totalLabel {
	border-top:1px dotted #8E8E8E;
	font-size:1.2em;
	font-weight:normal !important;
	text-transform:uppercase;
}
tr.totalRow td.label {
	font-weight:bold;
}
tr.totalRow td.totalLabel {
	color:#76B900;
}
/* tab styles -------------------------------------------------------------------------------------*/
div.tabsContainer {
	height:24px; 
	border-bottom:1px solid #BEBDBD;

	position:relative;
	width:379px;
}
ul.tabs {
	position:absolute;
	top:1px;
	list-style-type:none;
	margin:0;
	height:23px;
}
ul.tabs li {
	float:left;
	font-family: Tahoma, Arial, sans-serif;
	font-size:14px;
	background:url(../images/tab_bg_off.gif) no-repeat;
	margin:0 8px 0 0;
	line-height:18px;
	text-align:center;
	width: 121px;
}
* html ul.tabs li {
	background-position: 0px 0px;
}
ul.tabs li.currTab {
	background:url(../images/tab_bg_on.gif) no-repeat;
}
ul.tabs li#t3 {
	margin-right:0px;
}
ul.tabs li a {
	color:#000;
}
div.tabContent {
	border-left:1px solid #BEBDBD;
	border-right:1px solid #BEBDBD;
	border-bottom:1px solid #BEBDBD;
	padding:11px;
	width:355px;
	margin-top:-1px;
}
/* news items styles ------------------------------------------------------------------------------*/
div.newsItem, div.newsItemNoPic {
	border-bottom:1px dotted #8E8E8E;
	line-height:17px;
	margin-bottom:10px;
	padding-bottom:10px;
}

div.newsItem div.pic {
	float:left;
	margin-right:13px;
	width:79px;
}
div.newsItem div.content, div.newsItemNoPic div.content {
	float:left;
	padding:0px;
	width:250px;
	border-bottom:0px;
}
div.newsItemNoPic div.content {
	width:380px;
}
/* poll styles ----------------------------------------------------------------------------------*/
div.radioPair {
	clear:both;
	margin-bottom:4px;
}
div.radioPair input {
	width:22px;
	display:block;
	float:left;
}
div.radioPair label {
	padding-top:3px;
	width:100px;
	display:block;
	float:left;
}
div.pollButton {
	clear:both;
	text-align:center;
	margin:5px 0 7px;
}	
/* footer styles ----------------------------------------------------------------------------------*/

#pageBackground #footer, #footer2Col {
	margin:20px 0px 40px 35px;
	width:557px;
	text-align:center;
}	
#footer2Col {
	width:717px;
}
#homeLeftCol #footer {
	margin-left:0px;
}
#footer a, #footer2Col a {
	border-right:1px solid #9F9F9F;
	padding:0px 10px;
}
#footer a.first, #footer2Col a.first {
	padding-left:0px;
}
#footer a.last, #footer2Col a.last {
	padding-right:0px;
	border-right:0px;
}