@charset "utf-8";
/* CSS Document */

/*** GENERAL ***/
a, a:visited {
	color: #bb2f5e;
}
a:hover {
	color: #5a192f;
}
body {
	background-color: #ffffff;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
}
h1 {
	color: #bb2f5e !important;
	font-size: 20px;
	margin: 0px 0px 18px 0px;
}
h2 {
	color: #333333;
	font-size: 16px;
	margin: 24px 0px 9px 0px;
}
	
.clearBoth {
	clear: both;
}

.height1 {
	height: 1px;
}
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
.noBackgroundImage {
	background-image: none !important;
}
.visibilityHidden {
	visibility: hidden;
}
.width295 {
	width: 295px;
}
.width168 {
	width: 168px;
}
.width180 {
	width: 180px;
}
.width170 {
	width: 170px;
}
.width181 {
	width: 220px;
}
.width184 {
	width: 184px;
}
.width236 {
	width: 236px;
}
.width252 {
	width: 252px;
}
.width360 {
	width:360px;
}
.width550 {
	width: 600px;
}
.width612 {
	width: 560px;
}
.width490 {
	width: 490px;
}
.width616 {
	width: 616px;
}
.width795 {
	width: 795px;
}
.width956 {
	width: 976px;
}

/*** PAGE LAYOUT ***/
.containerPageCenter {
	background: url("https://images.homeschoolbuyersco-op.org/templates/hsbc_new/images/page-center-bg.png") no-repeat 0px 0px;
	margin: 0px 7px;
	width: 994px;
}
.containerPageLeft {
	background: url("https://images.homeschoolbuyersco-op.org/templates/hsbc_new/images/page-border-left.png") repeat-y 0px 0px;
	margin: 0px auto;
	width: 1008px;
}
.containerPageRight {
	background: url("https://images.homeschoolbuyersco-op.org/templates/hsbc_new/images/page-border-right.png") repeat-y top right;
	width: 100%;
}

.containerHeader {
	padding-bottom:20px;
}

#columnLeft {}
#columnCenter:
#columnRight {}

/*** HEADER ***/
.containerSignIn {
	font-size: 18px;
	margin: 18px 9px 0px 45px;
}
.headerSearch {
	position: relative;
	top: 18px;
}
.inputSearchField {
	background: url("https://images.homeschoolbuyersco-op.org/templates/hsbc_new/images/search-bg.png") no-repeat right 0px #ffffff;
	border: solid 1px #abadb3;
	font-size: 13px;
	height: 22px;
	margin: 0px 3px 0px 0px;
	padding: 0px 21px 0px 0px;
	width: 130px;
}
.linkSignIn {
	color: #fdff5e;
	cursor: pointer;
	text-decoration:none;
}
.linkSignIn:visited {
	color: #fdff5e;
	text-decoration:none;
}
.linkSignIn:hover {
	color: #ffffff;
	text-decoration:none;
}
.logo {
	background: url("https://images.homeschoolbuyersco-op.org/templates/hsbc_new/images/homeschool-buyers-co-op-logo.png") no-repeat 0px 0px;
	height: 74px;
	position: relative;
	width: 463px;
}
.logoText {
	color: #ffffff;
	font-size: 14px;
	left: 106px;
	position: absolute;
	top: 45px;
}

/* Navigation */
div.nav {
	padding-left:20px;
	background-color: #d4d4d4;
}

div.nav ul {
	margin: 0;
	padding: 0;
}

div.nav ul li {
	list-style: none;
	float: left;
	font-size: 93%;
}

div.nav ul li a:link,
div.nav ul li a:visited {
	display: block;
	font-size: 13px;
	line-height: 17px;
	padding: 0px 8px 0px 2px;
	text-decoration: none;
}


/*** TOP NAVIGATION ***/
.containerTopNavLinks {
	width:82%;
	margin: 14px 0px 30px 20px;
	float: left;
}
.containerTopNavLinks ul {
	clear:both;
	list-style-type:none;
	margin:0;
	padding:0;
}
.containerTopNavLinks ul li {
/*	background: url("/templates/hsbc_new/images/topNavBg.png") no-repeat right 2px; */
	display:inline;
 	position:relative;
 }
.containerTopNavLinks ul li:hover .subMenu {
	display: block;
}
.containerTopNavLinks ul li:hover .subMenu {
	display: block !imporant;
}
.nav ul li:hover .subMenu {
	display: block;
}
.nav ul li:hover .subMenu {
	display: block !imporant;
}


.navTopLinksWhite, .navTopLinksWhite:visited {
	color: #ffffff;
	font-size: 13px;
	line-height: 17px;
	padding: 0px 8px 0px 2px;
	text-decoration: none;
}
.navTopLinksWhite:hover {
	color: #fdff5e;
}
.navTopLinksYellow, .navTopLinksYellow:link, .navTopLinksYellow:visited, .navTopLinksYellow:hover {
	color: #fdff5e;
	font-size: 13px;
	line-height: 14px;
	padding: 0px 4px 0px 6px;
	text-decoration: none;
}
.subMenu {
    background-color: #e9eef3;
    border: solid 1px #dddddd;
    display: none;
    margin: 0px 0px 0px 5px;
    padding: 2px;

    position: absolute;
    left: 0px;
    top: 18px;
    z-index: 20;
/*    position:relative; */
    width: 160px;
}
.subMenu a {
	border-bottom: dotted 1px #cccccc;
	color: #bb2f5e;
	display: block;
	font-size: 11px;
	text-decoration: none;
	padding: 4px;
}
.subMenu a:visited {
	color: #bb2f5e;
}
.subMenu a:hover {
	color: #5a192f;
}

/*** LEFT NAV ***/
.containerLeftNav {
	margin: 10px 5px 5px 5px;
}
.containerLeftNavTitle {
	font-size: 15px;
	margin: 0px 0px 9px 0px;
}
.leftNavLink {
	background: url("https://images.homeschoolbuyersco-op.org/templates/hsbc_new/images/arrow-bg.png") no-repeat 6px 7px white;
	border-top: solid 1px white;
	color: #bb2f5e;
	display: block;
	font-size: 13px;
	padding: 2px 0px 2px 12px;
	text-decoration: none;	
	font-weight:bold;
}
.leftNavLink:visited {
	color: #bb2f5e;
}
.leftNavLink:hover {
	background-color:#bb2f5e; 
	color: #ffffff;
}

/*** SOCIAL MEDIA ***/
.containerSocialMedia {
	margin: 12px 0px 0px 12px;
}

.tablet {
	background-color: #ffffff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border: solid 1px #b4b4b4;
	margin: 0px 0px 10px 8px;
	
}
.tabletNoBorder {
	font-size: 12px;
	margin: 0px 0px 10px 8px;
	text-align:justify;
}

