/*
font-size:77%;  renders 10px
font-size:85%;  renders 11px 
font-size:100%; renders 13px   
font-size:107%; renders 14px  
font-size:122%;  renders 16px  
font-size:136%; renders 18px  
*/

/* Site-Wide Elements */
body {
background-color: #f3f3f3;
padding-bottom: 25px;
}

#site_container{
	position: relative;
	display: block;
	margin:auto;
	z-index: 0;
	/* Add width here to control whole site */
	width:978px;
	background-color: White;
	border-left: 1px solid #eae9e9;
	border-right: 1px solid #eae9e9;
	border-bottom: 1px solid #f3f3f3;
/*	margin-bottom: 25px;*/
	
}



#skipto{
}

#content_container{ 
	display: block;
	border:0px solid white;
	background-color: #fff;
}	

#content_block{
	position: relative;
	display: inline;
	float: right;
	width: 772px;
	margin-right: 5px;
	z-index: 1;
	border: 0px solid green;
	color: black;
	/*background-color: #121212;*/
	
}	
#block_plainPg{
	position: relative;
	float: left;
	display: inline;
	margin-top: 40px;
	margin-left: 40px;
	margin-right: 10px;
	border: 0px solid red;
}

#block_plainPg li {
	
	font-weight: bold;
	padding-bottom: 10px;
	
}

#block_plainPg li a {
	color: #669900;
}

#block_plainPg li li{
	font-weight: normal;
	text-indent: 20px;
}


#side_nav {
	position: relative;
	display: inline;
	float: left;
	width: 190px;
	height: 580px;
	background-image: url(../images/left_bck.gif);
	background-repeat: no-repeat;
	margin-left: 5px;
	border: 0px solid red;
	/*margin-right: 5px;*/
	
}


h1{
	color: #000;
	font-size: 136%;
	font: verdana;
}
h2{
	color: #6A6A6A;
	font-size: 136%;
}

strong{
	font-weight: bold;
}


	
a:link, a:visited {
	color: #3D8AD3;
}
	
a:active, a:hover, a:focus	{
	color: #7DC0FF;
}
	

	

ol li{
	Padding:0.2em 0 0 1.7em;
}

.content_seperator{ 
	position: relative;
	clear: both;
	display: block;
	
	height: 1em;
	margin: 1px auto;
	border: 0px solid Black;
}	



.breadcrumb {
	clear: both;
	position:relative;
	font-family: verdana, arial, sans-serif; 
	display: block; 
	padding-bottom: 30px;
	padding-left: 25px;
	
	border: 0px solid red;
}

.breadcrumb a:link, .breadcrumb a:visited{
	text-decoration: none;
	color: #779611;
}

.breadcrumb a:hover, .breadcrumb a:active, .breadcrumb a:focus{
	text-decoration: underline;
}

.breadcrumb strong{
	font-weight:bold;
}

#media_link {
	clear: both;
	position: relative;
	font-family: verdana, arial, sans-serif;
	font-weight: bold; 
	display: block; 
	padding-bottom: 10px;
	background-image: url(../images/flashcard.gif);
	background-repeat: no-repeat;
	margin-left: 13px;
	width: 540px;
	height: 90px;
	border: 0px;
}

#media_link p {
	width: 280px;
	padding: 5px 0px 0px 5px;
}

#media_link a:link, #media_link a:active, #media_link  a:visited{
	text-decoration: none;
	color: #779611;	
}

#media_link a:hover, #media_link a:focus{
	text-decoration: underline;
	color: #779611;
}

/* Header begin XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX  */	
#header {
  position: relative;
  height: 73px; /*height before holiday countdown*/
 /* height: 100px;*/
  width:100%;
  display: block;
  margin: auto;
 z-index: 99;
  background-color: white;

}

#logo {
  position: absolute;
/*  top: 20px; top before holiday countdown */
top: 20px;
  left: 26px;
}

#search {
	position: absolute;
	/*top: 41px; top before holiday countdown*/
	top: 41px;
	right: 20px;
	width: 270px;
	height: 4.2em;
}

#searchBox{
	width: 191px;
	height: 25px;
	border: 0px solid #d4d4d3;
	/*padding: 3px 0px 3px;*/
	background-image: url(../images/search_bck.gif);
	background-repeat: no-repeat;
	color: Black;
	font: normal 80% Verdana;
	
}




#go a:link, #go a:visited {
	Display:block;
	height:14px;
	background-color: #E6E6FA;
	/*margin:0 5px;
	padding:0 2px;*/
	padding-left: 10px;
	font-weight: bold;
	border:1px solid #000;
}
#go a:hover, #go a:focus {
	background-color: #DAA520;
}


#store_nav {
	/*display: inline;*/
	position: absolute;
	/*top: 41px;  top before holiday countdown*/
	top: 41px;
	left: 202px;
	height: 28px;
	width: 503px;
	background-image: url(../images/nav-top-bck.gif);
	z-index: 90;
}

