h2 { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 22px; 
	color: red; 
	margin: 6px 
}

li, td {
 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 13px; 
}

hr { 
color: #FF0000; 
width:70%;
text-align:center; 

}
a { 
	color: #000000; 
}

table { 
	empty-cells:show;
}

.buttonStyle {
border: none;
background: #FFF url('images/save-changes.gif');
}

.message
{
	color:red;
	margin:10px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 21px;

}
#navi {
width: 547px/1100px * 100%;
float: right;
}
#navi ul {
float: left;
}

#navi ul li {
float: left;
margin-right: 24px;
list-style: none;
}

#navi ul li a {
text-decoration: none;
text-transform: uppercase;
font-weight: normal;
color:#555;
font-size: 14px;
font-family: arial;
}

#navi ul li a:hover
{
color:#000;
}
 #footr{
width: 100%;
height: 70px;
color: #787878;
margin-bottom:1em;
}

#cont {
    background: none repeat scroll 0 0 #F9F9F9;
    margin: 0 auto;
    min-height: 200px;
	max-height:2000px;
    padding-bottom: 1em;
	height:auto;
    width: 80%;
	margin-top:0px;	
	overflow:auto;
}


#source {
    border: 1px solid;
    border-radius: 21px;
    height: 0;
    padding: 20px;
    width: 35%;
}
#logod {
	padding:40px 0 10px 40px;
	display:inline-block;
    float: left;
    width: 80%;
}

#logod img{
	max-width: 100%;
	max-height: 100%;
	height: auto;

}
	
#hdr{
	display: block;
	min-height:10em;
	position: relative;
	background: none repeat scroll 0 0 #F9F9F9;
	margin-top:0px;
	width:100%;
}

#submit_cc
{
background: url(http://superwinent.com/images/purchase.gif);
border: none;
height: 51px;
width: 140px;
background-repeat: no-repeat;
}

#Edit {
border: 1px solid;
border-radius: 21px;
height: 12px;
padding: 19px;
width: 20%;
margin-top: 10px;
}

#aboutus {
    margin: 20px;
	color: #000000;
    font-family: helvetica;
    font-size: 14pt;
	border:0.5em solid #BBBBBB!important;
    line-height: 1.5;
}

#crte {
    float: right;
    position: relative;
	top:80px;
    width: auto;
	padding:0;
	
}

.cat_menu {
	display:block;
	text-align:center;
	width: 100%;
}

.cat_menu div{
	display:inline-block;
}

/* show book details */
.test_2, test_1 , test_3 {padding:3px;}
.cl {float:right; margin:-15px -14px 0 0;}
.img1{
border:1px solid #000;

}
.img2{
margin:0 10px;
border:1px solid #000;
}
.img3{
border:1px solid #000;
}


.black_overlay{
			display: none;
			position: fixed;
			top: 0%;
			left: 0%;
			width: 100%;
			height: 100%;
			background-color: black;
			z-index:1001;
			-moz-opacity: 0.8;
			opacity:.80;
			filter: alpha(opacity=80);
			overflow:auto;
		}
		.white_content {
			display: none;
			position: fixed;
			top:0%;
			left:30%;
			width: 40%;
			padding: 16px;
			border: 5px solid orange;
			background-color: white;
			z-index:1002;
		}
		.white_content>img{
			width:100%;
		}
		.black_overlay2{
			display: none;
			position: fixed;
			top: 0%;
			left: 0%;
			width: 100%;
			height: 100%;
			background-color: black;
			z-index:1001;
			-moz-opacity: 0.8;
			opacity:.80;
			filter: alpha(opacity=80);
		}
		.white_content2 {
			display: none;
			position: fixed;
			top: 25%;
			left: 30%;
		width: auto;
			height: auto;
			padding: 16px;
			border: 5px solid orange;
			background-color: white;
			z-index:1002;
			overflow: hidden;
		}
		.black_overlay3{
			display: none;
			position: fixed;
			top: 0%;
			left: 0%;
			width: 100%;
			height: 100%;
			background-color: black;
			z-index:1001;
			-moz-opacity: 0.8;
			opacity:.80;
			filter: alpha(opacity=80);
		}
		.white_content3 {
			display: none;
			position: fixed;
			top: 25%;
			left: 30%;
			width: auto;
			height: auto;
			padding: 16px;
			border: 5px solid orange;
			background-color: white;
			z-index:1002;
			overflow: hidden;
		}
		
		
	/* div{
		padding:8px;
	} */
	

@media only screen and (max-width: 57em) {
	#logod {
		padding-left:1.6em;
	}
	textarea {
		width:100%;
	}
}

@media only screen and (max-width: 72em) {
	#cont {
		margin: 0;
		width:100%;
	}
	
}

@media only screen and (max-width: 46em) {
	#crte {
		float: center;
		top:0;
	}
	.white_content {
			top: 0%;
			left:5%;
			width: 90%;
	}
}