/*** FOOTER ***/
.containerFooter {
	margin: 38px 7px 15px 7px;
}
.containerFooterLinks {
	font-size: 10px;
	margin: 17px 0px 0px 13px;
}
.footerHLine {
	border-top: solid 1px #bb2f5e;
	height: 1px;
	margin: 0px 0px 8px 0px;
	width:100;
}
.footerLinks, .footerLinks:link, .footerLinks:visited {
	color: #bb2f5e;
	font-size: 10px;
	text-decoration: none;
}
.footerLinks:hover {
	color: #5a192f;
}

/*** COPYRIGHT ***/
.copright {
	font-size: 10px;
	margin: 17px 13px 0px 0px;
	text-align:right;
}

/*** INTERIOR PAGE ***/
.interiorMainContent {
	margin: 10px 5px 10px 8px;
}

/*** RIGHT COLUMN ***/
.containerRightNav {
	margin: 10px 5px 5px 5px;
}

/*** TESTIMONIALS ***/
.message {
	font-size: 12px;
	font-style: italic;
}
.signature {
	font-size: 12px;
	font-weight: bold;
	padding: 5px 0px 25px 0px;
}

/*** HGME PAGE ***/

/*** BENEFITS OF MEMEMBERSHIP ***/
.benefitsColumnLeft {
	border-right: dotted 1px #bb2f5e;
	margin: 10px 0px 10px 0px;
	padding: 0px 5px 0px 0px;
}
.benefitsColumnRight {
	margin: 10px 0px 10px 5px;
	padding: 0px 0px 0px 5px;
}

.benefitsTxt {
	color: #000000;
	font-size: 12px;
	margin: 12px 0px 12px 0px;
}
.benefitsTxtTitle a, .benefitsTxtTitle a:link, .benefitsTxtTitle a:visited {
	color: #358dcb;
	font-size: 17px;
	text-decoration: none;
}
.benefitsTxtTitle a:hover {
	color: #1f4e6f;
}
.benefitstLinks {
	background: url("https://images.homeschoolbuyersco-op.org/templates/hsbc_new/images/arrow-bg.png") no-repeat scroll 0px 7px;
	display: block;
	text-decoration: none;
	padding: 2px 0 2px 8px;
	font-size:12px !important;
}
.benefitsIcon {
	padding: 12px 0px 0px 0px;
}
.benefitsIcon2 {
	padding: 6px 0px 0px 0px;
}
.columnCenterTitle {
	font-size: 24px;
	margin: 24px 10px 10px 10px;
}

/*** SLIDER ***/
.pagination {
	float: right;
	margin: 6px 0px 0px 0px;
}
.pagination li {
    float: left;
    list-style: none outside none;
    margin: 0 1px;
}
.pagination li.current a {
    background-position: 0 -12px;
}
.pagination li a {
    background-image: url("https://images.homeschoolbuyersco-op.org/templates/hsbc_new/images/pagination.png");
    background-position: 0 0;
    display: block;
    float: left;
    height: 0;
    overflow: hidden;
    padding-top: 12px;
    width: 12px;
}
.pagination li.current a {
    background-position: 0 -12px;
}

/**** Slider Container ****/

/*** HOME PAGE SPECIALS ***/
.containerSpecials {
	margin: 0px 10px 0px 10px;
}
.containerSpecials a {
	font-size: 14px;
	text-decoration: none;
}
.monthlySpecials {
	font-size: 24px;
}


/* Global Styles */

.prompt-above {
	margin-bottom: 0px;
}

.prompt-left {
	margin-top: 0px;
	margin-bottom: 0px;
}

.prompt-parenthetical {
	font-size: 11px;
}

.directions {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #CC3366; font-size:16px;}

.endorsementTag {
	font:12px georgia;
	color: #0066CC;
	line-height: 1;
	letter-spacing:.2em;
	font-style: italic;
}

.endorsementText {
	font:12px georgia;
	color: #0066CC;
	letter-spacing:.2em;
	font-style: italic;
	font-weight: bold;
	line-height: 2;
}

.newsflash-endorsements {
	padding-left: 6px;
	padding-right: 6px;
	margin-bottom: 12px;
	background-color: #ccff99;
}

.newsflash-sideBarHeader {
	padding-left: 0px;
	padding-right: 2px;
	margin-bottom: 1px;
	padding-bottom: 6px;
	padding-top: 2px;
	background-color: #ccff99;
}

.endorsementNames {
	font-size: 13px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.newsflash table {
	margin-top: 12px;
	margin-bottom: 12px;
}

.signUpText {font-family: Arial, Helvetica, sans-serif; color: #black; font-size:12px;}
.offerText {font-family: Arial, Helvetica, sans-serif; color: #black; font-size:13px;}
.offerHeader {font-family: Arial, Helvetica, sans-serif; color: #black; font-weight: bold; font-size:14px;}
.offerBold {font-family: Arial, Helvetica, sans-serif; color: #black; font-weight: bold; font-size:12px;}
.topAlign { vertical-align: top;}

#active_menu {
	font-weight: bold;
}

body {
	margin:0;
	background-color: "#ffffff";
	}
	
td {
	font:12px arial;
	color:#333333;
	}
	
hr {
	height:1px; 
	color: #ccff99;
	border: 0;
	}
	
a {
	color: #0000FF;
	}
	
a:hover {
	color: #0000FF;
	}
	
/* Text styles */

.caveat {
	color: #CD3367;
}
.style2 {font-size: 11px}

.style4 {
	color: #FFFFFF;
	font-weight: bold;
		font-family:Verdana, Arial, Helvetica;
}
.style9 {
	color: #333333;
	font-weight: bold;
}
.style13 {color: #CC3366}
.style17 {color: #CC3366}
.style20 {color: #CC3366; font-size: 18px; font-family: Georgia, "Times New Roman", Times, serif; }
.style22 {font-size: 18px; font-family: Georgia, "Times New Roman", Times, serif; }
.style23 {font-family: Georgia, "Times New Roman", Times, serif}
.style24 {
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
}
.style26 {font-size: 24px}
.style27 {font-size: 29px}
.style28 {font-size: 32px}

.offerDiscountHeader {
	BORDER: #B9C3C9 1px solid; font-weight: bold; color: #356B91; FONT: 10pt Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #DAECFA
}

/* Main menu styles */

ul#mainlevel li.separator {
		list-style-type: none;
}

ul#mainlevel li {
	list-style-type: disc;
	color: #CC3366;
	padding:4px;
	}
a.mainlevel:link, a.mainlevel:visited {
		font-family:Verdana, Arial, san-serif;
	font:12px;
	color: #333333;
	text-decoration: none;
	letter-spacing:.2em;
	line-height:16px;
}

a.mainlevel:hover {
	color: #399BE1;
	text-decoration: underline;
}

a.sublevel:hover {
	color: #399BE1;
	text-decoration: underline;
}

a.sublevel:link, a.sublevel:visited {
		font-family:Verdana, Arial, san-serif;
	font:12px;
	text-decoration: none;
	color: #CC3366;
	letter-spacing:.2em;
	line-height:16px;
}


/* ID Styles */

table#navigation {
	font:11px	georgia;
	color: #333333;
	letter-spacing:.1em;
	}

table#navigation li {
	list-style-type: disc;
	color: #CC3366;
	padding:10px;
	}

table#navigation a {
	font:11px georgia;
	color: #333333;
	text-decoration: none;
	letter-spacing:.2em;
	line-height:16px;
	}
	
table#navigation a:hover {
	color: #399BE1;
	text-decoration: underline;
	}

#sidebarHeader {
	padding:14px 4px 14px 4px;
	}
	
#sidebar a {
	color: #399BE1;
	}
	
