@charset "utf-8";
/* CSS Document */
@media screen{
	
		#product_inn-total  .container{
		margin:0 auto;
		*zoom: 1;
		width:996px;
		position:relative;
	}
	
		#product_inn-total{
		display:block;
		float:left;
		width:100%;
		min-height:604px;
		background-color:#383042;		
	}
	
	#product_inn-total{
min-height:208px;
}


	.product{
		position: relative;
		zoom: 1;
		width:996px;
		zoom: 1;
	}

	.product .col1{
		float:left;
		width:630px;
	}
	
	.product .col2{
		float:left;
		margin:50px 0 0 0;
		
	}
	.product .col2{
		width:auto;
		float:right;
	}
	
	.product h2{
		text-align:left;
		font-size:62px;
		margin:30px 0 0px 0 !important;
		line-height:130%;
		color:#f67d34;
	}
	
		.product h3{
		text-align:left;
		font-size:27px;
		margin:0px 0 0px 0 !important;
		line-height:130%;
		color:#fff;
	}
	
	
#product-item{
		display:block;
		float:left;
		width:996px;
		margin-top:62px;
	}

	
#product-item .offers
{
		float:left;
		width:92px;
		padding:0 3px;
}
#product-item .offers a:hover
{
	text-decoration:none;
}

	a .product-icon, a .product-icon.inventory, a .product-icon.financial, a .product-icon.relationship, a .product-icon.payroll, a .product-icon.retail-tools, a .product-icon.scheme, a .product-icon.analytics, a .product-icon.chain-store, a .product-icon.other{
		width:85px;
		margin:0 auto 6px auto;
		background:url(../images/product-item.png) no-repeat 0 0;
		overflow:hidden;
		height:85px;
		text-indent:-30000px;
}
	
a:hover .product-icon, a:hover .product-icon.inventory, a:hover .product-icon.employee, a:hover .product-icon.space, a:hover .product-icon.customer, a:hover .product-icon.margin, a:hover .product-icon.expenses, a:hover .product-icon.suppliers, a:hover .product-icon.admin{
		width:85px;
		margin:0 auto 6px auto;
		background:url(../images/product-item-hover.png) no-repeat 0 0;
		overflow:hidden;
		height:85px;
		text-indent:-30000px;
		text-decoration:none;
}


	a .product-icon.inventory, a:hover .product-icon.inventory{
		background-position:-98px 0;
	}
	
		a .product-icon.financial, a:hover .product-icon.financial{
		background-position:-196px 0;
	}
	
	a .product-icon.relationship, a:hover .product-icon.relationship{
		background-position:-294px 0;
	}
	
		a .product-icon.payroll, a:hover .product-icon.payroll{
		background-position:-392px 0;
	}
	
	a .product-icon.retails-tool, a:hover .product-icon.retails-tool{
		background-position:-490px 0;
	}
	
	a .product-icon.scheme, a:hover .product-icon.scheme{
		background-position:-588px 0;
	}
	
	a .product-icon.analytics, a:hover .product-icon.analytics{
		background-position:-687px 0;
	}
	
	a .product-icon.management, a:hover .product-icon.management{
		background-position:-786px 0;
	}
	
		a .product-icon.other, a:hover .product-icon.other{
		background-position:-884px 0;
	}
	

	
#product-item .offers h4{
	text-align:center;
	text-decoration:none;
	font-size:12px;
	line-height:15px;
}
	
	#product-item .offers a:hover h4, #product-item .offers h4.active
	{
	color:#f67d34;
	text-decoration:none !important;
	}
	
	h1.p-head
	{
		font-size:36px;
		color:#f67d34;
		text-align:center !important;
		margin:0px;
		padding:0px;

	}
	
		h2.sub-head
	{
		font-size:20px;
		color:#7f7f7f;
		text-align:center !important;
		margin:0px 0px 60px 0;
		padding:0px;
		line-height:30px;
		font-weight:normal !important;
	}
	
		.product-box-l{
		display:block;
		float:left;
		width:100%;
		margin:6.2% 0 30px 0%;
		padding:0 0px;

	}
	
	.product-box-l .col, .product-box-l .col1, .retail-content{
		display:block;
		float:left;
		width:456px;
		padding:0 0px;

	}
	
	.product-box-l .col1
	{
		float:right;
		width:509px
	}
	
	.product-box-l h4
	{
		font-size:18px;
		line-height:25px;
		font-weight:normal;
		margin:0px;
	}
	
	.product-box-l h4.push
	{
		width:100%; float:left; text-align:center; margin:30px 0 0 0;
	}
	
.retail-content li
{
	font-size:15px;
}





