/* 
Created by: Emir Plicanic
*/
/*Resets*/
*{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    font-size: inherit;
}
:focus {
    outline: 0;
}
body {
    line-height: 1;
}
table {
    border-collapse:collapse;
    border-spacing: 0;
}
caption, th  {
    font-weight: normal;
    text-align: left;
}
/* END resets */
body {
	font: normal 13px/22px Arial, Helvetica, sans-serif;
	color: #555;
	background: #FFFFFF url(../images/navigation-bg.gif) repeat-x 0px 90px;
}
h1 {
	font-size: 34px;
	line-height: 40px;
	color: #b6bf00;
	margin-bottom: 20px;
	font-weight: normal;
	border-bottom: 1px solid #CCCCCC;
}
h2 {
	font-size: 26px;
	line-height: 34px;
	font-weight: normal;
	color: #B6BF00;
}
.narrowcolumn h2 {
	font-size: 17px;
	font-weight: bold;
}
a {
	color: #EA6500;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
p {
	padding: 0px;
	margin-top: 5px;
	margin-bottom: 15px;
}
ul, ol {
	margin: 10px 0px 10px 40px;
	padding: 0px;
}
table td {
	padding: 3px 3px 3px 10px;
	background: #f8f9fa;
	margin: 1px;
	border-bottom: 1px dotted #CCCCCC;
}

label  {
	color: #064288;
	display: block;
	margin-top: 10px;
	font-size: 14px;
	line-height: 24px;
}
input, textarea, .requesteditem  {
	background: #e7e7e7;
	border: 1px solid #CCCCCC;
	padding: 3px 1px;
	margin-bottom: 5px;
	font: 14px/22px Arial, Helvetica, sans-serif;
}
.contactsubmit {
	background: url(../images/submit_request_button.gif) no-repeat left top;
	height: 33px;
	width: 186px;
	border-style: none;
	margin: 10px 0px;
}
.bracket {
	width: auto;
	background: url(../images/leftbracket.gif) no-repeat right center;
	display: block;
	float: left;
	line-height: 62px;
	padding-right: 40px;
	margin-left: 20px;
	border-style: none;
}
.smallertext {
	font-size: 24px;
}
#servicenav {
	width: 600px;
	padding-top: 16px;
}
#servicenav .selectednav a {
	background: #F8F9FA;
	font-weight: bold;
}
.intro-text {
	float: left;
	margin: 0px 40px 0px 20px;
	padding: 0px;
	font-size: 14px;
	width: 530px;
}
.intro-text li {
	list-style: none;
	float: left;
}
.intro-text li img {
	float: left;
	margin-right: 5px;
}
.intro-text li a {
	color: #333333;
	line-height: 19px;
	display: block;
	padding: 5px 10px;
}
.partnerlogo {
	float: left;
	width: 140px;
	margin-bottom: 50px;
}
.clear {
	font-size: 1px;
	line-height: 1px;
	letter-spacing: -1em;
	display: block;
	margin: 0px;
	padding: 0px;
	clear: both;
	float: none;
}
#wrapper .noborder {
	border-style: none;
	margin: 0px;
}
#wrapper {
	margin: 0px auto;
	width: 960px;
	padding: 0px;
	position: relative;
	overflow: auto;
}
#header {
	width: 960px;
	position: relative;
	height: 120px;
}
.logo {
	position: absolute;
	z-index: 2;
	top: 19px;
}
#navigation {
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 960px;
	position: absolute;
	top: 90px;
	height: 30px;
	line-height: 30px;
	text-transform: uppercase;
	z-index: 2;
	font-size: 13px;
}
#navigation li {
	float: left;
}
#navigation li a {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	padding-right: 37px;
	padding-left: 37px;
}
#navigation .selectednav, #navigation a:hover {
	background: url(../images/selectednav-bg.gif) repeat-x center center;
}
#navigation .selectednav a {
	background: url(../images/selectednav-pointer.gif) no-repeat center bottom;
}
#topnavigation {
	margin: 0px;
	padding: 0px;
	list-style: none;
	position: absolute;
	width: 237px;
	left: 698px;
	top: 44px;
	z-index: 2;
}
#topnavigation li {
	padding-right: 10px;
	padding-left: 10px;
	float: left;
	border-right: 1px solid #CCCCCC;
}
#topnavigation a {
	color: #333333;
	text-decoration: none;
	font-size: 11px;
}
#content {
	clear: both;
	width: 960px;
	padding-top: 30px;
	padding-bottom: 0px;
	overflow: auto;
	padding-left: 0px;
}
#textcontent {
	margin-right: 120px;
	margin-left: 100px;
}
#promo {
	height: 256px;
	width: 960px;
	margin-top: 25px;
	clear: both;
	position: relative;
	overflow: hidden;
}
#scroll {
	background: url(../images/scrollerbg.gif) no-repeat left top;
	height: 19px;
	width: 960px;
	position: relative;
	padding: 0px;
	margin-bottom: 40px;
}
.leftarrow, .rightarrow {
	position: absolute;
	z-index: 3;
	height: 19px;
	width: 20px;
	left: 940px;
	top: 0px;
}
.leftarrow {
	left: 0px;
	top: 0px;
}
#scrollhighlight {
	background: url(../images/scrollhighlight.gif) no-repeat left center;
	height: 17px;
	width: 910px;
	margin: 0px auto;
	padding: 1px 0px 0px;
	list-style: none;
}
#scrollhighlight li {
	float: left;
	height: 17px;
	width: 182px;
	font-size: 10px;
	line-height: 17px;
	color: #FFFFFF;
	text-align: center;
	cursor: pointer;
}
.item {
	height: 256px;
	width: 960px;
	overflow: auto;
	float: left;
}
.item .promoimg {
	float: left;
}
.item .promotext {
	height: 219px;
	width: 304px;
	float: left;
	padding: 37px 37px 0px 37px;
	background: #F2F5EE;
	line-height: 20px;
}
.item .promotext h2 {
	color: #446C81;
	font-size: 32px;
	font-weight: normal;
	line-height: 38px;
}
.item .promocta {
	background: url(../images/promos/technology-cta.jpg) no-repeat left top;
	float: left;
	height: 216px;
	width: 200px;
	padding-top: 40px;
	padding-left: 32px;
	text-shadow: 0px 1px 2px #666;
	font-weight:bold;

}