#sidebar a:hover {
	color: #006699;
	}	

#tagline {
	font:11px georgia;
	color: #99CC33;
	letter-spacing:.4em;
	}
	
#logo {
	font:24px georgia;
	color: #CC3366;
	letter-spacing:.3em;
	}
	
#dateformat {
	font:11px arial;
	color: #FFFFFF;
	letter-spacing:.4em;
	vertical-align: middle;
	}
	
#dateformat a {font:11px arial;
	color: #FFFFFF;
	font-weight:bold;
	letter-spacing:.1em;
	}
	
#dateformat a:hover {
	color: #336699;
	letter-spacing:.1em;
	}
	
/* Class Styles */
	
.bodyText {
	font:12px arial;
	color:#333333;
	line-height:20px;
	margin-top:0;
	}

.pageTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 34px;
	color: #FFFFFF;
	}

.pageHeader{
	color: #CC3366;
	font-size: 24px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	line-height:26px;
	letter-spacing:.1em;
	}

.itemHeader{
	color: #CC3366; 
	font-size: 21px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold;
	}

.itemHeader2{
	color: #CC3366; 
	font-size: 21px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-weight: normal;
	}

.itemHeaderSmall{
	color: #CC3366; 
	font-size: 18px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold;
	}

.itemHeaderBlack{
	font-size: 21px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	}

.subHeader {
	font:16px georgia;
	color: #399be1;
	font-weight:bold;
	line-height:16px;
	}
	
.smallText {
	font:11px arial;
	color:#333333;
	}
	
.sidebarHeader {
	font:14px georgia;
	color: #0066CC;
	line-height:14px;
	letter-spacing:.2em;
	}

.superGizmo {
		background-color:rgb(255,255,255);
}
.superGizmoCellText {
		text-align:left; 
		padding:2px 2px 2px 2px;
		margin:2px 1px 2px 1px;
}
.superGizmoCellBanner {
		text-align:center; 
		margin:2px 1px 2px 1px;
		padding:2px 2px 2px 2px;
}
/* sub-navigation styles */
#subNavigation {
	margin: 5px;
}

#subNavigation li {
	list-style-type: disc;
	color: #CC3366;
	padding:10px;
	}

#subNavigation a {
	font:11px georgia;
	color: #333333;
	text-decoration: none;
	letter-spacing:.2em;
	line-height:16px;
	}
	
#subNavigation a:hover {
	color: #399BE1;
	text-decoration: underline;
	}
	
.subNav2 {
	padding: 5px;
	padding-left: 10px;
}
.subNav3 {
	padding: 5px;
	padding-left: 15px;
}
.subNav4 {
	padding: 5px;
	padding-left: 20px;
}
.subNav5 {
	padding: 5px;
	padding-left: 25px;
}

.linkButton {padding:2px 10px 2px 10px;
	margin: 0px 0px 0px 0px;
	text-align:'center'; 
	background: #cc3467; 
	color:#FFFFFF;
	font-size: 12px;
	font-weight: bold;
	width:100px;
	text-decoration: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#linkButton {padding:2px 10px 2px 10px;
	margin: 0px 0px 0px 0px;
	text-align:'center'; 
	background: #cc3467; 
	color:#FFFFFF;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/* Main Site Headere */
#siteHeader, #siteHeaderMsg, #siteBodyHeading, .siteBodyHeading {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #fff;
	font-size: 27pt;
	font-weight: bold;
	white-space: nowrap;
	}
#siteHeaderMsg {
	font-size: 13pt;
	font-style: italic;
}
#siteBodyHeading, .siteBodyHeading {
	color: #CC3366;
	font-size: 20pt;
}
td.landing_bullets {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12pt;
	color: blue;
	font-weight: bold;
}
td.landing_bullets ul {
	font-size: 10pt;
	color: #31309c;
}

/* homepage */
#fieldHeading, #fieldHeadingBlack{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 8pt;
	color: #31309c;
	font-weight:bold;
}
#fieldHeadingBlack
{
	color: black;
}

h1.h1tag {margin:0px;padding:0px 0px 10px 0px;font-size:22px;}
h2.h2tag {margin:0px;padding:0px;font-size:16px;}
h3.h3tag {margin:0px;padding:0px;font-size:10px;}

