/* BizCard Homepage CSS */


body {
background: ##dfdfdf;
margin: 0px;
padding: 0px;
font-family:  Arial, Helvetica, sans-serif;
font-size:    12px;
}

a {
text-decoration: none;
}

#header p {
margin: 0px;
padding: 0px;
font-family:	Arial,Helvetica,sans-serif;
font-size:	11px;
font-weight:	bold;
font-style:	normal;
color:	#52626E;
}

#header a {
font-family:	Arial,Helvetica,sans-serif;
font-size:	11px;
font-weight:	bold;
font-style:	normal;
color:	#52626E;
}

a img {
	
margin:15px 15px 25px 20px;
border: 2px solid #ccc;
}

a img:hover {
margin:px 25px 25px 25px;
border: 2px solid #ff6600;
}


a:hover {

color: #cc3300;
}

h2{
font-family:calibri;
font-size:14pt;
color:green;	
}
#header a:hover {
text-decoration: underline;
}

#header .big {
color: #333;
font-size: 14px;
}

.pad {
margin: 5px;
}

#header #number {
float: right;
margin: 30px;
margin-bottom: 0px;
}

#wrap {
width: 996px;
margin: auto;
background: #url(../images/bg.jpg);
}

#header {
width: 995px;
height: 72px;
margin: auto;
background: url(../images/header2.jpg);
}

#navbar {
width: 960px;
height: 27px;
margin: auto;
margin-top: 7px;
background: #url(../images/bg_navigation.JPG) repeat-x top center;
}

#navbar ul {
margin: 0px;
padding: 0px;
}

#navbar li {
margin: 0px;
padding: 0px;
display: inline;
float: left;
background: #url(../images/line.jpg) right center no-repeat;
}

#navbar li.none {
background: none;
}

#navbar a {
font-family:	Arial;
font-size:	11px;
font-weight:	bold;
font-style:	normal;
color: #000;
padding: 5px;
padding-top: 5px;
float: left;
margin-right: 1px;
border: 1px solid #fff; 

}


#navbar a:hover {
background:#DEE1DF;  #url(../images/hov.jpg)  repeat-x;
border: 1px solid #DEE1DF;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

#navbar img {
float: left;
margin-top: 6px;
display: inline;
}

#footer {
width: 995px;
height: 24px;
margin: auto;
background: url(../images/footer.jpg);
}


.right {
float: right;
}


.left {
float: left;
}


#content {
min-height: 800px;	
width: 804px;
background: ##F6F6F6;
float: right;
border: 1px solid #BFBFBF;
padding: 5px;
margin: 18px;
margin-top: 10px;
margin-left: 0px;
}


input {
	
margin-bottom: 10px;
border: 1px solid rgb(0, 102, 102); 
background: #f5f5f5; 
color: ;  
width: 300px;
height:20px;
font-size:15pt;
font-family: Trebuchet;
float:right;
}


button {
padding-top: -7px;
margin-left: -5px;
color: #0066ff;
font-family:Trebuchet;
height:29px;
font-size:13pt;

position: absolute;
}
	
form 
{
	width:410px;	
}

#preview
{
	  width:280px;
	  margin-left:500px;
	  border: 1px solid #ccc;
      border-bottom: 2px solid #ccc;
   	  border-right: 2px solid #ccc;
      margin-top: -550px;
      color:ff6600;
       

}


#order {
min-height: 800px;	
width: 950px;
background: ##F6F6F6;
float: right;
border: 1px solid #BFBFBF;
padding: 5px;
padding-top:50px;
margin: 18px;
margin-top: 10px;
margin-left: 0px;
font-family:Trebuchet;
font-size:13pt;
}



.boxx {
background: #fff;
float: left;
border: 1px solid #BFBFBF;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
width: 256px;
margin: 5px;
height: 400px;
}

.boxx2 {

float: left;
width: 220px;
margin: 7px;
margin-top:-10px;
font-size:13px;
height: 330px;
font-family:calibri;
text-align:center;
border:1px solid #fff;
}

