﻿body {
	text-align:center;
	width:960px;
	margin:20px auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
}

a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}

.topBtn {
	margin:0px;
	padding:30px 0px 0px 0px;
	z-index:100;
	position:relative;
	width:500px;
	float:right;
}

.topBtn ul {
	margin: 0;
	padding:0px;
	text-align:right;
}

.topBtn ul li {
	display: inline;
	padding: 1px 5px 1px 5px;
	border-right:1px solid #000;
	font-weight:bold;
}

.topBtn ul li a {
	color: #555555;
	text-decoration: none;
	padding: 1px 5px 1px 5px;
}

.topBtn ul li a:hover {
	color: #fff;
	text-decoration: none;
	background:#006095;
}

.middleHead  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#0088DF;
	margin-bottom:5px;
	font-weight:bold;
}

.clientHead  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	margin-bottom:5px;
	font-weight:normal;
}

.middleAlign {
	height:140px;
	background:#fff;
	border-right:1px solid #A9D5F1;
	border-left:1px solid #A9D5F1;
	padding:0px 15px 0px 15px;
	text-align:left;
}

.seeItBtn {
	margin:5px 0px 0px 155px !important;
	padding:0;
}

.seeItBtn li {
	margin:3px 0px 0px 0px !important;
	padding:0;
	height:27px;
	list-style:none;
}

.seeItBtn li a {
	background: url(images/see-arrow.jpg) no-repeat 7px 4px !important;
	margin:0px;
	padding:0px 0px 0px 30px;
	height:27px;
	line-height:27px;
	color:#ffffff !important;
	font-family:Arial, Helvetica, sans-serif !important;
	text-decoration:none;
	font-size:13px !important;
	float:left;
	display:block;
	font-weight:normal;
	outline:none;
}
.seeItBtn li a.seeColor {
	color:#0088DF !important;
}

.seeItBtn li a b {
	background:none !important;
	margin:0px;
	padding:0px 10px 0px 0px;
	float:left;
	display:block;
	outline:none;
	font-weight:normal;
}

.seeItBtn li a:hover {
	background:url(images/tabBtn-left.jpg) no-repeat left top !important;
	color:#fff;
	cursor:pointer;
}

.seeItBtn li a:hover b {
	background:url(images/tabBtn-right.jpg) no-repeat right top !important;
	color:#fff;
}

.seeItBtn3 {
		padding:0;
}

.seeItBtn3 li {
	
	padding:0;
	height:27px;
	list-style:none;
}

.seeItBtn3 li a {
	background: url(images/see-arrow.jpg) no-repeat 7px 4px !important;
	margin:0px;
	padding:0px 0px 0px 30px;
	height:27px;
	line-height:27px;
	color:#ffffff !important;
	font-family:Arial, Helvetica, sans-serif !important;
	text-decoration:none;
	font-size:13px !important;
	float:left;
	display:block;
	font-weight:normal;
	outline:none;
}
.seeItBtn3 li a.seeColor {
	color:#0088DF !important;
}

.seeItBtn3 li a b {
	background:none !important;
	margin:0px;
	padding:0px 10px 0px 0px;
	float:left;
	display:block;
	outline:none;
}

.seeItBtn3 li a:hover {
	background:url(images/tabBtn-left.jpg) no-repeat left top !important;
	color:#fff;
	cursor:pointer;
}

.seeItBtn3 li a:hover b {
	background:url(images/tabBtn-right.jpg) no-repeat right top !important;
	color:#fff;
}


.clientImage {
	margin:0px 30px 0px 30px;
}

.footerTxt  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px !important;
	color:#000;
	text-align:left;
	margin:0;
	padding:0;
}

.footerTxt li  {
	margin:0px 40px 0px 0px;
	padding:0;
	list-style:none;
	display:block;
	float:left;
	width:190px;
}

.footerHead  {
	text-transform:uppercase;
	font-size:14px;
	border-bottom:1px solid #cccccc;
	line-height:25px;
}


.footerBtm  {
	background:url(images/footer-btm.jpg) no-repeat top;
	height:43px;
	clear:both;
}


/*inner page css*/

.innerHead {
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#018fde;
}

.innerSubHead {
	margin:0;
	padding:0;
	background:url(images/inner-head-bg.jpg) repeat-x;
	height:33px;
	line-height:33px;
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
}

.innerSubTxt {
	margin:0;
	padding:20px 20px 0px 20px;
	background:#f4f5f2;
	font-size:12px;
	border-right:1px solid #dededc;
	border-left:1px solid #dededc;
	color:#333333;
}

.innerSubTxt2 {
	margin:0;
	padding:10px 5px 0px 5px;
	background:#f4f5f2;
	font-size:11px;
	border-right:1px solid #dededc;
	border-left:1px solid #dededc;
	color:#333333;
}