/* homepage */
.fieldHeading, .fieldHeadingBlack{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 8pt;
	color: #31309c;
	font-weight:bold;
}
.fieldHeadingBlack{
	color: black;
}
/* for homepage */
table.homepage {width: 550px;padding:0px 1px 0px 1px;font-family:Verdana, Helvetica, Arial;}
table.homepage td.left{padding-bottom:6px;width:275px;vertical-align:top;}
table.homepage td.right{padding-bottom:6px;padding-left:10px;width:275px;vertical-align:top;}
table.homepage td.heading, table.homepage td.heading a{font-family:Verdana, Helvetica, Arial;font-weight:bold;color:#1879b5;text-align:center;font-size:14pt;text-decoration : none;}
table.homepage td.heading a:hover{text-decoration : underline}
table.homepage td.description{font-weight:bold;font-size:8pt;}
table.homepage span.perk{font-weight:bold;font-size:10pt;font-style: italic;background:#d6ffac;color:#CC3366;}
table.homepage td.image{font-weight:bold;padding:4px 6px 0px 0px;}

/* for tabs */
#mainlevel_top_control
{
	width:575px;
}
#mainlevel_top_control a
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9pt;
	color: #fff;
	background: rgb(108,186,234);
	font-weight:bold;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 1px;
	padding-bottom: 1px;
	margin: 3px 3px 0px 3px;
	cursor:hand;
	white-space: nowrap;
}

#mainlevel_top_control a, #mainlevel_top_control a span
{
	display: block;
	float: left
}
#mainlevel_top_control a#active_menu_top_control ,#mainlevel_top_control a:hover
{
	font-weight:bold;
	color: rgb(77,172,230);
	background: #fff;
	text-decoration: none;
	padding-left: 5px
}

/** general module title **/
table.moduletable, table.moduletable_multi_line
{
	width:161px;
} 
	 
table.moduletable th , table.moduletable_multi_line th{
	line-height:22px;
	background:transparent url(https://images.homeschoolbuyersco-op.org/images/stories/qb/nav-sprite.png) no-repeat center bottom;
	background-position: -641px 0; height: 22px;
	width:161px;
	color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt;
	text-align:left;
	padding-top:0px;
	padding-left:0px;
	font-weight:bold;
}

table.moduletable_multi_line th {
	background-color:rgb(25,122,181);
	padding-left:4px;
	line-height:18px;
	font-size:8pt;
}
.mainlevel_top_control_hsbc
{
	width : 161px;
	padding-left:0px;
	padding-top:1px;
}
.mainlevel_top_control_hsbc a, .mainlevel_top_control_hsbc a:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size : 8pt;
	color: #31309c;
	background : #bddff7;
	text-align : left;
	font-weight : bold;
	font-style : normal;
	text-decoration : none;
	display : block;
	white-space : normal;
	position : relative;
	border : 1px solid White;
	padding : 5px 15px 6px 8px;
	margin: -1px 0px 0px 0px; /*-1 px stops adjacent borders looking like 2 pixels width*/
}
.mainlevel_top_control_hsbc a:hover{
	background: rgb(25,122,181);
	color : #fff;
}

.mainlevel_top_control_hsbc_home a, .mainlevel_top_control_hsbc_home a:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size : 8pt;
	color: #31309c;
	background : #bddff7;
	text-align : center;
	font-weight : bold;
	font-style : normal;
	text-decoration : none;
	display : block;
	white-space : normal;
	position : relative;
	border : 1px solid White;
	padding : 5px 15px 6px 8px;
	margin: -1px 0px 0px 0px; /*-1 px stops adjacent borders looking like 2 pixels width*/
}
.mainlevel_top_control_hsbc_home a:hover{
	background: rgb(25,122,181);
	color : #fff;
}

div.menu	{ 
	position:absolute; visibility:hidden; 
	width:110px; left:0; top:0; z-index:500;
	font-size:12px; 
	background-color:#ffffff; 
	border: 2px solid;
	border-color: #f7faff #99a #99a #f7faff; 
}

table.testimonial {font-family: Verdana,arial,helvetica; text-align: left; font-size:11pt; width: 160px; height: 60px;}
table.testimonial td.left{width: 4px; text-align: left; vertical-align: top;}
table.testimonial td.right{text-align: left; vertical-align: bottom; width: 4px;}
table.testimonial td.message{font-style: italic; color:#197ab5}
table.testimonial td.signature{font-style: italic; color:#197ab5; padding-bottom:25px; text-align: left; }

table.testimonial-gizmo {font-family: Verdana,arial,helvetica; text-align: left; font-size:10pt; width: 160px; height: 60px;}
table.testimonial-gizmo td.left{width: 12px; text-align: left; vertical-align: top;background-image: url("https://images.homeschoolbuyersco-op.org/images/stories/doubleopenquote-small.png");background-repeat: no-repeat;background-position: top left;margin:0px;padding:0px;}
table.testimonial-gizmo td.right{width: 12px; text-align: left; vertical-align: bottom; background-image: url("https://images.homeschoolbuyersco-op.org/images/stories/doubleclosequote-small.png");background-repeat: no-repeat;background-position: bottom right;margin:0px;padding:0px;}
table.testimonial-gizmo td.message{font-style: italic; color:#197ab5;margin:0px;padding:0px;}
table.testimonial-gizmo td.signature{font-style: italic; color:#197ab5; padding-bottom:5px; text-align: left; }

div.main{color:black;width: 590px;font-family:arial,helvetica;}
div.main div.image_div{width:160px;float:left;padding-right:1px}
div.main div.image{float:left;}
div.main div.description{padding:0px 5px 0px 0px;width:239px;float:left}
div.main div.description div.headline{font-size:16pt;font-weight:bold}
div.main div.description div.headline a:link,
div.main div.description div.headline a:active,
div.main div.description div.headline a:visited {font-size:14pt; text-decoration:none; font-weight:normal}
div.main div.description div.headline a:hover {text-decoration:underline}
div.main div.description div.adCopy{font-size:10pt;}
div.main div.leftBox{width:180px;float:left}
div.main div.leftBox div.pricing{font-size:9pt;width:180px;border:1px solid black;float:left}
div.main div.leftBox div.pricing div.label{padding-left:2px;width:130px;float:left;}
div.main div.leftBox div.pricing div.value{width:40px;float:left;}
div.main div.leftBox div.pricing div.colHeading{border-bottom:1px solid black;border-top:1px solid black;border-right:1px solid black;width:59px;background-color:rgb(210,210,210);float:left;}
div.main div.leftBox div.pricing div.colHeadingLast{border-bottom:1px solid black;border-top:1px solid black;width:59px;background-color:rgb(210,210,210);float:left;}
div.main div.leftBox div.pricing div.col{width:59px;float:left;}
div.main div.leftBox div.pricing div.expires{font-weight:bold;border-top:1px solid black;width:100%;float:left;}
div.main div.leftBox div.pricing div.colCurrentPrice{font-weight:bold;color:blue;width:59px;float:left;}
div.main div.leftBox div.tellAFriend{font-family:Verdana,arial,helvetica; padding-top:5px;float:left;}
div.groupPricingBorderBottom {padding-bottom:10px;padding-top:5px;border-bottom:5px solid rgb(255,231,239);width:590px;float:right}

.gs_ad {color:black;width: 160px;font-family:arial,helvetica;}
.gs_ad a{color:blue;}
.gs_ad a:hover{text-decoration:underline}
.gs_ad .description{padding:0px 5px 0px 2px;clear:both}
.gs_ad .description .headline{color:blue;font-size:11pt;text-align: center;font-weight:bold}
.gs_ad .description .adCopy{font-size:11pt;text-align: center;color:blue;}
.gs_ad .description .adCopy a{text-decoration:none}
.gs_ad .description .adCopy a:hover{text-decoration:underline}
.gs_ad .testimonials {color:black;width: 160px;font-size:9pt;}
.gs_ad .testimonials .link{text-align:left;font-style:italic;padding-top:2px;}
.gs_ad .testimonials .testimonial{height:150px;overflow: hidden;font-style: italic; padding-bottom:10px;}
.gs_ad .testimonials .testimonial span{font-style: normal;}
.gs_ad .testimonials .scroll_down{float:left;padding:4px 10px 5px 40px}
.gs_ad .testimonials .scroll_up{float:left;padding:4px 10px 5px 0px}
.gs_ad .clear {clear:both;border-bottom:5px solid rgb(255,231,239);margin-bottom:10px;}

h2.offer_pop {margin: 0;color:#FFF;background-color:#CC3366;padding:10px;-moz-border-radius-topleft:10px;-moz-border-radius-topright:10px;-webkit-border-top-left-radius:10px;-webkit-border-top-right-radius:10px;font-family:Verdana, Arial, Helvetica}
h2.offer_pop span{font-size:10pt}
div.offer_pop {background-color:#FFF;width:394px;font-family:Verdana, Arial, Helvetica;padding:2px}
div.offer_pop .header{padding:5px;color:white;background-color:#CC3366;font-size:14pt;font-weight:bold}
div.offer_pop .header span{font-size:10pt}
div.offer_pop .image {background-color:white;width:160px;padding:6px 0px 0px 8px;margin-bottom:4px;float:left;}
div.offer_pop .info {background-color:white;float:right; width:220px;padding:10px 3px 8px 0px; font-size:10pt}
div.offer_pop .info .label{width:140px;float:left;font-weight:bold}
div.offer_pop .info .value{width:80px;float:right}

.sp_go, .sp_join_now, .sp_smartpoints_logo,.sp_top_left,.sp_top_right
{
   background-image: url(https://images.homeschoolbuyersco-op.org/images/stories/qb/nav-sprite.png);
   background-repeat:no-repeat;
}
.sp_go{ background-position: -297px 0; width: 26px; height: 20px; display : block; border: none; cursor: pointer;} 
.sp_join_now{ background-position: -524px 0; width: 115px; height: 60px; display : block; border: none; cursor: pointer;} 
.sp_smartpoints_logo{ background-position: -804px 0; width: 80px; height: 68px; } 
.sp_top_left{ background-position: -886px 0; width: 16px; height: 13px; } 
.sp_top_right{ background-position: -904px 0; width: 16px; height: 13px; } 


#contactUsContainer{
	margin: 0 auto;
	clear:both;
	background-color:rgb(25,122,181);
	color:white;
	width:160px;
	font-family:Verdana, Arial;
	font-weight:bold;
	padding:4px 0px 4px 0px;
	margin-bottom:10px;
}  
ul#contactUsNavBar{  
	height: 30px;  
	margin: 0 auto;  
	list-style: none;  
}
ul#contactUsNavBar li{
	display: inline;
}  
ul#contactUsNavBar li a{
	background: url(https://images.homeschoolbuyersco-op.org/images/stories/qb/nav-sprite.png) no-repeat;
	float: left;
	width: 27px; height: 27px; display: block;
	background-position: 0 0; 
} 
ul#contactUsNavBar li#facebook a{
}
ul#contactUsNavBar li#youtube a{  
	margin-left:10px;
	background-position: -922px 0;
}

#main_header{background-color:#CC3467;}
#main_header div.logo {float:left; margin:0px; padding:0px;width:197px}
#main_header div.siteName {float:left; width:550px;color: #fff; font-size: 27pt; font-weight: bold; white-space: nowrap;font-family: Verdana, Arial, Helvetica, sans-serif;}
#main_header div.siteName div.userCount {font-size: 13pt;font-style: italic;}
#main_header div.siteName div.userCount .count {float:left;padding-right:10px;margin-top:7px;}
#main_header div.siteName div.userCount .slogan {background-image: url(https://images.homeschoolbuyersco-op.org/images/stories/qb/nav-sprite.png);background-repeat:no-repeat;background-position: -29px 0; width: 266px; height: 17px;float:left;margin-top:10px;}
#main_header div.clear {clear:both;background-color:white}
ul.sp_hsbclogo {  
	height: 80px;  
	margin: 0 auto;  
	list-style: none;  
}
ul.sp_hsbclogo li {
	margin-left:-35px;
}
ul.sp_hsbclogo li a{ 
	background-image: url(https://images.homeschoolbuyersco-op.org/images/stories/qb/nav-sprite.png);
	background-repeat:no-repeat;
	display: block;
	background-position: -325px 0; width: 197px; height: 80px; 
}

#hsbc_product_tab {
	width:80px;
	white-space: nowrap;
	border-right:3px solid white;
}
#hsbc_product_tab A, #hsbc_product_tab A:hover	{
	white-space: nowrap;
	width:100%;
	font-size:12px;
	color: rgb(49,48,156);
	padding-top:5px;
	padding-bottom:5px;
	background: #bddff7;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	display : block;
	text-decoration : none;
}
#hsbc_product_tab A.selected {
	background : rgb(25,122,181);
	color : #fff;
}
#hsbc_product_tab A:hover { 
	background : rgb(25,122,181);
	color : #fff;
}