.product-box-r{
		display:block;
		float:left;
		width:100%;
		margin:6.2% 0 30px 0%;
		padding:0 0px;

	}
	
		.product-box-r .col, .product-box-r .col1{
		display:block;
		float:right;
		width:364px;
		padding:0 16px;
	
	}
	
	.product-box-r .col1
	{
		float:left;
		width:535px;
		padding:0px !important;
		position:relative;
	}
	
	.barcode
	{
		position:absolute;
		z-index:9999;
		margin-top:-20px;
		
	}
	
	.barcode img, .hierarchy img, .stock img
	{
		width:100%;
		height:100%;

	}
	
		.hierarchy
	{

		position:absolute;
		z-index:9999;
		margin-top:-20px;

	}
	
			.stock
	{
		position:absolute;
		z-index:9999;
		margin-top:-20px;

	}
	

	
	.product-box-r .col1 .circle
	{
	}
	
	.product-box-r h4
	{
		font-size:27px;
		line-height:25px;
		font-weight:normal;
		margin:25px 0px 20px 0px;
	}
	
		.product-box-r h5
	{
		font-size:18px;
		line-height:25px;
		font-weight:normal;
		margin:10px 0px 0px 0px;
		color:#7f7f7f;
	}
	
	.product-box-r p
	{
		font-size:15px;
		margin:15px 0 0 0;
	}
	
	
	.product-box-c{
		display:block;
		float:left;
		width:100%;
		margin:6.2% 0 30px 0%;
		padding:0 0px;

	}
	
		.product-box-c .col, .product-box-c .col1{
		display:block;
		float:left;
		width:364px;
		padding:0 16px;
	
	}
	
	.product-box-c .col1
	{
		float:right;
		width:535px;
		padding:0px !important;
		position:relative;
	}
	
	.product-box-c h4
	{
		font-size:27px;
		line-height:25px;
		font-weight:normal;
		margin:25px 0px 0px 0px;
	}
	
		.product-box-c h5
	{
		font-size:18px;
		line-height:25px;
		font-weight:normal;
		margin:10px 0px 0px 0px;
		color:#7f7f7f;
	}
	
	.product-box-c p
	{
		font-size:15px;
		margin:15px 0 0 0;
	}
	
	/*slider csss here*/
	
	.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus{
		outline: none;
	}
	.slides, .flex-control-nav, .flex-direction-nav{
		margin: 0;
		padding: 0;
		list-style: none;
	}
	/* FlexSlider Necessary Styles *********************************/
	.flexslider .slides > li {
		display: none;
		-webkit-backface-visibility: hidden;
	} /* Hide the slides before the JS is loaded. Avoids image jumping */
	
	
	.flexslider-new .slides img {
		width: 537px;
		height:402px;
		display: block;

	}
	.flex-pauseplay span {
		text-transform: capitalize;
	}
	/* Clearfix for the .slides element */
	.slides:after {
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
	} 
	html[xmlns] .slides {
		display: block;
	} 
	* html .slides {
		height: 1%;
	}
	/* No JavaScript Fallback */
	/* If you are not using another script, such as Modernizr, make sure you  	* include js that eliminates this class on page load */
	.no-js .slides > li:first-child {
		display: block;
	}
	/* FlexSlider Default Theme *********************************/
	.flexslider-new{
		position: relative;
		zoom: 1;
		-moz-box-shadow: 0 0 7px #5a5a5a;
-webkit-box-shadow: 0 0 7px #5a5a5a;
box-shadow: 0 0 7px #5a5a5a;
		
	}
	


	.loading .flex-viewport {
		max-height: 300px;
	}
	.flexslider-new .slides{
		zoom: 1;
		position:relative;
	}




	/* Direction Nav */
	.flex-direction-nav {*height: 0; display:none;}
	.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(../images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
	.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
	.flex-direction-nav .flex-prev {left: -36px;}
	.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
	.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
	.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
	.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}	
	/* Control Nav */
	.flex-control-nav {width: 100%; position: absolute; bottom: -25px; text-align: center;}
	.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
	.flex-control-paging li a {width: 9px; height: 9px; display: block; background: #666; background: rgba(127,127,127,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
	.flex-control-paging li a:hover { background: #333; background: rgba(254,118,22,0.7); }
	.flex-control-paging li a.flex-active { background: #000; background: rgba(254,118,22,0.9); cursor: default; }
	
	.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
	.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
	.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
	.flex-control-thumbs img:hover {opacity: 1;}
	.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

}

@media only screen and (min-width: 768px) and (max-width: 980px){
	
#product_inn-total .container, .product{
		width:740px;
		
	}
	
	.product .col2{
		width:332px !important;
		margin:30px auto 0 auto;
		float:right;
	}
	.product .col1{
		width:400px !important;
		margin:0px auto;
		float:left;
	}
	

	
	#product_inn-total{
		min-height:200px;
	}
	
		.product h2{
		font-size:40px !important;
	}
	
		.product h3{
		font-size:21px  !important;
		text-align:left;
	}
	
	.button1 {
    font-size: 22px !important;
    line-height: 15px !important;
    margin-top: 18px !important;
}



#product-item{
		display:block;
		float:left;
		width:740px;
		margin-top:62px;
	}

	