.innerSubTxtmain {
	font-size:13px;
	color:#555555;
}

.innerSubTxtmain ul li{
	font-size:13px;
	color:#555555;
}


.innerSubTxtmain2 {
	font-size:14px;
	color:#555555;
}



.viewBtn {
	margin-top:20px;
	padding:0;
	width:184px;
}

.viewBtn a {
	margin:0;
	padding:18px 20px 0px 65px;
	background:url(images/inner-btn-bg.jpg) no-repeat;
	height:50px;
	color:#018fde;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	display:block;
	text-decoration:underline;
}

.viewBtn a:hover {
	background:url(images/inner-btn-bg-over.jpg) no-repeat;
	text-decoration:none;
}

.innerSubBtm {
	margin:0;
	padding:0;
	background:url(images/inner-head-btm.jpg) repeat-x;
	height:28px;
}

.blueBtn {
	margin:0;
	padding:0;
}

.blueBtn ul {
	margin:0;
	padding:15px 0px 0px 0px;
}

.blueBtn ul li {
	margin:0;
	padding:6px 0px 6px 0px;
	list-style:none;
	border-top:1px solid #d7d7d5;
}

.blueBtn ul li a {
	margin:0;
	padding:0px;
	color:#018fde;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
}

.blueBtn ul li a:hover {
	text-decoration:underline;
}

.innerSubHeadBlack {
	font-size:14px;
	font-weight:bold;
	}

.innerSubHeadBlack2 {
	font-size:14px;
	font-weight:bold;
	line-height:15px;
}

.innerSubHeadItalic {
	font-size:16px;
	font-weight:none;
	font-style:italic;
	line-height:20px;
}
.innerSubHeadBlue {
	font-size:13px;
	font-weight:bold;
	color:#018fde;
}

.blackBtn ul {
	padding-top:4px !important;
}

.blackBtn ul li {
	border-top:none !important;
	padding:3px 0px 3px 0px !important;
}


.blackBtn ul li a {
	color:#555555 !important;
	font-size:11px !important;
}

.routeBtn a {
	margin-left:5px;
	padding:0px;
	color:#018fde;
	text-decoration:underline;
	font-size:12px;
	font-weight:bold;
}

.routeBtn a:hover {
	text-decoration:none;
}

.routeBtnT a {
	margin-left:5px;
	padding:0px;
	color:#555555;
	text-decoration:none;
	font-size:12px;
	
}

.routeBtnT a:hover {
	text-decoration:underline;
}


.inputBox {
	border:1px solid #95B3C5;
	width:178px;
	height:18px;
	background:url(images/inputBox-bg.jpg) repeat-x #E5F5FC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #17170F;
	margin:0px;
	paddingt:5px 3px 0px 3px;
	float:left;
	line-height:18px;
	outline:none;
}

.textBox {
	border:1px solid #95B3C5;
	width:448px;
	max-width:448px;
	height:45px;
	max-height:55px;
	background:url(images/textArea-bg.jpg) repeat-x #E3F4FC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #17170F;
	margin:0px;	outline:none;
	paddingt:0;
}

.inputShadowTop {
	background:url(images/inputShadow-top.jpg) repeat-x;
	width:448px;
	height:4px;
	margin:0;
	padding:0;
}

.inputShadowBtm {
	background:url(images/inputShadow-btm.jpg) repeat-x top;
	width:448px;
	height:4px;
	position:relative;
	margin:0;
	padding:0;
}

.inputFloat {
	margin:0px 0px 0px 0px;
	padding:4px 0px 4px 0px;
	float:left;
	display:block;
	background:url(images/inputShadow.jpg) repeat-x top;
}

.inputFloat li {
	margin:0;
	padding:0;
	list-style:none;
	display:block;
	clear:both;
}

.inputBtn {
	margin:10px 0px 0px 0px;
	padding:0px;
	list-style:none;
	float: right;
	
}

.inputBtn input {
	color:#fff;
	line-height:22px;
	height:22px;
	font-weight:bold;
	font-size:12px;
}

.inputBtn li {
	margin:0px;
	padding:0px 0px 0px 20px;
	background:url(images/tabBtn-left.jpg) no-repeat left top;
	height:27px;
	line-height:27px;
	color:#ffffff !important;
	font-family:Arial, Helvetica, sans-serif !important;
	text-decoration:none;
	float:left;
	display:block;
	font-weight:bold;
	outline:none;
}

.inputBtn li b {
	margin:0px;
	padding:0px 5px 0px 0px;
	background:url(images/tabBtn-right.jpg) no-repeat right top;
	float:left;
	display:block;
	outline:none;
	height:27px;
}

.inputBtn li:hover {
	background:url(images/tabBtn-left-over.jpg) no-repeat left top;
}

