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


body {
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
background: url(../images/bg.gif) repeat-x;
}

#wrapper {
width: 960px;
margin: 0 auto;
}


/* -----------------------------
-: General Classes :-
----------------------------- */
.clear {
clear: both;
}

.f_left{
float:left;
}

.f_right{
float:right;
}

img{
border:none;
}

.img-left-align {
}

.img-white-border {
border: 1px solid #FFF;
}

a.link2black {
color: #000;
font-size: 12px;
text-decoration: none;
}

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

a.link2red {
color: green;
font-size: 12px;
text-decoration: none;
}

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


/* -----------------------------
-: Header :-
----------------------------- */

#header {
width: 960px;
height: 102px;
position: relative;
}


#header h1 a {
width: 253px;
height: 48px;
background: url(../images/logo-we-code-forms.jpg) no-repeat;
position: absolute;
top: 29px;
display: block;
text-indent: -9999px;
}

/* -----------------------------
-: Navigation Bar :-
----------------------------- */

#nav {
width: 441px;
height: 60px;
background: url(../images/nav.jpg) no-repeat;
position: relative;
float:right;
top:42px;
}

#nav ul {
margin: 0;
padding: 0;
list-style: none;
}

#nav li {
margin: 0;
padding: 0;
float: left;
}

#nav li a {
position: absolute;
display: block;
background: url(../images/nav.jpg) no-repeat;
text-indent: -9999px;
height: 60px;
}

#nav li.home a {
width: 67px;
left: 0;
background-position: 0 0;
}

#nav li.samples a {
width: 87px;
left: 87px;
background-position: -87px 0px;
}

#nav li.order a {
width: 67px;
left: 191px;
background-position: -191px 0px;
}

#nav li.faqs a {
width: 67px;
left: 278px;
background-position: -278px 0px;
}

#nav li.contact a {
width: 87px;
left: 354px;
background-position: -354px 0px;
}

#nav li.home a:hover, #nav li.home a.active {
background-position: 0 -60px;
}

#nav li.samples a:hover, #nav li.samples a.active {
background-position: -87px -60px;
}

#nav li.order a:hover, #nav li.order a.active {
background-position: -191px -60px;
}

#nav li.faqs a:hover, #nav li.faqs a.active {
background-position: -278px -60px;
}

#nav li.contact a:hover, #nav li.contact a.active {
background-position: -354px -60px;
}

/* -----------------------------
-:  Middle Part :-
----------------------------- */

#middle {
width: 960px;
height: 638px;
background:url(../images/middle-bg.jpg) no-repeat;
margin: 0 0 30px 0;
position: relative;
}

#transparent-bg-box {
	position:absolute; 
	width:396px; 
	height:449px; 
	background:url(../images/tp-white.png); 
	top:107px; 
	left:540px;
}

/*middle left content start*/
.middle_left{
width:490px;
padding:31px 0 0 0;
float:left;
}

.middle_left p {
	padding: 50px 0 25px 0;
	}

.checkout{
margin:0px;
padding:0px;
position:relative;
}

.checkout a{
	position:absolute;
	top:248px;
	left:47px;
	text-indent:-99999px;
	display:block;
	overflow:hidden;
	width:441px;
	height:56px;
}
/*middle right content end*/


/*middle right content start*/
.middle_right{
margin:0px;
padding:107px 32px 0 0;
width:380px;
float:right;
}


/* -----------------------------
-:  Middle Part :-
----------------------------- */



/* -----------------------------
-:  Middle Part :-
----------------------------- */


#type-of-forms {
	width: 600px;
	float: left;
}

.type-of-forms-list {
	width: 275px;
	float: left;
	margin: 10px 0 0 0;
}

.type-of-forms-list li {
	margin: 13px 0 0 0;
	padding: 0 0 0 25px;
	color: #656761;
	font-size: 14px;
	font-weight: bold;
	background: url(../images/right-arrow.png) no-repeat left;
}

#file-formats {
	width: 240px;
	float: right;
}

#file-formats table {
	margin: 13px 0 0 0;
}

#file-formats table td {
	padding: 0 15px 12px 0;
}

.mid_botm{
	margin:23px 0 0 0;
	padding:0px;
	width:442px;
	float:left;
}

.quotebox_top{
	height:6px;
	width:442px;
	overflow:hidden;
	background:url(../images/quote_top.png) no-repeat;
}