#product-item .offers
{
		float:left;
		width:140px !important;
		padding:0 3px;
}
#product-item .offers a:hover
{
	text-decoration:none;
}

	

	
#product-item .offers h4{
	text-align:center;
	text-decoration:none;
	font-size:12px;
	line-height:15px;
	margin:5px auto 25px auto !important;
	width:85px;
}

.product-box-l, .product-box-r, .product-box-c
	{
		width:740px;
	}
	
	.product-box-l .col1, .product-box-r .col1, .product-box-c .col1
	{
		float:none;
		margin:0px auto 0 auto !important;
	}
	
		.product-box-l .col, .product-box-r .col, .product-box-c .col
	{
		float:none;
		width:95%;
		margin:30px auto 0 auto !important;
	}
	
			.product-box-l .col h4, .product-box-r .col h4, .product-box-c .col h4
	{
		text-align:center;
		font-size:23px;
	}
	
	.product-box-l .col h5, .product-box-r .col h5, .product-box-c .col h5
	{
		text-align:center;
		font-size:17px;

	}
	
	.product-box-l .col p, .product-box-r .col p, .product-box-c .col p
	{
		font-size:16px;
	}
	
	.retail-content
	{
		float:none;
		width:100%;
	}
	
	h2.sub-head
	{
		margin-bottom:0px;
	}
	
		.barcode img, .hierarchy img, .stock img
	{
		width:95% !important;
		height:95% !important;

	}
	
	
}
@media only screen and (min-width: 600px) and (max-width: 767px){
	
	#product_inn-total .container, .product{
		width:572px;
		
	}
	
	.product .col2, .product .col1{
		width:360px !important;
		clear:both !important;
		float:none !important;
		margin:30px auto !important;
	}
	.product .col1{
		width:560px !important;
		text-align:center !important;
	}
	
	.product .col2 img{
		width:100%;
	}
	
	.product h2{
		text-align:center;
		font-size:50px !important;
		margin:30px 0 0 0;
		line-height:130%;
		color:#f67d34;
	}
	
		.product h3{
		text-align:center;
		font-size:25px;
		margin:0px 0 0 0;
		line-height:130%;
		color:#fff;
	}
	
	
		#product_inn-total{
		min-height:320px;
	}
	
	
	#product-item{
		display:block;
		float:left;
		width:572px;
		margin-top:62px;
	}

	
#product-item .offers
{
		float:left;
		width:107px !important;
		padding:0 3px;
}

	
#product-item .offers h4{
	text-align:center;
	text-decoration:none;
	font-size:12px;
	line-height:15px;
	margin:5px auto 25px auto !important;
	width:85px;
}

.product-box-l, .product-box-r, .product-box-c
	{
		width:572px;
	}
	
	.product-box-l .col1, .product-box-r .col1, .product-box-c .col1
	{
		float:none;
		margin:0px auto 0 auto !important;
	}
	
		.product-box-l .col, .product-box-r .col, .product-box-c .col
	{
		float:none;
		width:95%;
		margin:30px auto 0 auto !important;
	}
	
			.product-box-l .col h4, .product-box-r .col h4, .product-box-c .col h4
	{
		text-align:center;
		font-size:23px;
	}
	
	.product-box-l .col h5, .product-box-r .col h5, .product-box-c .col h5
	{
		text-align:center;
		font-size:17px;

	}
	
	.product-box-l .col p, .product-box-r .col p, .product-box-c .col p
	{
		font-size:15px;
	}
	
	.retail-content
	{
		float:none;
		width:100%;
	}
	
	h2.sub-head
	{
		margin-bottom:10px !important;
		font-size:16px !important;
	}
	
	h1.p-head
	{
		font-size:40px !important;
	}
	
			.barcode img, .hierarchy img, .stock img
	{
		width:85% !important;
		height:85% !important;

	}
	

}
@media only screen and (min-width: 480px) and (max-width: 599px){
	
	#product_inn-total .container, .product{
		width:452px !important;
		
	}
	.product .col2, .benefit .col1{
		width:360px !important;
		clear:both !important;
		float:none !important;
		margin:30px auto 0px auto !important;
	}
	.product .col1{
		width:452px !important;
		text-align:center !important;
	}
	
	.product .col2 img{
		width:100%;
	}
	
	.product h2{
		text-align:center;
		font-size:45px !important;
		margin:0px 0 0 0;
		line-height:130%;
		color:#f67d34;
	}
	
		.product h3{
		text-align:center;
		font-size:20px;
		margin:0px 0 0 0;
		line-height:130%;
		color:#fff;
	}
	
	
		#product_inn-total{
		min-height:320px !important;
	}
	
	
	#product-item{
		display:block;
		float:left;
		width:452px;
		margin-top:62px;
	}

	