/* special */
#hsbc_product_tab .special{
	background : rgb(249,231,237);
	color : rgb(204,51,102);
}
/* special selected */
#hsbc_product_tab .specialSelected{ 
	background : rgb(204,51,102);
	color : #fff;
}
#hsbc_product_tab A.special:hover, #hsbc_product_tab A.specialSelected:hover { 
	background : rgb(204,51,102);
	color : #fff;
}

div.pay-per-click-ad{font-size:8pt;width:152px;float:left;padding:0px 6px 2px 0px;}
div.pay-per-click-ad a{font-size:9pt;color:blue;font-weight:bold}

div.connect_us {
	background-color:rgb(25,122,181);
	color:white;
	width:160px;
	font-family:Verdana, Arial;
	font-weight:bold;
	padding:4px 0px 4px 0px;
	margin-bottom:10px;
}

.ddmx {
	font: 10px tahoma;
	width: 160px;
}
.ddmx .item1,
.ddmx .item1:hover,
.ddmx .item1-active,
.ddmx .item1-active:hover {
	margin:1px 0px 1px 0px;
	padding : 5px 15px 6px 8px;
	background: #bddff7;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size : 8pt;
	color: #31309c;
	font-weight: bold;
	text-decoration: none;
	display: block;
	position: relative;
}
.ddmx .item1:hover,
.ddmx .item1-active:hover {
	background: rgb(25,122,181);
	color : #fff;
}
.ddmx .item2,
.ddmx .item2:hover,
.ddmx .item2-active,
.ddmx .item2-active:hover {
	margin:1px 0px 1px 2px;
	padding: 5px 15px 6px 8px;
	background: #bddff7;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size : 8pt;
	color: #31309c;
	font-weight: bold;
	text-decoration: none;
	display: block;
	white-space: nowrap;
	position: relative;
	z-index: 500;
}
.ddmx .item2 {
	background: #bddff7;
}
.ddmx .item2:hover,
.ddmx .item2-active,
.ddmx .item2-active:hover {
	background: rgb(25,122,181);
	color : #fff;
}
.ddmx .arrow,
.ddmx .arrow:hover {
	padding: 5px 15px 6px 8px;
}
.ddmx .item2 img,
.ddmx .item2-active img{
	position: absolute;
	top: 4px;
	right: 1px;
	border: 0;
}
	
.ddmx .section {
	position: absolute;
	visibility: hidden;
	z-index: -1;
}

