body {
	background-image: url(http://dangerousmathematicians.com/images/grid_box.gif);
	background-repeat: repeat;
}

font {
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #333333;
}

a {
text-decoration: none;
}

#container {
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	margin:0 auto 0 auto;
	width:910px;
	background-color:#fff;
	border: 1px solid #333333;
}

#top {
	height:70px;
	padding-bottom:0;
}

#logo {
	float:left;
	height:78px;
	padding:0;
	margin: 0;
}

#topnav {
	float:right;
	width:640px;
	padding:0;
	margin: 0;
	text-align: right;
}

#topnav .topbuttons {
	
	margin: 0;
	padding: 0;
}

#topnav .icons {
margin: 10px 15px 10px 0;
padding: 0;
text-align: right;
}

#cartsearch {
	height:2px;
	margin: 1px 0 0 0;
	padding: 0;
}

#cse-search-box {
margin: 0;
padding: 0;
}

#cartsearch form, #cartsearch input, #cartsearch .button {
margin: 0;
padding: 2;
}

#topnav ul {
	list-style-type:none;
	padding:25px 0 0 0;
	align: bottom;
	text-align: bottom;
	margin: 10px 0 10px 0;
}

#topnav li {
	display:inline;
	margin: 0;
	padding: 0;

}

#blacknav {
	background-color:#fff;
	background-image:url('http://dangerousmathematicians.com/images/darkpinkverticalshaded22.png');
background-repeat:repeat-x;
	clear:both;
	height:22px;
	margin:15px 0 0 0;
	padding: 3px 0 0 0;
	text-align: center;

}

#blacknav a {
	padding:7px 20px 9px 20px;
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
}

#blacknav .middle {
	background-image:url('http://dangerousmathematicians.com/images/greyverticalshaded22.png');
background-repeat:no-repeat;
background-position:left center;
z-index:1;
}

#blacknav a:hover {
color: #F2D9EA;
}

#blacknav .last a:hover {
font-weight: bold;
padding-right:0px;
}

#blacknav ul {
	list-style-type:none;
	padding:8px;
	display:inline;
	margin: 0;
}

#blacknav li {
	display:inline;
}

#blacknav p {
	display:inline;
margin: 2px 0 0 40px;
padding: 0;
align: right;
text-align: right;
color: white;
}

#blacknav form {
margin: 0;
padding: 0;
	display:inline;
}

#blacknav .button {
margin: 0; padding: 0;
}

#blacknav .textfield {
width: 150px; margin: 0; padding: 0;
}

#content {
	background-color:#fff;
	margin-top: 0;
	padding-top: 0;
}

#abouta {
	padding-top:10px;
	padding-left:4px;
	float:left;
	width:210px;
	border: 0;
}

#abouta h1 {
	padding-bottom:10px;
}

#abouta1 {
	float:left;
	width:50px;
}

#abouta1 img {
	padding-bottom:10px;
}

#abouta2 {
	float:left;
	padding-left:30px;
}

#abouta .center {
	padding-top:15px;
	padding-bottom:30px;
}

#abouta ul {
	list-style-type:none;
	padding-left:0px;
}

#aboutb {
	padding-top:10px;
	float:left;
	margin-left:50px;
	width:20%;
}

#aboutb h1 {
	padding-bottom:10px;
}

#aboutc {
	padding-top:20px;
	padding-bottom:20px;
	padding-right:30px;
	float:right;
}

#categorya {
	float:left;
	padding-bottom:20px;
	padding-top:10px;
	padding-right:15px;
}

#categoryb {
	padding-top:10px;
	float:left;
	width:33%;
	padding-left:7px;
}

#categoryc {
	padding-top:10px;
	padding-bottom:10px;
	float:right;
	width:25%;
	padding-right:30px;
}

#categoryc img {
	float:left;
}

#categoryc .center {
	padding-bottom:1px;
}

#categorycsearch {
	padding-top:3px;
}

#categoryc p {
	padding-top:15px;
}

.categoryfloat {
	float:left;
	padding-right:20px;
}

#categoryd {
	clear:both;
	margin-top:10px;
	background-image:url('http://dangerousmathematicians.com/images/backgrounds/graph_paper_blue.png');
	background-color:#fff;
	padding-left:40px;
	padding-top:15px;
	text-align: center;
	align: center;

}

#categoryd a, #categoryd h2 {
color:#333333;
}