#b_home a:link, #b_home a:visited,
#b_cart a:link, #b_cart a:visited,
#b_ccare a:link, #b_ccare a:visited,
#b_contact a:link, #b_contact a:visited,
#b_ordertracking a:link, #b_ordertracking a:visited,
#b_sitemap a:link, #b_sitemap a:visited
{
	text-align: center;
	float: left;
	display: inline;
	text-decoration: none;
	padding: 8px 3px 0 20px;
	font: normal 75% Verdana;
	color: Black;
	text-transform: uppercase;
}

#b_home a:hover, #b_home a:focus, #b_home a:active, 
#b_cart a:hover, #b_cart a:focus, #b_cart a:active, 
#b_ccare a:hover, #b_ccare a:focus, #b_ccare a:active,
#b_contact a:hover, #b_contact a:focus, #b_contact a:active,
#b_ordertracking a:hover, #b_ordertracking a:focus, #b_ordertracking a:active,
#b_sitemap a:hover, #b_sitemap a:focus, #b_sitemap a:active
{
	text-decoration: underline;
}

#menu_bk{
  position: relative;
  display: block;
  margin: auto;
  z-index: 2;
  background-color: #000000;
  color: #fff;
  border-top:1px solid #fff;
}

/* header end */	


/* LEFT NAV begin XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX  */
#navigation {
	margin-top:1px;
	height: 170px;
	border: 0px solid black;
	padding-top: 0px;
	padding-left: 20px;
}
#navigation li{
	letter-spacing: 0px;
	list-style: none;
	display: block;
	height: 2em;
	line-height: 0px;
}

#navigation li a:link, #navigation li a:visited {
	background: url(/images/header_menu-arrow.gif) no-repeat 10px 45%;
	color: #191970; 
	display: block;
	height: 24px;
	padding-left: 20px;
	padding-top: 5px;
	text-decoration: none;
}

#navigation li a:hover, #navigation li a:focus {
	color: #8B0000;
	display: block;
	height: 24px;
	text-decoration: none;
}





#side_nav ul{
	/*width: 174px;*/
	/*padding: 1px 0px 10px 14px;*/
	border: 0px solid blue;
	margin-top: 30px;
	margin-left: 8px;
}





#side_nav li a:link, #side_nav li a:visited {
	background-image: url(../images/leftnav_bck.gif);
	background-repeat: no-repeat;
	color: #585858; 
	display: block;
	/*width: 174px;*/
	height: 23px;
	font: bold 85% Arial, sans-serif;
	text-decoration: none;
	padding: 5px 0px 5px 25px;
	
	margin-top: -7px;
}

#side_nav li a:hover, #side_nav li a:focus {
	color: #585858;
	background-image: url(../images/leftnav_bckON.gif);
	background-repeat: no-repeat;
	/*width: 174px;*/
	height: 23px;
	text-decoration: none;
}


/* left nav end */

	
/*EMAIL SIGN UP begin*/
#promo{
	position: relative;
/*	top: 5px;
	right: 10px;*/
	float: right;
	margin-right: 10px;
	padding-top:10px;
	font-size: 85%;
	display: inline;
	width:384px;
}
#promo form{
	position: relative;
	/*padding:5px 0px;*/
	border: 0px solid red;
}


 #emailAddress{
	color: #000;
	background-color: #fff;
	border: 1px solid #ccc;
	padding: .4em 0.2em .4em 0.4em;
	position: absolute;
	top:2em;
	height: 1.2em;
}

#emailAddress_button{
	position: absolute;
	top:2em;
	left: 12.5em;
}

#privacy a{
	position: absolute;
	top: 30px;
	left: 230px;
	color: #99b244;
}

/*EMAIL SIGN UP end*/

/* FOOTER begin XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX  */	
#footer {
	position: relative;
	clear: both;
	display: block;
	margin: auto;
	padding-bottom: 15px;
	margin-top: 50px;
	height:135px;
	border-top: 1px solid #eae9e9;
	background-image: url(/images/mosiac_footer.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

#nav_btm_menu{
	float: left;
		width:584px;
}
#nav_btm_list{
	border:0px solid #000;
}

#nav_btm_list li{
	display: inline;
}
#nav_btm_list li a:link, #nav_btm_list li a:visited {
	color: #000; 
	text-decoration: none;
	float:left;
	display:inline;
	line-height: 1.5em;
	padding: 10px 0px 5px 15px;
	font-size: 80%;
	text-transform: uppercase;
}
#nav_btm_list li a:hover, #nav_btm_list li a:active, #nav_btm_list li a:focus{
	color: #669900;
}