.ddmx .bottom,
.ddmx .bottom:hover {
}

* html .ddmx td { position: relative; } /* ie 5.0 fix */

/*
 * SimpleModal Contact Form
 * http://www.ericmmartin.com/projects/simplemodal/
 * http://code.google.com/p/simplemodal/
 *
 * Copyright (c) 2010 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 *
 * Revision: $Id: contact.css 254 2010-07-23 05:14:44Z emartin24 $
 */

/* Overlay */
#contact-overlay {background-color:#000; cursor:wait;}

/* Container */
#sign-in-container {font: 16px/22px 'Trebuchet MS', Verdana, Arial; text-align:left; width:370px;}
#sign-in-container .contact-content {background-color:#f9e7ed; color:#000; height:40px; padding:10px 10px 10px 10px;border-left:#cc3366 1px solid;border-right:#cc3366 1px solid;border-bottom:#cc3366 1px solid;}
#sign-in-container h1 {color:#d76300; font-size:20px; line-height:20px; margin:0; padding:0 0 6px 12px; text-align:left;}
#sign-in-container .contact-loading {background:url(https://images.homeschoolbuyersco-op.org/templates/hsbc_new/images/loading.gif) no-repeat; height:55px; margin-left:160px; padding:0; position:absolute; width:54px; z-index:8000;}
#sign-in-container .contact-message {text-align:center;}
#sign-in-container .contact-error {background:#000; border:2px solid #ccc; color:#fff; font-size:14px; font-weight:bold; line-height:18px; margin:0 auto; padding:2px; width:92%;}
#sign-in-container br {clear:both;}
#sign-in-container form {margin:0; padding:0;}
#sign-in-container .contact-top {font-weight:bold;padding:0; padding-top:10px;font-size:20px;text-align:center;color:#fff;background-color:#cc3366; border-left:#cc3366 1px solid;border-right:#cc3366 1px solid;border-top:#cc3366 1px solid; height:30px; margin:0; -webkit-border-top-left-radius:8px; -webkit-border-top-right-radius:8px; -moz-border-radius-topleft:8px; -moz-border-radius-topright:8px; border-radius:8px 8px 0 0;}
#sign-in-container .contact-bottom {background-color:#f9e7ed; font-size:12px; height:13px; line-height:12px; text-align:center; -webkit-border-bottom-right-radius:8px; -webkit-border-bottom-left-radius:8px; -moz-border-radius-bottomright:8px; -moz-border-radius-bottomleft:8px; border-radius:0 0 8px 8px;}
#sign-in-container a {font-size:8pt;color:#00f;}
#sign-in-container .contact-bottom a,
#sign-in-container .contact-bottom a:link,
#sign-in-container .contact-bottom a:active,
#sign-in-container .contact-bottom a:visited {font-size:8pt;color:#666; position:relative; top:-4px; text-decoration:none;}
#sign-in-container .contact-bottom a:hover {color:#888;}
#sign-in-container .contact-button {background:rgb(204,51,102); border:0; color:#fff; cursor:pointer; font-size:16px; font-weight:bold; height:26px; margin:4px 0 0 4px; text-align:center; vertical-align:middle; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
#sign-in-container .contact-button:hover {background:rgb(164,41,82);}
#sign-in-container a.modal-close,
#sign-in-container a.modal-close:link,
#sign-in-container a.modal-close:active,
#sign-in-container a.modal-close:visited {color:#fff; font-size:18px; font-weight:bold; position:absolute; text-decoration:none; right:8px; top:0px;}
#sign-in-container a.modal-close:hover {color:#ccc;}

/* Container */
#sign-up-container {font: 16px/22px 'Trebuchet MS', Verdana, Arial; text-align:left; width:410px}
#sign-up-container .contact-content {background-color:#f9e7ed; color:#000; height:40px; padding:0px 0px 10px 0px;}
#sign-up-container h1 {color:#d76300; font-size:20px; line-height:20px; margin:0; padding:0 0 6px 12px; text-align:left;}
#sign-up-container .contact-loading {background:url(https://images.homeschoolbuyersco-op.org/templates/hsbc_new/images/loading.gif) no-repeat; height:100px; margin-left:200px; padding:0; position:absolute; width:54px; z-index:8000;}
#sign-up-container .contact-message {text-align:center;}
#sign-up-container .contact-error {background:#000; border:2px solid #ccc; color:#fff; font-size:14px; font-weight:bold; line-height:18px; margin:0 auto; padding:2px; width:92%;}
#sign-up-container br {clear:both;}
#sign-up-container form {margin:0; padding:0;}
#sign-up-container .contact-top {font-weight:bold;padding:0; padding-top:20px;font-size:30px;text-align:center;color:#fff;background-color:#cc3366; border-left:#cc3366 1px solid;border-right:#cc3366 1px solid;border-top:#cc3366 1px solid; height:40px; margin:0; -webkit-border-top-left-radius:8px; -webkit-border-top-right-radius:8px; -moz-border-radius-topleft:8px; -moz-border-radius-topright:8px; border-radius:8px 8px 0 0;}
#sign-up-container .contact-bottom {background-color:#f9e7ed; font-size:12px; height:13px; line-height:12px; text-align:center; -webkit-border-bottom-right-radius:8px; -webkit-border-bottom-left-radius:8px; -moz-border-radius-bottomright:8px; -moz-border-radius-bottomleft:8px; border-radius:0 0 8px 8px;}
#sign-up-container a {font-size:8pt;color:#00f;}
#sign-up-container .contact-bottom a,
#sign-up-container .contact-bottom a:link,
#sign-up-container .contact-bottom a:active,
#sign-up-container .contact-bottom a:visited {font-size:8pt;color:#666; position:relative; top:-4px; text-decoration:none;}
#sign-up-container .contact-bottom a:hover {color:#888;}
#sign-up-container .contact-button {background:rgb(204,51,102); border:0; color:#fff; cursor:pointer; font-size:25px; font-weight:bold; padding:15px 40px 15px 40px; text-align:center; vertical-align:middle; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
#sign-up-container .contact-button-small {background:rgb(204,51,102); border:0; color:#fff; cursor:pointer; font-size:16px; font-weight:bold; height:26px; margin:4px 0 0 4px; text-align:center; vertical-align:middle; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
#sign-up-container .contact-button:hover {background:rgb(164,41,82);}
#sign-up-container a.modal-close,
#sign-up-container a.modal-close:link,
#sign-up-container a.modal-close:active,
#sign-up-container a.modal-close:visited {color:#fff; font-size:18px; font-weight:bold; position:absolute; text-decoration:none; right:8px; top:0px;}
#sign-up-container a.modal-close:hover {color:#ccc;}

