/* CSS Codes by: Joseph R. Deliman*/

/*reset*/
html, body, div, span, applet, object, iframe,
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, 
font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 
dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, 
tfoot, thead, tr, th, td, p {
	border:0pt none;
	font-size:100%;
	margin:0pt;
	outline-color:invert;
	outline-style:none;
	outline-width:0pt;
	padding:0pt;
}

/* body */
body { 
margin:0; 
padding:0; 
font-size:12px; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
line-height:20px;
color:#000; 
background:#fff;  /*url(images/bg.jpg) repeat-x center top*/
}

/*basics*/
img, a {border:none; outline:none !important}
a[href^=tel] { color: inherit !important; text-decoration: none !important; }
a {color:#EE5311; text-decoration:none; }
a:hover {color:#320061; text-decoration:underline; }
p{ padding:0px 0px 12px 0px; }
h1{ font-size:24px; margin:0; padding:0; }
h2{ font-size:20px; margin:0; padding:0; }
h3{ font-size:16px; margin:0; padding:0; }
h4{ font-size:14px; margin:0; padding:0; }
h5{ font-size:12px; margin:0; padding:0; }
h6{ font-size:10px; margin:0; padding:0; }
.comp{ color:#320061; font-weight:bold; }
.comingsoon{ color:red; font-weight:bold; font-style:italic; }
.clearfix{ clear:both; overflow:hidden; }
.floatleft-img{ float:left; margin-right:10px; margin-top:5px; border: 4px outset #320061;}
.floatleft-nobd{ float:left; margin-right:10px; margin-top:5px;}
.floatright-img{ float:right; margin-left:10px; margin-top:5px; border: 4px outset #320061;}
.f-left{float:left;}
.f-right{float:right;}
.no-border a {border:none !important;}





/*layers*/
#wrapper{ width:980px; height:auto; margin:0 auto 0 auto; }
#banner{width:980px; height:116px; background: url(images/bg-banner.jpg); position:relative;}
#nav{width:965px; height:46px;  background:url(images/bg-nav.jpg); padding-left:15px; position:relative;}
#main{width:980px; height:auto; background: #eeeeee; clear: both; overflow:hidden; padding:20px 0 15px 0;}
#outerfooter{width:100%; height:259px; margin:0 auto 0 auto; background:url(images/bg-footer.jpg);}
#footer{width:980px; height:179px; padding-top:80px; font:12px Arial; color:#fff; margin:-65px auto 0 auto; background:url(images/bg-footer.jpg);}
#footer-wide{width:980px; height:179px; padding-top:80px; font:12px Arial; color:#fff; margin:0 auto 0 auto; background:url(images/bg-footer.jpg);}


/*inside banner  */
.bannerleft{float:left; padding:15px 0 0 20px;}
.bannerright{float:right; font-family:arial; color:#ff7d22; font-size:25px; padding:30px 0 0 0;}
	.call{ font-size:16px; color:#fff; display:block; padding-bottom:5px;}
	#slogan{position:absolute; right:0; bottom:0px;}
	.clock{position:absolute; top:5px; right:0px}
/*inside navigation bar */
#nav ul {margin:0; padding:0; list-style:none; }
#nav ul li {display:inline; float:left;}
#nav ul li a {width:auto; height:33px; text-align:center; color:#FFF; text-decoration:none; padding:13px 12px 0 12px; display:block; float:left; font-size:15px; font-weight:bold; background: url(images/nav-arrow.png) no-repeat center 32px;}
#nav ul li a:hover, #nav ul li.current_page_item a {color:#320061; text-decoration:none; background: url(images/nav-arrowhover.png) no-repeat center 32px;}
#nav ul li.nav-spacer {width:21px; height:46px; float:left; background:url(images/nav-spacer.png) no-repeat;}

.nav-search{width:198px; height:25px; background: url(images/nav-search.png); position:absolute; right:10px; top:10px; z-index:99; color:#9f9f9f; line-height:25px; font-family:arial; font-size:13px; font-style:italic; padding-left:9px;}
.btn-search{position:absolute; right:10px; top:10px; z-index:999;}
.btn-search a{width:32px; height:26px; background: url(images/btn-search.png); display:block;}

/*flash*/
#flash{width:980px; height:380px; background:#fff; position:relative; padding-top:10px;}
	
	#flash-left{width:320px; height:300px !important; float:left; display:block;}
		.flash-tabs{padding:0 0 0 0;}
			.tab-title{font-size:15px; font-weight:bold; color:#fff; width:303px; height:29px; background: url(images/bg-tabtitle.png); padding:0 0 0 15px;}
			.flash-tabs ul{margin:0; padding:0 0 0 0; list-style:none;}
			.flash-tabs ul li{margin-bottom:5px;}
			.flash-tabs ul li a{width:303px; height:28px; background: url(images/flashtab1.png) no-repeat left top; display:block; color:#fff; font-weight:bold; font-size:15px; padding:15px 0 0 15px;}
			.flash-tabs ul li a:hover{background: url(images/flashtab1.png) no-repeat left bottom;}
			.flash-tabs ul li a span {font-size:15px !important;}
	.flash-tabs2{padding:5px 0 0 10px;}
		.tab-title{font-size:15px; font-weight:bold; color:#fff; width:303px; height:29px; background: url(images/bg-tabtitle.png); padding:15px 0 0 15px;}
		.flash-tabs2 ul{margin:0; padding:5px 0 0 0; list-style:none;}
		.flash-tabs2 ul li{margin-bottom:5px;}
		.flash-tabs2 ul li a{width:303px; height:28px; background: url(images/flashtab1.png) no-repeat left top; display:block; color:#fff; font-weight:bold; font-size:15px; padding:15px 0 0 15px;}
		.flash-tabs2 ul li a:hover{background: url(images/flashtab1.png) no-repeat left bottom;}
								
	#flash-images{float:left;}	
		.flash-details{width:383px; height:388px; background: url(images/bg-flash-details.png); position:absolute; right:0; top:0; z-index:999;}
		.flash-details p{width:245px; height:auto; color:#fff; font-family:Arial; font-size:12px; padding:60px 0 0 110px; line-height:23px;}
			.slogan{font-size:27px; color:#250049; padding:70px 0 0 150px;}
			.slogan span{color:#1d0037; font-size:22px; display:block; padding-left:30px; padding-top:5px;}
	
	#rotate-nav {position:absolute; z-index:9999; bottom:30px; right:20px; z-index:9999;}
	#rotate-nav a {display:block; float:left;  height:16px; width:16px; line-height:1; font-size:10px; text-decoration:none; background:url('images/home-rotate-circle.png') no-repeat; padding-right:10px;}
	#rotate-nav a:hover, #rotate-nav a.activeSlide {background:url('images/home-rotate-circle-hover.png') no-repeat;}
	#rotate-nav a:focus {outline: none;}	

/* left and right main */
#col-a{width:320px; height:auto; float:left; padding-left:10px;}
	.colform {width:99%; height:auto; font-family:Arial, Helvetica, sans-serif; margin-bottom:10px; clear:both; overflow:hidden;
	background: -webkit-gradient(linear, left top, left bottom, from(#FCEFC3), to(#F2C759));
	background: -moz-linear-gradient(top, #FCEFC3, #F2C759);
	background: linear-gradient(to top, #FCEFC3, #F2C759);
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	}
	.colform h1 {font-size:20px; font-weight:bold; color:#320061; padding-bottom:10px;}
	.colform input {width:99%; height:18px; font-family:Arial, Helvetica, sans-serif !important; font-size:11px !important; border:none; border:1px solid #f2c759; background:#FFF;}
	.colform textarea {width:99%; height:48px; font-family:Arial, Helvetica, sans-serif !important; font-size:11px !important; border:none; border:1px solid #f2c759; background:#FFF;}
	.colform table {padding-top:10px;}
	.colform-canvas {padding:14px 14px 14px 14px !important;}
	.colred {color:#FF0000;}
	.paypal{width:318px; height:144px; background: url(images/bg-paypal.png); display:block;}
		.title-paypal{color:#fff; font-family:arial; font-size:30px; font-weight:bold; padding:30px 0 0 30px;}
		.paypal img{padding:10px 0 0 30px;}
	.shipping{width:318px; height:151px; background: url(images/bg-shipping.png); margin-top:10px;}
		.title-shipping{padding:20px 0 0 13px;}
			.shipping1{color:#fff; font-size:60px; float:left;}
			.shipping2{font-size:30px; float:left; color:#fff; padding:12px 0 0 20px;}
		
		.title-order{padding:75px 0 0 13px;}
		.order1{color:#ffe4e4; font-size:23px; float:left;}
		.order2{font-size:27px; font-weight:bold; float:left; color:#fff; padding:0 0 0 10px;}
	
	.tab-left{padding:5px 0 0 0;}
	.tab-left ul{margin:0; padding:0; list-style:none;}
	.tab-left ul li{margin-bottom:5px;}
	.tab-left ul li a{width:303px; height:28px; background: url(images/btn-lefttabs.png) no-repeat left top; display:block; color:#fff; font-weight:bold; font-size:15px; padding:15px 0 0 15px;}
	.tab-left ul li a:hover, .tab-left ul li.current_page_item a{background: url(images/btn-lefttabs.png) no-repeat left bottom;}
	
	
	.we-offer{width:317px; height:143px; background: url(images/bg-we-offer.jpg); margin-top:5px; margin-bottom:10px; text-align:center; }
		.we-offer p {width:250px; height:auto; color:#fff; font-family:arial; font-size:30px; font-weight:bold; padding:30px 0 0 25px; line-height:40px;}
	
	.free-layout{width:317px; height:143px; background: url(images/bg-free.png); margin-top:48px; margin-bottom:10px;}
		.free-layout p {width:250px; height:auto; color:#fff; font-family:arial; font-size:15px; font-weight:bold; padding:30px 0 0 25px; animation: blinker 1s linear infinite;}
		@keyframes blinker {  
			50% { opacity: 0; }
		}
		
		.btn-free{margin: 10px 25px 0 0; float:right;} 
		.btn-free a{width:117px; height:24px; background: url(images/btn-free.png) no-repeat left top; display:block; font-family:Arial; font-size:15px; color:#fff; font-weight:bold; line-height:24px; text-align:center;}
		.btn-free a:hover{text-decoration:none; background: url(images/btn-free.png) no-repeat left bottom;}
	
	.quick{width:318px; height:227px; background: url(images/bg-quick.jpg); margin-top:10px; position:relative;}
		.title-quick{color:#fff; font-size:33px; padding:15px 0 0 120px}
		.title-quick span{font-size:40px; font-weight:bold; color:#fff; display:block;}
		
		.contact-img{position:absolute; left:0; bottom:0;}
		.quick p{width:172px; height:auto; font-family:arial; font-size:13px; color:#fff; line-height:17px; padding:10px 0 0 140px;}
			.btn-quick{margin: 20px 0 0 100px;} 
			.btn-quick a{width:168px; height:35px; background: url(images/btn-quick.png) no-repeat left top; display:block; font-family:Arial; font-size:15px; color:#fff; font-weight:bold; line-height:35px; text-align:center;}
			.btn-quick a:hover{text-decoration:none; background: url(images/btn-quick.png) no-repeat left bottom;}
#col-b{width:613px; height:auto; float:left; padding-left:15px;}
	/*flash*/
	#col-flash{width:628px; height:400px; position:relative;}
	#col-b a {font-weight:bold;}
		#col-b ul {margin:0; padding:0; padding-left:40px; text-align:left !important; padding-bottom:14px;}
		#col-b ul li {list-style-image:url('images/icon-bullet.png'); padding-bottom:4px;}
	.products{width:613px; height:auto;}
	.title-products{width:588px; height:40px; font-weight:bold; color:#fff; font-size:20px; background: url(images/bg-title-products.jpg); display:block; padding:10px 0 0 40px;}
	.title-products2{width:588px; height:35px; font-weight:bold; color:#fff; font-size:20px; background: url(images/bg-title-products.jpg); display:block; padding:15px 0 0 40px; margin-bottom:25px;}
	.content-prod{width:628px; height:auto; background:#fff; padding:0 0 40px 0;clear:both; overflow:hidden; border: 1px solid #c2c2c2; border-radius:12px; margin-top:-10px; position:relative;}
		.line{padding:10px 0 0 0;}
		.prod1{overflow:hidden; padding:15px 0 0 15px;}
			.prod-img{float:left;}
			.prod1-details{float:left; padding-left:20px;}
				.title-details{color:#320061; font-size:13px; font-weight:bold;}
				.prod1-details p{width:395px; height:auto; font-family:arial; font-size:12px; line-height:18px; padding:10px 0 20px 0;}
				.prod1-details span{color:#ff4d00; font-size:13px; font-family:arial; }
				.btn-prod{margin:15px 0 0 0;}
				.btn-prod a{width:101px; height:20px; background: url(images/btn-prod.png) no-repeat left top; display:block; font-family:arial; color:#fff; text-align:center; line-height:20px;}
				.btn-prod a:hover{text-decoration:none; background: url(images/btn-prod.png) no-repeat right top;}
				
		.prod2{overflow:hidden; padding:20px 0 0 15px;}
		
		.prod3{overflow:hidden; padding:20px 0 0 15px;}
		
		.pagination{ color:#000; float:right; margin-top:10px;}
		.pagination a{font-family:bold; font-family:arial; color:#000;}
		
		.subhead {font-weight:bold; font-style:italic;}
		
#bottom{width:980px; height:188px; margin:0 auto 20px auto; background: url(images/bg-bottom.jpg); position:relative; z-index:9999; line-height:188px; }
.botspacer {width:980px; height:20px; line-height:20px; font-size:0px;}
	.company-img{padding:25px 0 0 20px;}
/*footer inside*/

.contact-info{float:left;}
	.title-contact{color:#ff6502; font-size:20px;}
	.contact-details{color:#fff; font-family:Arial; font-size:13px; padding: 15px 0 0 0;}
	.contact-details a{font-weight:bold; color:#fff;}
	
.footer-links{float:left; padding-left:100px;}
	.title-nav{color:#ff6502; font-size:20px;}
	.footer-links ul{margin:0; padding:15px 0 0 0; list-style:none;}
	.footer-links ul li{margin-bottom:15px;}
	.footer-links ul li a{font-family:arial; color:#fff; padding-right:50px;}
	.footer-links ul li a:hover, .footer-links ul li.current_page_item a{text-decoration:none; font-family:arial; color:#ff6502;}

.footer-links2{ float: left; margin-left: -384px; margin-top: 10px; padding-left: 495px;}
	.title-nav2{color:#ff6502; font-size:20px;}
	.footer-links2 a img{  position: relative; right: -92px; top: -22px; width: 26px;}
	.footer-links2 ul{margin:0; padding:15px 0 0 0; list-style:none;}
	.footer-links2 ul li{margin-bottom:15px;}
	.footer-links2 ul li a{font-family:arial; color:#fff; padding-right:50px;}
	.footer-links2 ul li a:hover, .footer-links2 ul li.current_page_item a{text-decoration:none; font-family:arial; color:#ff6502;}
	
.footer-logo{float:left; text-align:center; padding:10px 0 0 10px; height:130px;}
	.f-logo{margin: -22px 0 0 11px;}
.first a {border:none !important;}
#copyright {color: #fff; margin:5px auto 5px 10px;}
#copyright a {color:#fff; text-decoration:none;}
#copyright a:hover {color:#fff; text-decoration:underline;}

#footer-links-rules {text-align:center;}
	#footer-links-rules a{font-family:arial; color:#fff; padding:0 10px;}
	#footer-links-rules a:hover{text-decoration:none; font-family:arial; color:#ff6502;}
	



/*search*/
.search_results div.page, .search_results div.post {padding:20px; margin-bottom:8px; background:#FFFFE1; border-bottom:2px solid #CCC;}
.search_results h2 a {text-decoration:none;}
.search_results div.entry-meta {font-style:italic;}
.search_results a {color:#000;}
.search_results a:hover {text-decoration:none;}
/*** COMMENTS STYLE ***/
#comments, #comments-title{padding-top:15px;}
ol.commentlist li {background:url('images/com_line.jpg') no-repeat left bottom; padding-bottom:25px; margin-bottom:10px; padding-top:15px; margin-left:-10px; padding-right:25px;}
ol.commentlist {border:1px dashed #CCC; width:100%;}
ol.commentlist ul {border-top:1px dashed #CCC; width:100%; margin-top:15px; list-style:none;}
ol.commentlist ul li {border-bottom:1px dashed #CCC;}
.comment p {padding:15px 0; line-height:20px;}
.comment-form-author input {margin-left:25px;}
.comment-form-email input {margin-left:28px;}
.comment-form-url input {margin-left:17px}
#respond {width:100%; border:1px solid #CCC; background:#FFFFE1; padding:15px 20px 0 20px; margin-top:25px;}
.form-submit input {background:#FFFFE1; border:none; color:#FFF; font-weight:bold; padding:7px 12px; cursor:pointer;}

/*coltable*/
.coltable {width:100%; height:auto; text-align:left !important; margin:20px auto 20px auto;}
.coltable table {border:1px solid #C4D2E2; background:#D7E1EC;}
	.coltable th {background:#7996B1; border:1px solid #FFF; color:#FFF; font-weight:bold; text-align:center; padding:10px 10px;}
	.coltable td {background:#FFF; border:1px solid #C4D2E2; padding:10px 10px;}
	.coltable p {padding-top:10px !important;}	.submit-now{border: 1px solid #FA520F; background:orange;}
	
	.software { font-weight:bold;  color:#0066ca;}
	.software1 { font-weight:normal; color:#0066ca;}