.boxx2:hover {	
border:1px solid #3399ff;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

.boxx2 img:hover {	

border:2px solid#ccc;
}



.boxx2 a 
{
color: #3399ff;	
}

.boxx2 a:hover
{
color: #000;	
}


.sidebar2  a
{
	color: #3399ff;
	font-size:12pt;
	margin-left:5px;
	
}

.sidebar2  a:hover
{
	color: #000;
	font-size:12pt;
	margin-left:5px;
	
}

.sidebar2
{
	
 	text-align:center;
}


.prodbox
{
	background: #fff;
	float: left;
	border: 1px solid #BFBFBF;
	width: 256px;
	margin: 5px;
	height:340px;!important
}

.horzbox {
background: #fff;
float: left;
border: 1px solid #BFBFBF;
width: 792px;
margin: 5px;
}

.horizleft
{
 float:left; width:180px;margin:0px 0px 0px 20px;
}

.horizright
{
 float:left; width:592px; margin:0px 0px 10px 0px;
}

.horizright ul li
{
	font-weight:bold;
	margin:0px 0px 8px 0px;
}

.horzbox h2
{
	font-family:	Arial,Helvetica,sans-serif;
	font-size:	13px;
	font-weight:	bold;
	font-style:	normal;
	color:	#222222;
	text-transform:	none;
	letter-spacing:	normal;
	word-spacing:	normal;
	line-height:	16px;
	margin: 20px;
}

.image
{     
      border: 1px solid #ccc;
      border-bottom: 2px solid #ccc;
	border-right: 2px solid #ccc;
      float:left; 
      margin: 7px;
      margin-bottom: 20px; 

  
  

}

.image:hover

{
     border: 1px solid #ff6600;
      border-bottom: 2px solid #ff6600;
	border-right: 2px solid #ff6600;
      float:left; 
}

.xll
{
	font-size:15px;
	font-weight:bold;
}

img.b-button {
padding-left: 172px;
padding-top: 365px;
position: absolute;
}

.boxx h1, .prodbox h1, .horzbox h1 {
font-family:	Arial,Helvetica,sans-serif;
font-size:	14px;
font-weight:	bold;
font-style:	normal;
color:	#0D62A2;

text-transform:	none;
letter-spacing:	normal;
word-spacing:	normal;
line-height:	16px;
margin: 20px;
}


.boxx h2, .prodbox h2, .horzbox h2 {
font-family:	Arial,Helvetica,sans-serif;
font-size:	14px;
font-weight:	bold;
font-style:	normal;
color:	#0D62A2;

text-transform:	none;
letter-spacing:	normal;
word-spacing:	normal;
line-height:	16px;
margin: 20px;
}

.boxx p, .prodbox p, .horzbox p {
margin: 20px;
margin-top: 0px;
margin-bottom: 10px;
}

.boxx, .prodbox, .horzbox {
z-index: 1;
}

.boxx img, .prodbox img, .horzbox img {
margin: auto;
} 

.bigboxx {
background: #fff;
clear: both;
border: 1px solid #BFBFBF;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
width: 792px;
float:right;
margin-right:40px;
margin-top: 7px;
margin-bottom: 5px;
}

.bigboxx h2 {
font-family:	Arial,Helvetica,sans-serif;
font-size:	15px;
font-weight:	bold;
font-style:	normal;
color:	#222222;
padding: 10px;
margin: 0px;
}


.bigboxx p {
margin: 10px;
}

.sidebar {


width: 125px;
border: 1px solid #B7B7B7;
margin: 18px;
margin-top: 10px;
padding: 5px;
margin-right: 0px;
border-right:none;
background: #F6F6F6;
}

.sidebar ul {
margin: 0px;
padding: 0px;
}

#diag {
height: 20px;
background: url(https://www.bizcard.com/s/images/diagonal_horiz_bg.gif) repeat-x;
width: 960px;
margin: auto;
clear: both;
}


#test {
width: 140px;
margin-left: 15px;
text-align: center;
}


#test h2 {
font-family:	Arial,Helvetica,sans-serif;
font-size:	15px;
font-weight:	bold;
font-style:	normal;
color:	#0D62A2;
}
.sidebar li {

margin: 0px;
padding: 0px 0px 4px 0px;
list-style-type: none;
font-family:	Arial,Helvetica,sans-serif;
font-size:	12px;
font-weight:	400;
font-style:	normal;
margin: 3px;
}

.sidebar li a
{
	color: #333;
	text-decoration:none;
}

.sidebar li a:visited
{
color: #333;
text-decoration:none;
}
.sidebar li a:hover
{
	text-decoration:underline;
}