.categoryd1 {
	float:left;
	width: 170px;
	text-align: center;
	align: center;
}

#categoryd2 {
	width:20%;
	float:left;
	padding-right:55px;
}

#categoryd3 {
	width:20%;
	float:left;
	padding-right:55px;
}

.categoryd4 {
	float:left;
	width: 170px;
	text-align: center;
	align: center;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

#customa {
	float:left;
	width:15%;
	padding-left:30px;
	padding-top:10px;
}

#customa img {
	padding-bottom:8px;
	padding-right:30px;
	float:left;
}

#customa .center {
	padding-top:15px;
	padding-bottom:30px;
}

#customa h1 {
	padding-bottom:5px;
}

#customb {
	float:left;
	margin-left:9%;
	margin-left:95px;
	width:23%;
	padding-top:10px;
}

#customb h1 {
	padding-bottom:5px;
}

#customc {
	float:right;
	padding-bottom:20px;
	padding-top:10px;
	padding-right:30px;
}

#eventsa {
	padding-top:10px;
	padding-left:4px;
	float:left;
	width:210px;
	border: 0;
}


.eventsa1 img {
	padding-right:25px;
	padding-bottom:10px;
	vertical-align:middle;
}

#eventsb {
	float:left;
	width: 30%;
	padding:10px;
	text-align:center;
}
	
#eventsb h1 {
	text-align:center;
	padding-bottom:5px;
}

#eventsc {
	padding-top:40px;
	padding-right:20px;
	float:right;
}

#indexa {
	float:left;
	width:100%;
	margin: 0;
	padding: 0;
}

#indexa h1 {margin: 0; padding: 0;}

#indexb {
	float:right;
	width:38%;
	padding:5px 10px 5px 0;
	margin: 0;
}

#indexb h1  {
border-top: 1px solid #666;
padding: 8px 0 0 0;
margin: 5px 0 0 0;
}

#indexb p {
margin: 0 0 12px 0;
padding: 0;
}

#indexc {
	clear:both;
	background:white;
	padding:0;
	margin: 0;
}

#indexc ul {
	list-style-type:none;
}

#indexc li {
	padding-bottom:4px;
}

#indexc a {
color: #333333;
}

#indexc1 {
position: relative;
height: 140px;
	float:left;
	width:25%;
	color: #333333;
	margin: 0;
	background-image:url(http://dangerousmathematicians.com/images/backgrounds/graph_paper_purple_mini.png);
	background-repeat: repeat;
}

#indexc2 {
position: relative;
height: 140px;
	width:25%;
	float:left;
	color: #333333;
	margin: 0;
	background-image:url(http://dangerousmathematicians.com/images/backgrounds/graph_paper_blue_mini.png);
	background-repeat: repeat;
}

#indexc3 {
position: relative;
height: 140px;
	width:25%;
	float:left;
	color: #333333;
	margin: 0;
	background-image:url(http://dangerousmathematicians.com/images/backgrounds/graph_paper_brown_mini.png);
	background-repeat: repeat;
}

#indexc4 {
height: 140px;
	width:25%;
	float:left;
	color: #333333;
	margin: 0;
	background: #FFD9E5;
	padding: 0;
	text-align: center;
}

#indexc1 img, #indexc2 img, #indexc3 img {
	padding:0;
	margin: 0;
}

#indexc .titletext, #indexc .titletext a {
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 0 3px 5px 8px;
	color: #333333;
	
}

#indexc .imgandheader {
padding: 0;
margin: 0;
width: 200px;
position: absolute;
bottom: 70px;
left: 25px;
}

#indexc p {
clear: both;
padding: 0;
margin: 6px 5px 5px 0;
position: absolute;
top: 70px;
left: 25px;
background-image: url(http://dangerousmathematicians.com/images/backgrounds/transparent50.png);
	background-repeat: repeat;
}

.homesubcategories li {
margin: 0 0 2px 0;
}

#itemnav {
	padding-bottom:9px;
	padding-left:5px;
}

#itemcontent {
	background-color:#fff;
	border-top:1px solid #333333;
	margin-top: 0;
	padding-top: 0;
}

#itemcheckout {
margin: 10px 0 10px 0;
padding: 0;
}

#itemcheckout .submit {
margin: 0 0 0 15px;
padding: 0;
}


#itemprice {
	font-weight:bold;
}