/* Container */
#sign-up-facebook {font: 16px/22px 'Trebuchet MS', Verdana, Arial; text-align:left; width:410px;}
#sign-up-facebook .contact-content {background-color:#f9e7ed; color:#000; height:40px; padding:10px 10px 10px 10px;border-left:#cc3366 1px solid;border-right:#cc3366 1px solid;border-bottom:#cc3366 1px solid;}
#sign-up-facebook h1 {color:#d76300; font-size:20px; line-height:20px; margin:0; padding:0 0 6px 12px; text-align:left;}
#sign-up-facebook .contact-loading {background:url(https://images.homeschoolbuyersco-op.org/templates/hsbc_new/images/loading.gif) no-repeat; height:100px; margin-left:200px; padding:0; position:absolute; width:54px; z-index:8000;}
#sign-up-facebook .contact-message {text-align:center;}
#sign-up-facebook .contact-error {background:#000; border:2px solid #ccc; color:#fff; font-size:14px; font-weight:bold; line-height:18px; margin:0 auto; padding:2px; width:92%;}
#sign-up-facebook br {clear:both;}
#sign-up-facebook form {margin:0; padding:0;}
#sign-up-facebook .contact-top {font-weight:bold;padding:0; padding-top:10px;font-size:20px;text-align:center;color:#fff;background-color:#cc3366; border-left:#cc3366 1px solid;border-right:#cc3366 1px solid;border-top:#cc3366 1px solid; height:30px; margin:0; -webkit-border-top-left-radius:8px; -webkit-border-top-right-radius:8px; -moz-border-radius-topleft:8px; -moz-border-radius-topright:8px; border-radius:8px 8px 0 0;}
#sign-up-facebook .contact-bottom {background-color:#f9e7ed; font-size:12px; height:13px; line-height:12px; text-align:center; -webkit-border-bottom-right-radius:8px; -webkit-border-bottom-left-radius:8px; -moz-border-radius-bottomright:8px; -moz-border-radius-bottomleft:8px; border-radius:0 0 8px 8px;}
#sign-up-facebook a {font-size:8pt;color:#00f;}
#sign-up-facebook .contact-bottom a,
#sign-up-facebook .contact-bottom a:link,
#sign-up-facebook .contact-bottom a:active,
#sign-up-facebook .contact-bottom a:visited {font-size:8pt;color:#666; position:relative; top:-4px; text-decoration:none;}
#sign-up-facebook .contact-bottom a:hover {color:#888;}
#sign-up-facebook .contact-button {text-decoration:none; padding:2px 8px 2px 8px;background:rgb(204,51,102); border:0; color:#fff; cursor:pointer; font-size:16px; font-weight:bold; height:26px; margin:4px 0 0 4px; text-align:center; vertical-align:middle; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
#sign-up-facebook .contact-button:hover { background:rgb(164,41,82);}
#sign-up-facebook a.modal-close,
#sign-up-facebook a.modal-close:link,
#sign-up-facebook a.modal-close:active,
#sign-up-facebook a.modal-close:visited {color:#fff; font-size:18px; font-weight:bold; position:absolute; text-decoration:none; right:8px; top:0px;}
#sign-up-facebook a.modal-close:hover {color:#ccc;}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

input[type='email'], input[type='number'], input[type='text'], input[type='password'], input[type='txt'], input, .gobutton , textarea, select
{
	border:1px solid #c3c3c3;
	background-color: white;
	color: black;
	font-size:12px;
	padding-left:4px;
	margin-bottom:2px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px; //CSS3 Feature
}
input[type='image'] {
	padding-left:0px;
}

input[type='email'], input[type='number'], input[type='text'], input[type='password'], input[type='txt'], select {
	height: 21px;
}

input[type='number'].quantity {
	width:45px;
}
input[type='number'].csc {
	width:80px;
}
input[type='number'].cc_number {
	width:160px;
}

.gobutton {
	height:19px;
	padding:5px 4px 0px 4px;
	background-color:#e2e2e4;
	text-decoration:none;
	margin-bottom:0px;
}

.more_info_div {display:none;}
.buy_now_div {display:none;}
#more_info_slider img{display:block;width:100%;max-width:450px;margin-left: auto;margin-right: auto;margin-bottom:20px;}
#buy_now_slider img{display:block;width:100%;max-width:450px;margin-left: auto;margin-right: auto;}

/* epp style
.tell_a_friend_div {
	display:block;
}
 */
.productImage {
}
.productTitle {
}
.productSection {
	float:left;
	width:230px;
}
.productDescription {
	padding-left:20px;
	float:left;
}

.epp_container_main {
	padding-bottom:5px;
	width:600px;
}

.epp_container {
	padding-bottom:5px;
	width:590px;
}

.epp_row  {
	padding-top:5px;
}

.epp_left, .epp_right, .epp_middle {
}
.epp_right {
	width:300px;
	float:left;
	text-align:left;
	padding-left:5px;
}
.epp_heading {
	width:125px;
	float:left;
	text-align:left;
}
.epp_left {
	width:125px;
	float:left;
	text-align:right;
}
.epp_middle {
	width:250px;
	float:left;
	text-align:right;
}
.epp_middle_input {
	width:250px;
	float:left;
	text-align:right;
}

.epp_select_giftitem {width:95%}

.mobile_only {
	display:none;
}
.desktop_only {
	display:block;
}

textarea::-webkit-input-placeholder, input::-webkit-input-placeholder {
    opacity: 0;
}
textarea::-moz-placeholder, input::-moz-placeholder {
    opacity: 0;
}
textarea:-ms-input-placeholder, input:-ms-input-placeholder {
	color: #fff;
}
textarea:-moz-placeholder, input:-moz-placeholder{
    opacity: 0;
}

.contact-content input::-webkit-input-placeholder {
    opacity: 100;
}
.contact-content input::-moz-placeholder {
    opacity: 100;
}
.contact-content input:-ms-input-placeholder {
	color: #c3c3c3;
}
.contact-content input:-moz-placeholder{
    opacity: 100;
}
.contact-content input[type='email'], .contact-content input[type='number'],.contact-content input[type='txt'], .contact-content input[type='text'], .contact-content input[type='password'] {
	margin-bottom:10px;
	height:30px;
}

.epp_confirm_button, .epp_goback_button {
	color:white;
	background-color:#3498db;
	font-size: 14px;
	font-weight:bold;
	padding:5px 7px 5px 7px;
	margin-bottom:2px;
}
.epp_goback_button {
	color:black;
	background-color:white;
}

/* end of epp style */
/* quickbase order form start */
.qb_expire_notice_extended {border:1px solid red;font-size:10pt;width:380px;font-weight:bold;}
.qb_expire_notice {border:1px solid red;font-size:10pt;width:500px;font-weight:bold;}
.qb_headline_pts_46 {font-size:46pt}
.qb_headline_pts_42 {font-size:42pt}
.qb_headline_pts_40 {font-size:40pt}
.qb_headline_pts_38 {font-size:38pt}
.qb_headline_pts_30 {font-size:30pt}
.qb_headline_pts_34 {font-size:34pt}
.qb_headline_pts_36 {font-size:36pt}
.qb_headline_pts_44 {font-size:44pt}
/* quickbase order form end */