.sidebar li a:current
{
	color:#ff6600;
	font-weight: bold;
}

.sidebar h2 {
font-family:	Arial,Helvetica,sans-serif;
font-size:	13px;
font-weight:	bold;
font-style:	normal;
color: #333;
margin: 3px;
margin-top: 5px;
margin-bottom: 5px;
}

.sidebar hr
{
background-color:#949294;
border:medium none;
color:#949294;
height:1px;
}

#airplane {
background: url(https://www.bizcard.com/s/images/freeupload.jpg);
height: 153px;
width: 143px;
margin-left: 15px;
}

#airplane h4 {
font-family:	Arial,Helvetica,sans-serif;
font-size:	15px;
font-weight:	bold;
font-style:	normal;
color:	#0D62A2;
padding: 10px;
padding-bottom: 0px;
}

#airplane h4 a
{
color:#ff0000;
}


#airplane p {
width: 90px;
text-align: right;
margin-left: 35px;
margin-top: -13px;
}

.sidebar h3 {
margin: 3px;
color: #d0d7dc;
margin-bottom: 10px;
font-size: 12px;
}

td.footer a {
color:	#0D62A2;
}


td.footer a:hover {
color:	#0D62A2;
text-decoration: underline;
}


#side {
float: left;
}

#side img {
padding-left: 15px;
display: block;
}


#banner {
width: 960px;
height: 152px;
margin: auto;
margin-top: 6px;
color:#fff;
}

.banner_left
{
	float:left; width:500px; padding:10px 0px 0px 260px;
}

.banner_left h2

{
	color:#fff;
}

.banner_right
{
	float:left; width:195px;
	padding:6px 0px 0px 5px;
}

#banner a
{
	color:#333;
	text-decoration:underline;
	font-weight:bold;
}

#banner a:hover
{
	text-decoration:none;
}


#baselinks {
border: 1px solid red;
width: 500px;
clear: both;
}


.bigboxx h3 {
font-size: 13px;
padding: 10px;
}

.bigboxx li {
text-decoration:none;
list-style-type: disc;
}
.bigboxx li  a {
text-decoration:none;
list-style-type: disc;
}

.bigboxx ul {
list-style-type: disc;
padding-left: 20px;
}


.sp {
margin: 10px;
display: inline;
padding-top: 10px;
}

/*------------ CSS BY DHARAM ---------------*/

.button_fix {
margin-left: 172px;
margin-top: 365px;
padding:0;
position: absolute;
}

.button_fix b-button
{
	padding:0;
	margin:0;
	position:inherit;
}

/*---dharam link css---*/
.boxx a, .prodbox a, .horzbox a
{
	color:#0D62A2;
	text-decoration:none;

}

.boxx a:hover, .prodbox a:hover, .horzbox a:hover
{
	text-decoration:none;
	color:#CC3300;	
}
	

/*---eof dharam link css---*/

.clear
{
	clear:both;
}

#footer_box
{
	width: 915px;
	background: ;
	float:left;
	margin:0px 0px 0px 20px;
	padding:0px 0px 10px 45px;
}

.single_box
{
	padding:7px 41px 0px 20px;
	margin:0;
	border-left: 1px solid #ccc;
	float:left;
}


.single_box a
{
	color:#000;
	text-decoration:none;
}

.single_box a:hover
{
	text-decoration:underline;
}

.single_box h4 a
{
	color:#0D62A2;
	text-decoration:underline;
	font-size:13px;!important
}

.single_box h4 a:hover
{
	color:#cc3300;
	text-decoration:none;
}

#footer_box .seperator
{
	height:94px;
	width:0px;
	float:left;
	padding:25px 22px 0px 0px;
}

.redtext
{
	color:red;
	font-weight:bold;
}

.padding10
{
	padding:10px;
}

/*--------------- DHARAM's CSS for footer ends here // Starts Ely addons---------------*/

#marketing

{
	width:960px;
	margin:auto;
}

.marketing_tips_box
{
	width: 450px;
	height: 200px;
	margin-left:10px;
	margin-bottom: 10px;
	float: left;
	padding: 5px;
	border: 5px solid #ccc;
	
}

.marketing_tips_box h3 a

{
	color: #3CB0DD;
}

.marketing_tips_box:hover 

{
   background: #ccc;	
}