.quotebox_center{
	padding:0px 16px 2px 18px;
	border-left:1px #e0e0e0 solid;
	border-right:1px #e0e0e0 solid;
	background:#f3f3f3;
	line-height:20px;
	color:#666;
	overflow:hidden;
}

.quotebox_botm{
	background:url(../images/quote_botm.png) no-repeat;
	width:442px;
	height:16px;
}

.employ_name{
	padding:10px 0 0 0;
	font-size:18px;
	line-height:20px;
	color:#5e5e5d;
	font-weight:bold;
}

/* Footer */
.footer{
	margin:30px 0 0 0;
	padding:0px;
	height:358px;
	background:#dededb url(../images/footer.png) center top no-repeat;
}

.footer_wrapper {
width: 960px;
margin: 0 auto;
}

.footer_left{
	padding:30px 0 0 0 ;
	width:430px;
	float:left;
	overflow:hidden;
}

.followus{
	width:430px;
	position:relative;
}

.followLink{
	display:block;
	width:105px;
	height:72px;
	float:left;
	position:absolute;
}

.followText{
	margin:0px;
	padding:40px 0 0 0;
	font-size:12px;
	width:310px;
	float:right;
	line-height:18px;
	color:#e3e3dc;
}

.footer_icon{
	margin:50px 0 0 0;
	font-size:18px;
	color:#e8e8e1;
	overflow:hidden;
}

.footer_icon_link{
	float:left; 
	padding:0 12px 0 0;
}



.footer_email{
	margin:0px;
	padding:25px 0 0 0;
	color:#e8e8e1;
}

.email_text{
	font-size:18px;
	font-weight:bold;
	float:left;
	padding: 5px 0 0 0;
}
.email_text span{
	padding:5px 0 0 0;
	font-size:14px;
	font-weight:normal;
}

.footerin{
	margin: 3px 5px 0 10px;
	width:172px;
	height:25px;
	float:left;
	background:url(../images/footer_in.png) no-repeat;
}

.footer_in{
	padding:4px 5px 0 7px ;
	width:160px;
	height:21px;
	color:#fff;
	background:none;
	border:none;
}

.email-submit-btn {
	float: left;
}

.bottom_text{
	margin:0px;
	padding:50px 0 0 32px;
	color:#757575;
	font-size:13px;
	font-weight:bold;
	line-height:22px;
}

.bottom_text a{
	color:#d87878;
	text-decoration:none;
}

.footer_right{
	padding:157px 0 0 0;
	width:370px;
	float:right;
	position: relative;
	height: 200px;
}

.footer_nav ul{
	margin:0px;
	padding:0px;
	list-style:none;
}

.footer_nav li{
	margin:0px;
	padding:0px 0 15px 0;
	display:block;
}


.footer_nav li a {
margin: 0px 0 0 0;
padding:3px 11px 8px 11px;
color:#dfdfd4;
text-decoration:none;
font-size: 12px;
text-transform: uppercase;
}

.footer_nav li a span{
padding:3px 11px 8px 0px;
color:#dfdfd4;
}

.footer_nav li a:hover, .footer_nav li a.on {
background:url(../images/f_nav_left.png) no-repeat left top;
}

.footer_nav li a:hover span, .footer_nav li a.on span {
background:url(../images/f_nav_right.png) no-repeat right top;
}

.xieno{
	font-size:14px;
	color:#fff;
	float:right;
	padding: 0 0 0 0;
	position: absolute;
	left: 297px;
	top: 284px;
}

.vaildHtml {
	position: absolute;
	left: 91px;
	bottom: 5px;
	width: 40px;
	height: 19px;
}

.vaildHtml a {
display: block;
text-indent: -9999px;
}

.vaildCss {
	position: absolute;
	left: 133px;
	bottom: 5px;
	width: 33px;
	height: 19px;
}

.vaildCss a {
display: block;
text-indent: -9999px;
}


.copyright{
	margin:0px;
	font-size:13px;
	color:#fff;
	position: absolute;
	bottom: 0px;
		
}



.orderfrm {
	color: #7f7f7f;
	}
	
.orderfrm table td {
	padding: 0 0 12px 0;
	}
	
.orderfrm .labelBox {
	display: block;
	color: #7f7f7f;
	padding: 0 0 5px 0;
	}
	
.orderfrm .inputBox {
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
border: 2px solid #d5d5d5;
padding: 3px 5px;
width: 150px;
	}
	
.orderfrm input.inputBox:hover {
	border: 2px solid #dee6cc;
	}
	
	
.orderfrm .selectBox  {
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
border: 2px solid #d5d5d5;
padding: 2px;
width: 163px;
}