#itema {
	float:left;
	margin: 5px 5px 5px 5px;
	padding: 0;
}

#itemb {
	float:left;
	margin-left: 0;
	padding-left: 0;
}

#itemb1{
	padding-top:25px;
	padding-left: 10px;
}

#itemb1 ul{
	list-style-type:none;
	padding:0px;
}

.altviews {
	padding:20px 0 0 0;
	margin: 0;
}

.altviews img {
	padding: 0 10px 0 0;
}

.altviews p {
	padding:0 0 4px 0;
	margin: 0;
	font-size: 13px;
}

#itemc {
	float:right;
	width:52%;
	padding:5px 5px 20px 0;
	margin: 0;
}

#itemc00 {
margin: 0; padding: 0;  float: left;

}
#itemc00 h1 {
margin-top: 0;
padding-top: 0;
}

#itemc01 {
float: right;
width: 200px;
margin: 0;
padding: 0 5px 5px 5px;
}


#itemc1 {
	float:left;
	width:100px;
}

#itemc1 ul {
	list-style-type:none;
	padding:0px;
	margin: 0;
}

#itemc1 li {
	padding-top:10px;
	padding-left:5px;
	padding-bottom:5px;
}
/*
#itemc2 {
	float:left;
	width:50px;
	padding-top:10px;
	padding-left:10px;
}

#itemc2 select {
	margin-bottom:10px;
}
*/
#itemc3 {
	float:right;
	padding-right:80px;
	padding-top:38px;
}

#itemc4 {
	clear:both;
}

.select1 {
	margin-bottom:5px;
}

.select2 {
	margin-bottom:5px;
}

.select3 {
	margin-bottom:5px;
}

#itemd {
	clear:both;
	background:white;
	padding:4px 0 0 0;
	margin: 0;
}

#swatches  {
border: 1px solid black;
padding: 9px;
margin: 0 35px 0 2px;
}

#swatches  img {
border: 0;
}

#swatches .tryit {
font-size: 14px;
font-weight:bold;
text-align:center;
margin: 0;
padding: 0 0 10px 0;
}

#swatches img .main {
margin: 5px 0 5px 0;
}

#swatches .left {
text-align: left;
}

#swatches .left img  {
margin: 9px 0 0 0;
}

#swatches .right {
text-align: right;
}

#swatches .right img  {
margin: 9px 0 0 0;
}

.photos {
	overflow: hidden;
	margin: 0;
	padding: 0;
}

#centeredpage {
padding: 0 30px;
align: center;
text-align: center;
}

#nyccontenta {
	float:left;
	width:40%;
	padding-left:30px;
}

#nyccontentb {
	float:right;
	padding-right:50px;
}

#pressa {
	float:left;
	width:17%;
	padding-left:30px;
}

#pressa img {
	padding-bottom:8px;
	padding-right:30px;
	float:left;
}

#pressa .center {
	padding-top:15px;
	padding-bottom:30px;
}

#pressb {
	float:left;
	width:23%;
	padding-left:40px;
	margin-left:44px;
}

#pressc {
	float:right;
	padding-top:50px;
	padding-bottom:15px;
	padding-right:10px;
}

#subcatborder {
	margin: 0;
	padding: 0 0 4px 4px;
}

#subcata {
	float:left;
	width:30%;
	padding-bottom:25px;
	padding-top:10px;
	padding-bottom: 0;
	margin-bottom: 5px;
}

#subcatb {
	float:right;
	width:66%;
	padding-top:5px;
	padding-bottom: 0;
	margin-bottom: 5px;
}

#subcatc {
	clear:both;
	padding: 0 0 0 0;
	margin: 0;
	background:white;
}

#blackblock {
	background-color:#333333;
	padding:5px;
	margin: 3px 0;
}

#footer {
	clear:both;
	text-align:center;
	font-size: 11px;
	color:#666666; 
	margin: 10px 0 10px 0;
	padding: 0;
}

#footer p {
margin: 0;
display: inline;
}



#footer p .foottext {
margin: 0 5px 0 5px;
padding: 0 0 0 0;
}

#footline {
height: 1px;
background: #E565BA;
text-align: center;
margin: 0 7px 18px 7px;
}

#footer a {
	font-weight:bold;
}

#footer ul {
	list-style-type:none;
	margin: 7px 0 6px 0;
	padding: 0;
}