.item .promocta h2 {
	font-size: 20px;
	line-height: 34px;
	color: #FFFFFF;
	font-weight: normal;
}
.item .promocta ul {
	margin: 5px 0px 0px 15px;
	padding: 0px;
	list-style: url(../images/cta-bullet.png);
	color: #FFFFFF;
	line-height: 18px;
}
.item .promocta .ctabutton {
	margin-top: 10px;
	border: none;
	display: block;
	height: 37px;
	width: 175px;
	background: url(../images/view-products.png) no-repeat left top;
}
.item .promocta .ctabutton:hover {
    border: none;
	background: url(../images/view-products.png) no-repeat left bottom;
}
#promo .education-cta{
	background: url(../images/promos/education-cta.jpg) no-repeat left top;
}
#promo .business-cta{
	background: url(../images/promos/business-cta.jpg) no-repeat left top;
}
#promo .software-cta{
	background: url(../images/promos/software-cta.jpg) no-repeat left top;
}
#promo .processing-cta{
	background: url(../images/promos/processing-cta.jpg) no-repeat left top;
}
.columns {
	width: 33%;
	float: left;
	margin-right: 2%;
	padding-top: 20px;
	margin-left: 2%;
}
.narrowcolumn {
	width: 172px;
	float: right;
	margin: 0px;
	padding: 20px 30px 30px;
	background: #fafaeb url(../images/sidecolumn.gif) no-repeat left top;
}
.narrowcolumn ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.narrowcolumn a {
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 2px dotted #CCCCCC;
	color: #333333;
	font-weight: bold;
	text-decoration: none;
	
}
.narrowcolumn a:hover {
	color: #C7CD3A;
}
.narrowcolumn a img {
	border-style: none;
	float: left;
	margin-right: 8px;
}
#allproducts h1 {
	margin-left: 20px;
	border-bottom: 1px dotted #CCCCCC;
	margin-bottom: 20px;
	display: block;
	padding-top: 20px;
}
/*PRODUCT */
.product {
	background: #f8f9fa;
	margin: 0px auto 10px;
	padding: 20px;
	width: 800px;
	overflow: auto;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border: 1px solid #ddd;
}
.product  h4{
	font-size:18px; line-height:32px; font-weight:normal;
}
.product  h3{
	font-size:26px; line-height:32px; font-weight:normal;
}
sup {
	font-size: 10px;
	vertical-align:top;
}
.technology h4, .technology h3, h1.technology, #promo .technology{
	color:#446c81;
} 
.software h4, .software h3, h1.software, #promo .software{
	color:#9EB9C4;
}
.processing h4, .processing h3, h1.processing, #promo .processing{
	color:#EED23E;
} 
.business h4, .business h3, h1.business, #promo .business{
	color:#9D9D9D;
} 
.education h4, .education h3, h1.education, #promo .education{
	color:#c7ce3c;
}  
.inputfields {
	float: left;
	width: 240px;
	margin-right: 10px;
}
.textareas {
	float: left;
	width: 470px;
}
#message {
	height: 160px;
	width: 457px;
}