.orderfrm textarea {
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
border: 2px solid #d5d5d5;
padding: 3px 5px;
width: 350px;
	}
	
.orderfrm .checkbox {
	-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
border: 2px solid #d5d5d5;
	}
	
.orderfrm button {
	width: 149px;
	height: 41px;
	border: none;
	background: url(../images/btn-order-now.gif) no-repeat;
	display: block;
	cursor: pointer;
	text-indent: -9999px;
	}

/* Internal Page Css */
.internal-bg {
	margin: 0;
	padding: 0;
	background: #ddddda url(../images/internal-pages-bg.jpg) repeat-x;
}

#internal-middle-box {
	width: 960px;
	height: 345px;
	background: url(../images/internal-middle-box-bg.jpg) no-repeat;
}

#contact-support-box a {
	width: 200px;
	height: 58px;
	display: block;
	float: left;
}

#place-order-box a {
	width: 452px;
	height: 58px;
	float: right;
	display: block;
}

#internal-content {
	width: 960px;
}

#faq-list {
	width: 960px;
	margin: 0 0 0 0;
}

#faq-list li {
	margin: 0 0 0 0;
	padding: 0 0 30px 0;
}

.faq-bullet {
	width: 15px;
	height: 15px;
	float: left;
}

.faq-right {
	width: 930px;
	float: right;
}

.faq-right h1 {
	margin: 0 0 8px 0;
	color: #597e09;
	font-size: 14px;
	font-weight: bold;
}

.faq-right p {
	color: #000;
	font-size: 14px;
	line-height: 24px;
}

#round-box {
	width: 922px;
	height: 29px;
	background: url(../images/roundbox.png) no-repeat;
	padding: 9px 19px 0 19px;
}

#round-box p {
	font-size: 14px;
	margin: 3px 0 0 0;
}

#round-box p a {
	color: #000;
	text-decoration: underline;
	font-size: 14px;
}

#round-box p a:hover {
	text-decoration: none;
}

/* Sample Page */
#sample-page-box-bg {
	width: 960px;
	height: 345px;
	background: url(../images/internal-sample-bg.jpg) no-repeat;
}

#sample-list {
	width: 960px;
}

#sample-list li {
	margin: 0 0 40px 0;
	padding: 0 0 40px 0;
	border-bottom: 1px solid #c0c0bf;
}

#sample-list li h1 {
	margin: 0 0 15px 3px;
	color: #cc6600;
	font-size: 20px;
	font-weight: bold;
}

.sample-img-left {
	width: 730px;
	float: left;
}

.sample-img-right {
	width: 200px;
	float: right;
}

.sample-img-right h2 {
	margin: 0 0 12px 0;
	font-size: 12px;
}

.thanks{
	margin:0px;
	padding:170px 0 0 0;
	text-align:center;
	}
	
.thanks p{
	margin:0px;
	padding:10px 0 0 0;
	color:#666;
	line-height:20px;
	}
	
.thanks p a{
	color:#7f7f7f;
	font-weight:bold;
	text-decoration:none;
	}
	
#order-page {
	width: 960px;
	color: #7f7f7f;
}

#order-page h1 {
	margin: 0 0 30px 0;
	color: #597e09;
	font-size: 14px;
	font-weight: bold;
}

#order-page table td {
	padding: 0 0 25px 0;
	}
	
#order-page .labelBox {
	display: block;
	color: #7f7f7f;
	padding: 0 0 5px 0;
	}
	
#order-page .inputBox {
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
border: 2px solid #d5d5d5;
padding: 3px 5px;
width: 300px;
	}
	
#order-page input.inputBox:hover {
	border: 2px solid #dee6cc;
	}
	
	
#order-page .selectBox  {
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
border: 2px solid #d5d5d5;
padding: 2px;
width: 313px;
}

#order-page textarea {
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
border: 2px solid #d5d5d5;
padding: 3px 5px;
width: 500px;
height: 160px;
	}
	
#order-page .checkbox {
	-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
border: 2px solid #d5d5d5;
	}
	
#order-page button {
	width: 149px;
	height: 41px;
	border: none;
	background: url(../images/btn-order-now.gif) no-repeat;
	display: block;
	cursor: pointer;
	text-indent: -9999px;
	}

.thankyou{
	margin: 0 0 15px 0;
	color: #cc6600;
	font-size: 20px;
	font-weight: bold;
}

#atffc{
display:none;
}

.error {
	color: red;
	font-size: 12px;
}