@charset "utf-8";
/* CDW Button styles */

.blueButton {
	background: url(https://img.cdw.com/assets/buttons/button-bg-sprite.png) 0px -4px repeat-x #527fa5;
	color:#fff!important;
	padding:3px 15px;
	text-decoration:none;
	font-family: 'Prelo-Bold', verdana, sans-serif;
	border-radius:5px;
	border:1px solid #3a678d;
	font-size:12px;
	white-space:nowrap;
	word-spacing:3px;
	cursor:pointer;
}
.blueButton:hover {
	background: url(https://img.cdw.com/assets/buttons/button-bg-sprite.png) 0px -44px repeat-x #527fa5;
	text-decoration:none;
	white-space:nowrap;
}
.greenButton {
	background: #6fb600;
	color:#fff!important;
	padding: 6px 18px;
	text-decoration:none;
	font-family: 'Prelo-Medium', verdana, sans-serif;
    font-weight: bold;
    letter-spacing: 0.02em;
	border-radius:5px;
	font-size:15px;
	white-space:nowrap;
	word-spacing:3px;
	cursor:pointer;
    display: inline-block;
}
.greenButton:hover {
	background: #7ecb00;
	text-decoration:none;
	white-space:nowrap;
}
.whiteButton {
	background:  url(https://img.cdw.com/assets/buttons/button-bg-sprite.png) 0px -164px repeat-x #fff;
	color:#0070BC!important;
	padding:3px 15px;
	text-decoration:none;
	font-family: 'Prelo-Bold', verdana, sans-serif;
	border-radius:5px;
	border:1px solid #c8c8c8;
	font-size:12px;
	white-space:nowrap;
	word-spacing:3px;
	cursor:pointer;
}
.whiteButton:hover {
	background: #fff;
	background-image:none;
	text-decoration:none;
}
.yellowButton {
	background: url(https://img.cdw.com/assets/buttons/button-bg-sprite.png) 0px -84px repeat-x #ffa245;
	color:#333!important;
	padding:3px 15px;
	text-decoration:none!important;
	font-family: 'Prelo-Bold', verdana, sans-serif;
	border-radius:5px;
	border:1px solid #dd7f21;
	font-size:12px;
	white-space:nowrap;
	cursor:pointer;	
}
.yellowButton:hover {
	background: url(https://img.cdw.com/assets/buttons/button-bg-sprite.png) 0px -124px repeat-x #ffa245;
	text-decoration:none;
}
.redButton {
	background:  url(https://img.cdw.com/assets/buttons/button-bg-sprite.png) 0px -244px repeat-x #f06767;
	color:#fff!important;
	padding:3px 15px;
	text-decoration:none!important;
	font-family: 'Prelo-Bold', verdana, sans-serif;
	border-radius:5px;
	border:1px solid #c41010;
	font-size:15px;
	white-space:nowrap;
	cursor:pointer;	
}
.redButton:hover {
	background:  url(https://img.cdw.com/assets/buttons/button-bg-sprite.png) 0px -284px repeat-x #f06767;
	text-decoration:none;
}
.redButtonBig {
	background: url(https://img.cdw.com/assets/buttons/button-bg-sprite.png) 0px -324px repeat-x #c50c20;
	color:#fff!important;
	padding:5px 18px;
	text-decoration:none;
	font-family: 'Prelo-Bold', verdana, sans-serif;
	border:1px solid #ae0a1c;
	font-size:13px;
	white-space:nowrap;
	cursor:pointer;	
}
.redButtonBig:hover {
	background: url(https://img.cdw.com/assets/buttons/button-bg-sprite.png) 0px -364px repeat-x #c50c20;
	text-decoration:none;
}
.disbledButton {
	opacity:.5;
	cursor:not-allowed;
}

.disabledButton {
	opacity:.5;
	cursor:not-allowed;
}


/* Red Button White Border- DUPLICATE STYLES TO BE REMOVED LATER */
.redButtonWhiteBorder2 {
	height:30px;
	text-decoration:none;
	padding:4px 18px;
	background:#CC0000;
	border:2px solid white;
	font-family:'Prelo-Bold', verdana, sans-serif;
	font-size:15px;
	font-weight:normal;
	color:#FFF;
	margin-right:10px;
	-moz-box-shadow: 0px 0px 2px #667;
	-webkit-box-shadow: 0px 0px 2px #667;
	box-shadow: 0px 0px 2px #667;
}
.redButtonWhiteBorder2:hover {
	background:#ed3232;
	text-decoration:none;
}
/* Gray Button White Border */
.grayButtonWhiteBorder2{
	height:30px;
	text-decoration:none;
	padding:4px 18px;
	background:#8c8d8e;
	border:2px solid white;
	font-family:'Prelo-Bold', verdana, sans-serif;
	font-size:15px;
	font-weight:normal;
	color:#FFF;
	-moz-box-shadow: 0px 0px 2px #667;
	-webkit-box-shadow: 0px 0px 2px #667;
	box-shadow: 0px 0px 2px #667;
}
.grayButtonWhiteBorder2:hover {
	background:#9c9d9e;
	text-decoration:none;
}

.redButtonWhiteBorder a {
	height:30px;
	text-decoration:none;
	padding:4px 18px;
	background:#CC0000;
	border:2px solid white;
	font-family:'Prelo-Bold', verdana, sans-serif;
	font-size:15px;
	font-weight:normal;
	color:#FFF;
	margin-right:10px;
	-moz-box-shadow: 0px 0px 2px #667;
	-webkit-box-shadow: 0px 0px 2px #667;
	box-shadow: 0px 0px 2px #667;
}
.redButtonWhiteBorder a:hover {
	background:#ed3232;
	text-decoration:none;
}
/* Gray Button White Border */
.grayButtonWhiteBorder a {
	height:30px;
	text-decoration:none;
	padding:4px 18px;
	background:#8c8d8e;
	border:2px solid white;
	font-family:'Prelo-Bold', verdana, sans-serif;
	font-size:15px;
	font-weight:normal;
	color:#FFF;
	-moz-box-shadow: 0px 0px 2px #667;
	-webkit-box-shadow: 0px 0px 2px #667;
	box-shadow: 0px 0px 2px #667;
}
.grayButtonWhiteBorder a:hover {
	background:#9c9d9e;
	text-decoration:none;
}

.bigButton{	
	font-size:15px;

}