.product-content {
	background: url(../images/product-dotted-separator.gif) repeat-y 55%;
	overflow: auto;
}
.product-text {
	width: 50%;
	padding-right: 5%;
	float: left;
}
.product-text img {
	float: right;
	/*opacity:0.7;
	filter:alpha(opacity = 70);*/
}
.product-benefits {
	width: 42%;
	float: left;
	padding-left: 3%;
}
.product-benefits ul {
	margin: 5px 0px 0px 15px;
	padding: 0px;
	list-style: url(../images/cta-bullet.png);
	line-height: 18px;
}
.product-benefits li {
	margin-bottom: 6px;
}
.product-added{
	color:#EA6500;
	line-height:32px;
}
.checkoutbox .product-text {
	line-height: 16px;
}
.checkoutbox strong {color:#EA6500;}
.show-hide {
	background: url(../images/show-hide.gif) no-repeat center center;
	height: 10px;
	width: 12px;
	padding: 0px 6px;
	margin-left: 10px;
	
}
div .colapse{background: url(../images/show-hide-up.gif) no-repeat center center;}
.show-hide:hover {
	text-decoration: none;
}
.request-info {
	background: url(../images/request_info_button.gif) no-repeat left top;
	margin: 20px 0px 0px;
	padding: 0px;
	height: 33px;
	width: 141px;
	display: block;
}
.request-info:hover {
	background: url(../images/request_info_button.gif) no-repeat 0px -33px;
}
.requesteditem{
	width: 730px;
	overflow:auto;
	margin-bottom:10px;
	color: #999999;
	padding-right: 10px;
	padding-left: 10px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	font-size: 13px;
}
.requesteditem .removeproduct {
	background: url(../images/bin_closed.png) no-repeat center center;
	display: block;
	height: 16px;
	width: 16px;
	float: right;
	padding-top:3px;
}
.requesteditem a:hover {
	text-decoration:none;
}
.requesteditem strong {
	color: #333333;
}
.requesteditem  .requestedproduct, .requesteditem  .requestedcategory {
	float: left;
	margin-right: 20px;
}
.requesteditem  .requestedcategory {
	width: 170px;
}
.requesteditem  .requestedproduct {
	width: 400px;
}
.checkout {
	background: url(../images/complete_request_button.gif) no-repeat left top;
	margin: 0px;
	padding: 0px;
	height: 33px;
	width: 186px;
	display: block;
}
#contactus .error{font-size:12px; line-height:14px; color:#CC3300;margin-top:0px;}
/*PRODUCT */
#footer {
	padding: 20px;
	clear: both;
	border-top: 1px dotted #999999;
	margin: 0px;
	font-size: 11px;
}
.footnote {
	font-size: 10px;
	line-height: 14px;
}