#product-item .offers
{
		float:left;
		width:82px !important;
		padding:0 3px;
}

	
#product-item .offers h4{
	text-align:center;
	text-decoration:none;
	font-size:12px;
	line-height:15px;
	margin:5px auto 25px auto !important;
	width:85px;
}

.product-box-l, .product-box-r, .product-box-c
	{
		width:450px;
	}
	
	.product-box-l .col1, .product-box-r .col1, .product-box-c .col1
	{
		float:none;
		margin:0px auto 0 auto !important;
		width:452px;
	}
	
	.product-box-l .col1 img, .product-box-r .col1, .product-box-c .col1
	{
		width:100% !important;
	}
	
	.product-box-l .col, .product-box-r .col, .product-box-c .col
	{
		float:none;
		width:425px;
		margin:30px auto 0 auto !important;
	}
	
	.product-box-l .col h4, .product-box-r .col h4, .product-box-c .col h4, .product-box-l .col h5, .product-box-r .col h5, .product-box-c .col h5
	{
		text-align:center;
	}
	
	.product-box-l .col p, .product-box-r .col p, .product-box-c .col p
	{
		font-size:13px;
	}
	
	.retail-content
	{
		float:none;
		width:100%;
	}
	
	
	
	h2.sub-head
	{
		margin-bottom:10px !important;
		font-size:16px !important;
	}
	
	h1.p-head
	{
		font-size:40px !important;
	}
	
			.barcode img, .hierarchy img, .stock img
	{
		width:75% !important;
		height:75% !important;

	}
	
	

}
@media only screen and (min-width: 320px) and (max-width: 479px){
	
	#product_inn-total .container, .product{
		width:292px !important;
	}
	

	
	.product .col2, .product .col1{
		width:270px !important;
		clear:both !important;
		float:none !important;
		margin:20px auto 0 auto !important;
	}
	.product .col1{
		width:292px !important;
		text-align:center !important;
	}
	
	.product .col2 img{
		width:100%;
	}
	
	.product h2{
		text-align:center;
		font-size:30px !important;
		margin:0px 0 0 0 !important ;
		line-height:130%;
		color:#f67d34;
	}
	
		.product h3{
		text-align:center;
		font-size:17px !important;
		margin:0px 0 0 0;
		line-height:130%;
		color:#fff;
	}
	
		#product_inn-total{
		min-height:270px !important;
	}
	
	
	#product-item{
		display:block;
		float:left;
		width:292px;
		margin-top:62px;
	}

	
#product-item .offers
{
		float:left;
		width:91px !important;
		padding:0 3px;
}

	
#product-item .offers h4{
	text-align:center;
	text-decoration:none;
	font-size:12px;
	line-height:15px;
	margin:5px auto 25px auto !important;
	width:85px;
}


.product-box-l, .product-box-r, .product-box-c
	{
		width:292px;
	}
	
	.product-box-l .col1, .product-box-r .col1, .product-box-c .col1
	{
		float:none;
		margin:30px auto 0 auto !important;
		width:292px;
	}
	
	.product-box-l .col1 img, .product-box-r .col1 img, .product-box-c .col1 img
	{
		width:100% !important;
	}
	
	.product-box-l .col, .product-box-r .col, .product-box-c .col
	{
		float:none;
		width:265px;
		margin:40px auto 0 auto !important;
	}
	
		.product-box-l .col h4, .product-box-r .col h4, .product-box-c .col h4
	{
		text-align:center;
		font-size:20px;
	}
	
	.product-box-l .col h5, .product-box-r .col h5, .product-box-c .col h5
	{
		text-align:center;
		font-size:15px;

	}
	
	.product-box-l .col p, .product-box-r .col p, .product-box-c .col p
	{
		font-size:13px;
	}
	
	
	.product-box-l .col h4, .product-box-r .col, .product-box-c .col, h4.push
	{
		font-size:14px !important;

	}
	
	.retail-content
	{
		float:none;
		width:100%;
	}
	
	.retail-content li
	{
		font-size:13px;
	}
	
	
	
	h2.sub-head
	{
		margin-bottom:10px !important;
		font-size:12px !important;
	}
	
	h1.p-head
	{
		font-size:25px !important;
	}
	
	.barcode img, .stock img, .hierarchy img
	{
		width:180px !important;
		height:182px !important;
		
		

	}
	

	

}