#hackersafe{
	clear: both;
	float: left;
	padding-left: 10px;
}
#footer_copyright{
	clear: both;
	float:left;
	text-align: left;
	color: #959595;
	padding-left: 10px;
	font-size: 80%;
		margin-bottom: 10px;
		width:584px;
}

#paypal_ad /*  for footer */{
	float: left;
	padding-left: 15px;
	margin-bottom: 10px;
}

/* Footer Ends*/


/*Site Map*/
#sitemap_pg_title{
	position:relative;
	margin-left: 40px;
}

.category_block{
	position: relative;
	float: left;
	margin-top: 10px;
	margin-left: 30px;
	display: block;
	border: 1px solid red;
}

.category_block h2{
	font-weight: bold;
}


/*Site Map END*/




/* Holiday countdown styles */
#holidayShip_message{
		left:45%;
		margin-left:-180px;
		position:absolute;
		top:-5px;
		width:300px;
		display: block;
		background: #FFF url(/images/background-holidayCountdown.gif) no-repeat top;
		z-index: 99;
	}
#holidayShip_image{
		position: absolute;
		top: 5px;
		left: -28px;
	}
	#holidayShip_number{
		position: relative;
		float: left;
		color: #071354; 
		font-size: 16px; 
		font-weight: bolder;
		padding: 1px; 
		margin: 1px;
		text-align: right;
	}
	#holidayShip_textlink{
		position: relative;
		display: block;
		padding-left: 2px;
		padding-top: 3px;
		
	}
	#holidayShip_textlink a:link, #holidayShip_textlink a:visited{
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 11px; font-weight: bold; 
		line-height: 1.0em;
		text-decoration: none;
	}
	#holidayShip_textlink a:hover, #holidayShip_textlink a:focus, #holidayShip_textlink a:active{
		text-decoration: underline;
	}
	#holidayShip_arrowlink{
		font-size: 14px;
		margin-left: 3px;
	}
	#holidayShip_popup_container{
		z-index: 99;
	}
/* END Holiday countdown styles */


	#priority_info_box,
	#priority_err{
		position: absolute;	
		z-index: 98;
		top: 50px;
		left: 50%;
		width:450px;
		margin-left: -225px;
		background-color: #ffffff;
		color:#000000;
		border: 1px solid #003d80; 
		text-align:left;}
	#priority_err{top:35%; border:2px solid #850000;}
		
	#priority_info_box h2,
	#priority_err h2{
		position: relative; 
		display: block; 
		background-color: #99cb4f; 
		color: #585858;
		margin: 0;
		padding: 5px 0px 5px 0px;
		line-height: 26px;
	}
	#priority_info_box h2 span,
	#priority_err h2 span{padding:0 15px;}
	#priority_info_box h2 a,
	#priority_err h2 a{
		position:absolute; top: 2px; right: 2px;
	}
	#priority_info_box p,
	#priority_err p{padding:5px 15px; margin: 0; font-size: 95%; color:#585858;}
	#priority_info_box em,
	#priority_err em{font-weight:bold; font-style: italic; font-size: 95%; color:#585858;}

	#priority_processing{ 
		display: block;
		margin-top: 200px;
		padding-top: 10px;
		background: url(/images/priority_shipping_detail.gif) no-repeat;
		border-bottom: 1px solid #DAE7F2;
		font-weight: bold;
		height: 85px;
		width: 400px;
	}
	#priority_processing p{margin: 0px 0 0 73px; padding-top: 20px; font-size: 13px;}

	#priority_processing_onCart{
	float: left;
	clear: both;
	padding: 5px;
	display: inline; 
	background: #FFF url(/images/priority_shipping_cart.gif) no-repeat 15px 5px; 
	border: 0px solid #CCC; 
	text-align:left;
	padding: 10;
	width: 320px;
	margin-top: 20px;}
	#priority_processing_onCart em{font-weight:bold; font-style: italic;}
	#priority_processing_onCart p
	{ margin: 5px 0 0 70px;}
	#priority_processing_onCart p.priority_subtext
	{ 
	margin-left: 15px;
	padding-top: 25px;
	}
	a#b_priority:link, a#b_priority:visited {
		background: url(/images/b_addpriority.gif) no-repeat 0 0;
		display: block;
		width:189px;	height:27px;
		position: relative;
		top: 10px;
		left: 70px}
	a#b_priority:focus, a#b_priority:hover, a#b_priority:active {
		background: url(/images/b_addpriority_ON.gif) no-repeat 0 0;}
	a#b_priority span{position:absolute; top: 0; left: -9999em;}

	#priority_note{
		clear: both;
		display: block;
		padding-top: 10px;
		text-align: left;
		font-size: 77%;	
	}
	#priority_note em{font-style: italic;}

	#priority_note a:link, #priority_note a:visited {font-weight: bold;}
	#priority_note a:focus, #priority_note a:hover, #priority_note a:active {}