.inputBtn li:hover b {
	background:url(images/tabBtn-right-over.jpg) no-repeat right top;
}

.listBullettext {
	margin: 10px 50px 10px 75px;
}


.termsConditions {
	margin:0;
	padding:0;
	clear:both;
	text-align:center;

}

.termsConditions ul {
	margin:0;
	padding:0;
	text-align:center;
}

.termsConditions ul li {
	margin:0;
	padding:0px 15px 0px 15px;
	display:inline;
	list-style:none;
	font-size:11px;
	border-right:1px solid #000;
}

.termsConditions ul li a {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	text-decoration:underline;
}

.termsConditions ul li a:hover {
	text-decoration:none;
}


.quoteBg {
	width:259px;
	height:175px;
	background:url(images/case-study-images/casestudy-quote-bg.jpg) no-repeat;
	float:right;
	margin:0px 0px 15px 15px;
}

.quoteHead a{
	text-decoration:none;
}
.quoteBg a{
	text-decoration:none;
}

.quoteHead {
	padding:25px;
	color:#fff;
	font-weight:bold;
	font-size:14px;
}

/* Inner Page*/
.allCommonBtn {
	color:#555555;
}
.allCommonBtn a {
	color:#339900;
	text-decoration:underline;
	padding:1px 5px;
}

.allCommonBtn a:hover {
	color:#fff;
	text-decoration:none;
	background:#339900;
}

.subHeadTwo {
	text-transform:uppercase;
	font-weight:bold;
	color:#000;
}

.innerHead {
	border-bottom:3px solid #F4F5F2;
	line-height:110%;
}

.padUl {
	margin:20px 30px 30px 20px;
	list-style-image:url(images/punchout-catalog-tick.gif);
}

.exPadFloat {
	float:left;
	width:105px;
	margin:0px 15px 20px;
	font-weight:bold;
}

.innerSubBtmBlueTwo {
	margin:0;
	padding:0;
	background:url(images/inner-head-btm-blue.jpg) no-repeat !important;
	height:28px;
}

.innerSubTxtBlueTwo {
	background:#0481B5 !important;
	color:#fff !important;
	border-right:0px !important;
	border-left:0px !important;
}

.innerSubHeadBlueTwo {
	background:url(images/inner-head-bg-blue.jpg) repeat-x !important;
	color:#fff !important;
}

.viewBtnTwo {
	width:186px !important;
}

.viewBtnTwo a {
	background:url(images/inner-btn-bg-blue.jpg) no-repeat !important;
	text-decoration:none !important;
}

.viewBtnTwo a:hover {
	background:url(images/inner-btn-bg-blue-over.jpg) no-repeat !important;
	text-decoration:underline !important;
}


.punchoutfooterbutton {
	margin:5px 0px 0px 0px !important;
	padding:0;
}

.punchoutfooterbutton li {
	margin:3px 0px 0px 0px !important;
	padding:0;
	list-style:none;
}

.punchoutfooterbutton li a {
	background: url(images/see-arrow.jpg) no-repeat 27px 14px !important;
	margin:0px;
	padding:3px 0px 0px 40px;
	color:#ffffff !important;
	font-family:Arial, Helvetica, sans-serif !important;
	text-decoration:none;
	font-size:13px !important;
	float:left;
	display:block;
	font-weight:bold;
	outline:none;
}
.punchoutfooterbutton li a.seeColor {
	color:#0088DF !important;
}

.punchoutfooterbutton li a b {
	background:none !important;
	margin:0px;
	padding:3px 0px 0px 40px;
	float:left;
	display:block;
	outline:none;
}

.punchoutfooterbutton li a:hover {
	background:url(images/tabBtn-left.jpg) no-repeat left top !important;
	color:#fff;
	cursor:pointer;
	background:
}

.punchoutfooterbutton li a:hover b {
	background:url(images/tabBtn-right.jpg) no-repeat right top !important;
	color:#fff;
}



.buyerNsellerHead {
	font-size:18px;
	font-weight:bold;
	padding:10px 15px 15px 30px;
	text-align:left;
}

.footerBS-btn {
	margin-left:30px;
}

.footerBS-btn a {
	color:#000;
	display:block;
	text-decoration:none;
	background:url(images/punchout/punchout-catalog-arrow.jpg) no-repeat 5px 11px;
	height:113px;
	width:355px;
}

.footerBS-btn a.footerBS-btn-arrow2 {
	background:url(images/punchout/punchout-catalogs-arrow.jpg) no-repeat 5px 11px;
}

.footerBS-btn a:hover {
	background:url(images/punchout/punchout-footer-btn-hover.jpg) no-repeat;
	color:#FFFFFF;
	text-decoration:none !important;
}