/* responsive tempalte start */
.tabletWidth {
	width:616px;
}

.interiorWidth {
	width:590px;
}

.signUpMobile, .signInMobile, .findYourProduct {
	display:none;
}
/* responsive template end */


/* START NAV MENU */
nav#nav-tabs {
	height:27px;
	display:inline-block;
}

nav#nav-tabs ul {
	font-size:12px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	list-style: none;
}
 
nav#nav-tabs ul li {
	display: block;
	position: relative;
	float: left;
	border-bottom:3px solid rgb(25,122,181); 
	margin-bottom:10px;
}
 
nav#nav-tabs li ul { 
	display: none; 
}
 
nav#nav-tabs ul li a {
	display: block;
	text-decoration: none;
	padding: 6px 10px 1px 10px;
	background: #bddff7;
	color: rgb(49,48,156);
	margin-left: 1px;
	white-space: nowrap;
	height:20px; /* Width and height of top-level nav items */
	text-align:center;
	border-right:3px solid white; 
}
 
nav#nav-tabs ul li a:hover, nav#nav-tabs ul li.selected a {
	background : rgb(25,122,181);
	color : #fff;
}

nav#nav-tabs ul li.special a {
	background : rgb(249,231,237);
	color : rgb(204,51,102);
}

nav#nav-tabs ul li.specialSelected a {
	background : rgb(204,51,102);
	color : #fff;
}

nav#nav-tabs ul li.special a:hover {
	background : rgb(204,51,102);
	color : #fff;
}

.menu-trigger {display:none;}
nav#nav-tabs {display:block;}
.nav-product {padding-top:10px;font-family:Verdana,Helvetica,Arial;font-weight:bold;color:rgb(204,51,102);font-size:22px;padding-bottom:6px;}

@media screen and (max-width:480px) {
	.nav-product {display:none;}
	.menu-trigger {
		font-size:12px;
		font-weight: bold;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		display: block;
		text-decoration: none;
		padding: 6px 10px 1px 10px;
		background : rgb(25,122,181);
		color : #fff;
		white-space: nowrap;
		height:20px; /* Width and height of top-level nav items */
		text-align:center;
		border-bottom:1px solid rgb(25,122,181); 
		cursor: pointer; cursor: hand;
		margin-bottom:10px;
	}
	
	nav#nav-tabs {display:none;height:auto;}

	nav#nav-tabs ul li.selected, nav#nav-tabs ul li.specialSelected {display:none;}
	nav#nav-tabs ul li {
		float:none;
		border-bottom:2px solid rgb(25,122,181); 
		margin-bottom:0px;
	}

	nav#nav-tabs ul {
		padding-bottom: 10px;
	}

	nav#nav-tabs ul li.specialSelected, nav#nav-tabs ul li.special{
		border-bottom:2px solid rgb(204,51,102);
	}

	nav#nav-tabs ul {
		margin-top:-10px;
	}

	nav#nav-tabs ul li:last-child {
		float:none;
		border-bottom:none; 
	}
	nav#nav-tabs ul li a {
		margin-left: 0px;
		border-right:0px;
	}
	nav#nav-tabs ul li a.selected {
		color:red;
		display:none;
	}
}

/* Catalog Car Start */
.catalog_cart td {font-family: Verdana, Arial, Helvetica}
.cart_description, .cart_col {font-size:10pt;border-top:1px solid #adaaad;border-right:1px solid #adaaad;}
.cart_description_header,.cart_col_header {color:white;font-size:11pt;font-weight:bold;border-top:1px solid black;border-right:1px solid black;}
.cart_description_header {border-left:1px solid black;}
.cart_ship_address {float:left;padding-right:20px;}
.cart_summary_label{text-align:right;margin-right:10px}
/* Catalog Car End */

/* Super Gizmo Coming Soon Start*/
.gizmo_coming_soon {width:100%}
.gizmo_coming_soon td.col1{font-family: Verdana, Helvetica, Arial; padding:6px 6px 6px 6px;border-right: rgb(0,0,0) 1px solid; border-bottom: rgb(0,0,0) 1px solid; vertical-align:Middle; text-align:Left;font-size: 9pt;width:245px;}
.gizmo_coming_soon td.col2{font-family: Verdana, Helvetica, Arial; padding:6px 6px 6px 6px;border-right: rgb(0,0,0) 1px solid; border-bottom: rgb(0,0,0) 1px solid; vertical-align:Middle; text-align:Center;font-size: 9pt;width:35px;}
.gizmo_coming_soon td.col3{font-family: Verdana, Helvetica, Arial; padding:6px 3px 6px 3px;border-right: rgb(0,0,0) 1px solid; border-bottom: rgb(0,0,0) 1px solid; vertical-align:Middle; text-align:Center;font-size: 8pt;width:85px;}
.gizmo_coming_soon td.col4{font-family: Verdana, Helvetica, Arial; padding:6px 3px 6px 3px;border-right: rgb(0,0,0) 1px solid; border-bottom: rgb(0,0,0) 1px solid; vertical-align:Middle; text-align:Center;font-size: 8pt;width:100px;}
.gizmo_coming_soon td.col5{font-family: Verdana, Helvetica, Arial; padding:6px 3px 6px 3px;border-bottom: rgb(0,0,0) 1px solid; vertical-align:Middle; text-align:Center;width: 115px;width:115px;}

/* Super Gizmo Coming Soon End */

/* Find Your Product */
#form_select_category, #form_select_grade, #form_select_product {
	width:155px;
	margin-bottom:5px;
}

.product_slider {
	width:90%;
	padding-left:40px;
	padding-top:0px;
}

.sectionStripe {
	position: relative;
	max-width: 1800px;
	margin:0 auto 3px auto;
	padding: 12px 0 0 0;
	line-height: 28px;
	text-align: left;
	background:url("https://images.homeschoolbuyersco-op.org/templates/hsbc_new/images/stripe.png") repeat-x 0 bottom; 
}
.sectionHeadingText {
	background-color: white;
	padding: 0 10px 0 0;
	margin: 0 80px 0 0;
	font-family: Georgia, serif;
	font-size: 24px;
	font-weight: bold;
	font-style: italic;
	letter-spacing: 0;
	text-align: left;
	text-decoration: none;
	color: #BB2F5E;
}

.detailPageImagePopup {float:left;width:70%}
.detailPagePriceBox {float:right;}

.font12 a {
	font-size: 12pt;
}
.font12 a:visited {
	font-size: 12pt;
}
.font12 a:hover {
	font-size: 12pt;
}