#footer li {
	display:inline;
	margin: 0 15px 0 15px;
	padding: 0;
}

a {
	font-family: verdana, arial, sans-serif;
	color: #FF6699;
}

a:hover {
color: #E062B6;
}

a:visited {
color: #FF6699;
}

.smtext {
	font-family: verdana, arial, sans-serif;
	font-size: 10.5px;
	color: #333333;
}

h1{
	font-family: verdana, arial, sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-transform: none;
	color: #333333;
}
input {
	font-family: verdana, arial, sans-serif;
	font-size: 10.5px;
	font-style: normal;
	color: #ffffff;
	background-color: #FF6699;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}
input.textfield {
	font-family: verdana, arial, sans-serif;
	font-size: 10.5px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	background-color: #FFFFFF;
	border: thin inset #E0E0E0;
}
input .button {
text-align:center;
}
select {
	font-family: verdana, arial, sans-serif;
	font-size: 10.5px;
	color: #333333;
	border: thin inset #CCCCCC;
}

.spacing {
	padding: 20px;
}

h2, h2 a, h2 a:visited {
	font-family: verdana, arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
}
a.itemnav {

	font-family: verdana, arial, sans-serif;
	font-size: 10.5px;
	text-transform: none;
	color: #FFFFFF;
}
.selectednav {
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	color: #FF6699;
	font-weight: bold;
}
.whitetext {

	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
}

#dropmenudiv{
	position:absolute;
	background-color: #333333;
	border:1px solid white;
	border-bottom-width: 0;
	line-height:18px;
	z-index:100;
}

#dropmenudiv a{
	width: 100%;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid white;
	padding: 1px 0;
	text-decoration: none;
	font-weight: bold;
}

#dropmenudiv a:hover{ /*hover background color*/
	background-color: #FF6699;
}

iframe {
	border: 0px solid #ffffff;
}

#pageimage {
	max-width:400px;
	width: expression(this.width > 400 ? 400: true);
} 

form {
margin: 0;
padding: 0;
display: inline;
}

#joinnewsletter {
background-image: url(http://dangerousmathematicians.com/images/newsletter_bg.png);
height: 193px;
width: 511px;
margin:40px auto 40px auto;
padding:0;
text-align: center;
}

#joinnewsletter form {
margin: 0;
padding: 0;
}

#joinnewsletter  input {
background:none;
}

#joinnewsletter h1 {
padding: 25px 0 0 0;
margin: 0;
font-size: 11px;
}

#joinnewsletter .formtext {
margin: 0;
padding: 15px 10px 0 10px;
clear: both;
}

#joinnewsletter .forminput {
margin: 0;
padding: 15px 10px 0 10px;
clear: both;
color: #FF6699;
font-weight: bold;
}

#joinnewsletter .forminput input {
background: white;
color: #333333;
border: 1px solid #FF6699;
padding: 2px;
width: 150px;
margin: 0 0 0 20px;
}

#joinnewsletter  .formsubmit {
margin: 0;
padding: 0;
clear: both;
background:none;
}



/* Copyright 2008 MagicToolBox.com. To use this code on your own site, visit http://magictoolbox.com */

/* CSS class for zoomed area */
.MagicZoomBigImageCont {
	border:			1px solid #333333;
	border:			1px solid #333333;
}

/* Header look and feel CSS class */
/* header is shown if "title" attribute is present in the <A> tag */
.MagicZoomHeader {
	font:			10px Tahoma, Verdana, Arial, sans-serif;
	color:			#fff;
	background:		#333333;
	text-align:     center !important; 
	margin: 0;
	padding: 0;
}

.MagicZoomHeader a, .MagicZoomHeader a:visited, .MagicZoomHeader a:hover {
color: #fff;
}

/* CSS class for small looking glass square under mouse */
.MagicZoomPup {
	border: 		1px solid #aaa;
	background: 	#ffffff;
	cursor:			hand;
}

/* CSS style for loading animation box */
.MagicZoomLoading {
	text-align:		center;
	background: 	#ffffff;
	color:			#444;
	border: 		1px solid #ccc;
	opacity:		0.8;
	padding:		3px 3px 3px 3px !important;
	display: 		none; /* do not edit this line please */
}

/* CSS style for gif image in the loading animation box */
.MagicZoomLoading img {
	padding-top:	3px !important;
}