@charset "UTF-8";
/* CSS Document */
@import url("fonts.css");
/*      BODY     */
html, body {
	margin:0 auto;
	height:100%;
	text-align:center;
	background-color:#FFF;
}

input[type=text]:focus,
input[type=password]:focus {
  outline: 0 none;
}
textarea:focus {
  outline: 0 none;
}
@media screen and (min-width: 1000px) { /*    DESKTOP 1000    */
	/*    BANNER MAIN CONTAINER    */
	#bannerMainContainer {
		position:relative;
		width:100%;
		min-width:1024px;
		height:280px;
		margin:0 auto;
		top:0px;
		clear:both;
		background-color:#E8E9E8;
		border-bottom:solid;
		border-bottom-width:4px;
		border-bottom-color:#F9F9F9;
		z-index:19;
	}
	#bannerInnerContainer {
		position:relative;
		width:940px;
		height:270px;
		margin:0 auto;
		top:0px;
		clear:both;
	}
	#bannerImageContainer {
		position:relative;
		width:620px;
		height:270px;
		top:0px;
		left:0px;
		float:left;
		background-color:#CCC;
	}
	
	#textHome {
		font-family:robotolight;
		font-size: 20px;
		color: #a5a5a5;
		text-align: center;
		/*height: 65px;*/
		width: 900px;
		margin: 0 auto;
		position: relative;
		padding:20px;
	}
	
	/*    QUICK CARD MAIN CONTAINER    */
	#quickCardMainContainer {
		position:relative;
		width:100%;
		min-width:1024px;
		height:260px;
		margin:0 auto;
		top:0px;
		clear:both;
		background-color:#FFF;
		border-bottom:solid;
		border-bottom-width:4px;
		border-bottom-color:#F9F9F9;
		z-index:19;
		padding-top:8px;
		padding-bottom:8px;
	}
	#quickCardInnerContainer {
		position:relative;
		width:940px;
		height:250px;
		margin:0 auto;
		top:0px;
		clear:both;
	}
	#quickCardLeftPannelContainer {
		position:relative;
		width:304px;
		height:254px;
		top:0px;
		left:0px;
		float:left;
	}
	#quickCardLeftPannelTopLabelContainer {
		position:relative;
		width:296px;
		height:31px;
		top:0px;
		left:0px;
		float:left;
		background-color:#66B4D4;
		border-top:solid;
		border-top-width:2px;
		border-top-color:#A5F3FC;
		border-left:solid;
		border-left-width:2px;
		border-left-color:#A5F3FC;
		border-right:solid;
		border-right-width:2px;
		border-right-color:#A5F3FC;
	}
	#quickCardLeftPannelTopLabel {
		position:relative;
		width:296px;
		top:0px;
		left:0px;
		float:left;
		font-family:"robotolight";
		font-size:17px;
		color:#FFF;
		text-align:center;
		padding-top:4px;
	}
	#quickCardLeftPannelCardsMainContainer {
		position:relative;
		width:296px;
		height:223px;
		top:0px;
		left:0px;
		float:left;
		background-color:#FFF;
		border:solid;
		border-width:2px;
		border-color:#EDEDED;
	}
	#quickCardLeftPannelCardsMask {
		position:relative;
		width:286px;
		height:162px;
		top:5px;
		left:5px;
		float:left;
		overflow:hidden;
	}
	#quickCardLeftPannelCardsSlider {
		position:absolute;
		height:162px;
		top:0px;
		left:0px;
		float:left;
		display:inline-block;
	}
	.quickCardLeftPannelCardsThumb {
		position:absolute;
		width:286px;
		height:162px;
		top:0px;
		left:0px;
		float:left;
		overflow:hidden;
	}
	#quickCardLeftPannelPagerMainContainer {
		position:relative;
		width:286px;
		height:24px;
		top:17px;
		left:5px;
		float:left;
	}
	#quickCardLeftPannelPagerBackButtonContainer {
		position:relative;
		width:23px;
		height:24px;
		top:0px;
		left:0px;
		float:left;
		border-right:dashed;
		border-right-width:1px;
		border-right-color:#AFAFAF;
	}
	#quickCardLeftPannelPagerLabel {
		position:relative;
		width:236px;
		top:0px;
		left:0px;
		float:left;
		font-family:"robotolight";
		font-size:14px;
		color:#0cb4ff;
		text-align:center;
		white-space:nowrap;
		padding-top:1px;
	}
	#quickCardLeftPannelPagerNextButtonContainer {
		position:relative;
		width:23px;
		height:24px;
		top:0px;
		left:0px;
		float:left;
		border-left:dashed;
		border-left-width:1px;
		border-left-color:#AFAFAF;
	}
	.quickCardLeftPannelPagerButtonArrow {
		position:relative;
		width:9px;
		height:15px;
		top:0px;
		margin:0 auto;
		padding-top:7px;
	}
	/*    QUICK CARD FORM    */
	#quickCardRightPannelContainer {
		position:relative;
		width:616px;
		height:256px;
		top:0px;
		left:20px;
		float:left;
		background-color:#66B4D4;
		border:solid;
		border-width:2px;
		border-color:#A5F3FC;
	}
	#quickCardRightPannelTopLabel {
		position:relative;
		width:616px;
		top:0px;
		margin:0 auto;
		font-family:"robotolight";
		font-size:17px;
		color:#FFF;
		text-align:center;
		padding-top:4px;
		padding-bottom:12px;
		display:inline-block;
		clear:both;
	}
	#quickCardRightPannelSavingLabelContainer {
		position:absolute;
		width:616px;
		height:256px;
		top:0px;
		left:0px;
		float:left;
		background-color:#66B4D4;
		z-index:20;
		display:none;
	}
	#quickCardRightPannelSavingLabel {
		position:relative;
		width:616px;
		top:0px;
		margin:0 auto;
		font-family:"robotolight";
		font-size:23px;
		color:#FFF;
		text-align:center;
		padding-top:105px;
		display:inline-block;
	}
	/*    FEATURED CARDS MAIN CONTAINER    */
	#searchResultsLabel {
		position:relative;
		width:100%;
		min-width:1024px;
		top:0px;
		left:0px;
		float:left;
		font-family:"robotoregular";
		font-size:14px;
		color:#FFF;
		text-align:center;
		padding-top:20px;
		padding-bottom:20px;
		background-color:#66b4d4;
		display:inline-block;
		display:none;
		z-index:2;
	}
	#featuredCardsMainContainer {
		position:relative;
		width:100%;
		min-width:1024px;
		min-height:112px;
		margin:0 auto;
		top:0px;
		clear:both;
		padding-top:30px;
		padding-bottom:30px;
		display:inline-block;
		background-color:#E8E9E8;
		background-image:url(../images/homeFeaturedCardsPannelBgPattern.png);
		background-repeat:no-repeat;
		background-position:center top;
	}
	#featuredCardsInnerContainer {
		position:relative;
		width:952px;
		margin:0 auto;
		top:0px;
		clear:both;
	}
	#featuredCardsTopLabel {
		position:relative;
		width:400px;
		top:0px;
		margin:0 auto;
		font-family:"robotoregular";
		font-size:34px;
		color:#1bb8ff;
		text-align:center;
		display:inline-block;
		clear:both;
		padding-top:10px;
		padding-bottom:30px;
	}
	#featuredCardsItemsContainer {
		position:relative;
		width:952px;
		top:0px;
		margin:0 auto;
		display:inline-block;
		clear:both;
	}
	.featuredCardsItemMainContainer {
		position:relative;
		width:218px;
		height:160px;
		top:0px;
		left:0px;
		float:left;
		padding-right:20px;
		padding-bottom:20px;
	}
	.featuredCardsItemInnerContainer {
		position:relative;
		width:218px;
		height:160px;
		top:0px;
		left:0px;
		float:left;
		background-color:#FFF;
		border:solid;
		border-width:1px;
		border-color:#898A8A;
  		-webkit-border-radius:5px;
	    -moz-border-radius:5px;
	    border-radius:5px;
	}
	.featuredCardsItemThumbContainer {
		position:relative;
		width:206px;
		height:148px;
		top:6px;
		left:6px;
		float:left;
		overflow:hidden;
		z-index:1;
		-webkit-border-radius:5px;
	    -moz-border-radius:5px;
	    border-radius:5px;
	}
	.featuredCardsItemThumbOverMask {
		position:absolute;
		width:206px;
		height:148px;
		top:6px;
		left:6px;
		float:left;
		z-index:2;
		display:none;
	}
	.featuredCardsItemThumbOverMaskBg {
		position:absolute;
		width:206px;
		height:148px;
		top:0px;
		left:0px;
		float:left;
		overflow:hidden;
		z-index:1;
		background-color:#e9198b;
		opacity: 0.8;
    	filter: alpha(opacity=80);
		-webkit-border-radius:5px;
	    -moz-border-radius:5px;
	    border-radius:5px;
	}
	.featuredCardsItemThumbOverMaskLabel {
		position:relative;
		width:206px;
		top:0px;
		left:0px;
		float:left;
		font-family:"robotoregular";
		font-size:18px;
		color:#FFF;
		text-align:center;
		padding-top:60px;
		z-index:2;
	}
	.featuredCardsItemThumbOverMaskLabel a:link {
		text-decoration:none;
		color:#FFF;
	}
	.featuredCardsItemThumbOverMaskLabel a:visited {
		text-decoration:none;
		color:#FFF;
	}
	.featuredCardsItemThumbOverMaskLabel a:hover {
		text-decoration:none;
		color:#FFF;
	}
	.featuredCardsItemThumbOverMaskLabel a:active {
		text-decoration:none;
		color:#FFF;
	}
	#featuredCardsMoreResultsButtonMainContainer {
		position:relative;
		width:100%;
		min-width:1024px;
		height:32px;
		margin:0 auto;
		top:0px;
		clear:both;
		padding-bottom:50px;
		display:inline-block;
		background-color:#E8E9E8;
		display:none;
	}
	#featuredCardsMoreResultsButton {
		position:relative;
		width:206px;
		height:32px;
		margin:0 auto;
		top:0px;
		clear:both;
		display:inline-block;
	}
	
}
@media screen and (max-width: 999px) { /*    MOBILE 999    */
	/*    BANNER MAIN CONTAINER    */
	#bannerMainContainer {
		position:relative;
		width:100%;
		margin:0 auto;
		top:0px;
		clear:both;
		background-color:#E8E9E8;
		z-index:19;
		display:none;
	}
	#bannerInnerContainer {
		position:relative;
		width:940px;
		height:270px;
		margin:0 auto;
		top:0px;
		clear:both;
	}
	#bannerImageContainer {
		position:relative;
		width:620px;
		height:270px;
		top:0px;
		left:0px;
		float:left;
		background-color:#CCC;
	}
	
	#textHome {
		font-family:robotolight;
		font-size: 18px;
		color: #a5a5a5;
		text-align: center;
		/*height: 130px;*/
		width: 90%;
		margin: 0 auto;
		position: relative;
		padding:20px;
	}
	
	/*    QUICK CARD MAIN CONTAINER    */
	#quickCardMainContainer {
		position:relative;
		width:100%;
		top:0px;
		margin:0 auto;
		background-color:#ededed;
		z-index:19;
		padding-top:36px;
	}
	#quickCardInnerContainer {
		position:relative;
		width:95%;
		top:0px;
		margin:0 auto;
		clear:both;
		display:inline-block;
		background-color:#FFF;
		padding-bottom:20px;
	}
	#quickCardLeftPannelContainer {
		position:relative;
		width:100%;
		top:0px;
		margin:0 auto;
		clear:both;
		display:inline-block;
	}
	#quickCardLeftPannelTopLabelContainer {
		position:relative;
		width:100%;
		top:0px;
		margin:0 auto;
		clear:both;
		display:inline-block;
		background-color:#66B4D4;
	}
	#quickCardLeftPannelTopLabel {
		position:relative;
		width:100%;
		top:0px;
		left:0px;
		float:left;
		font-family:"robotolight";
		font-size:27px;
		color:#FFF;
		text-align:center;
		padding-top:4px;
		padding-bottom:4px;
	}
	#quickCardLeftPannelCardsMainContainer {
		position:relative;
		width:296px;
		height:223px;
		top:0px;
		margin:0 auto;
		background-color:#FFF;
	}
	#quickCardLeftPannelCardsMask {
		position:relative;
		width:286px;
		height:162px;
		top:5px;
		left:5px;
		float:left;
		overflow:hidden;
	}
	#quickCardLeftPannelCardsSlider {
		position:absolute;
		height:162px;
		top:0px;
		left:0px;
		float:left;
		display:inline-block;
	}
	.quickCardLeftPannelCardsThumb {
		position:absolute;
		width:286px;
		height:162px;
		top:0px;
		left:0px;
		float:left;
		overflow:hidden;
	}
	#quickCardLeftPannelPagerMainContainer {
		position:relative;
		width:286px;
		height:24px;
		top:17px;
		left:5px;
		float:left;
	}
	#quickCardLeftPannelPagerBackButtonContainer {
		position:relative;
		width:23px;
		height:24px;
		top:0px;
		left:0px;
		float:left;
		border-right:dashed;
		border-right-width:1px;
		border-right-color:#AFAFAF;
	}
	#quickCardLeftPannelPagerLabel {
		position:relative;
		width:236px;
		top:0px;
		left:0px;
		float:left;
		font-family:"robotolight";
		font-size:14px;
		color:#0cb4ff;
		text-align:center;
		white-space:nowrap;
		padding-top:1px;
	}
	#quickCardLeftPannelPagerNextButtonContainer {
		position:relative;
		width:23px;
		height:24px;
		top:0px;
		left:0px;
		float:left;
		border-left:dashed;
		border-left-width:1px;
		border-left-color:#AFAFAF;
	}
	.quickCardLeftPannelPagerButtonArrow {
		position:relative;
		width:9px;
		height:15px;
		top:0px;
		margin:0 auto;
		padding-top:7px;
	}
	/*    QUICK CARD FORM    */
	#quickCardRightPannelContainer {
		position:relative;
		width:98%;
		top:0px;
		margin:0 auto;
		clear:both;
		display:inline-block;
		background-color:#66B4D4;
		border:solid;
		border-width:1%;
		border-color:#A5F3FC;
	}
	#quickCardRightPannelTopLabel {
		position:relative;
		width:100%;
		top:0px;
		margin:0 auto;
		font-family:"robotolight";
		font-size:27px;
		color:#FFF;
		text-align:center;
		padding-top:4px;
		padding-bottom:12px;
		display:inline-block;
		clear:both;
	}
	#quickCardRightPannelSavingLabelContainer {
		position:absolute;
		width:100%;
		height:256px;
		top:0px;
		left:0px;
		float:left;
		background-color:#66B4D4;
		z-index:20;
		display:none;
	}
	#quickCardRightPannelSavingLabel {
		position:relative;
		width:100%;
		top:0px;
		margin:0 auto;
		font-family:"robotolight";
		font-size:23px;
		color:#FFF;
		text-align:center;
		padding-top:105px;
		display:inline-block;
	}
	/*    FEATURED CARDS MAIN CONTAINER    */
	#searchResultsLabel {
		position:relative;
		width:100%;
		min-width:1024px;
		top:0px;
		left:0px;
		float:left;
		font-family:"robotoregular";
		font-size:14px;
		color:#FFF;
		text-align:center;
		padding-top:20px;
		padding-bottom:20px;
		background-color:#66b4d4;
		display:inline-block;
		display:none;
		z-index:2;
	}
	#featuredCardsMainContainer {
		position:relative;
		width:100%;
		min-width:1024px;
		min-height:112px;
		margin:0 auto;
		top:0px;
		clear:both;
		padding-top:30px;
		padding-bottom:30px;
		display:inline-block;
		background-color:#E8E9E8;
		background-image:url(../images/homeFeaturedCardsPannelBgPattern.png);
		background-repeat:no-repeat;
		background-position:center top;
		display:none;
	}
	#featuredCardsInnerContainer {
		position:relative;
		width:952px;
		margin:0 auto;
		top:0px;
		clear:both;
	}
	#featuredCardsTopLabel {
		position:relative;
		width:400px;
		top:0px;
		margin:0 auto;
		font-family:"robotoregular";
		font-size:34px;
		color:#1bb8ff;
		text-align:center;
		display:inline-block;
		clear:both;
		padding-top:10px;
		padding-bottom:30px;
	}
	#featuredCardsItemsContainer {
		position:relative;
		width:952px;
		top:0px;
		margin:0 auto;
		display:inline-block;
		clear:both;
	}
	.featuredCardsItemMainContainer {
		position:relative;
		width:218px;
		height:160px;
		top:0px;
		left:0px;
		float:left;
		padding-right:20px;
		padding-bottom:20px;
	}
	.featuredCardsItemInnerContainer {
		position:relative;
		width:218px;
		height:160px;
		top:0px;
		left:0px;
		float:left;
		background-color:#FFF;
		border:solid;
		border-width:1px;
		border-color:#898A8A;
  		-webkit-border-radius:5px;
	    -moz-border-radius:5px;
	    border-radius:5px;
	}
	.featuredCardsItemThumbContainer {
		position:relative;
		width:206px;
		height:148px;
		top:6px;
		left:6px;
		float:left;
		overflow:hidden;
		z-index:1;
		-webkit-border-radius:5px;
	    -moz-border-radius:5px;
	    border-radius:5px;
	}
	.featuredCardsItemThumbOverMask {
		position:absolute;
		width:206px;
		height:148px;
		top:6px;
		left:6px;
		float:left;
		z-index:2;
		display:none;
	}
	.featuredCardsItemThumbOverMaskBg {
		position:absolute;
		width:206px;
		height:148px;
		top:0px;
		left:0px;
		float:left;
		overflow:hidden;
		z-index:1;
		background-color:#e9198b;
		opacity: 0.8;
    	filter: alpha(opacity=80);
		-webkit-border-radius:5px;
	    -moz-border-radius:5px;
	    border-radius:5px;
	}
	.featuredCardsItemThumbOverMaskLabel {
		position:relative;
		width:206px;
		top:0px;
		left:0px;
		float:left;
		font-family:"robotoregular";
		font-size:18px;
		color:#FFF;
		text-align:center;
		padding-top:60px;
		z-index:2;
	}
	.featuredCardsItemThumbOverMaskLabel a:link {
		text-decoration:none;
		color:#FFF;
	}
	.featuredCardsItemThumbOverMaskLabel a:visited {
		text-decoration:none;
		color:#FFF;
	}
	.featuredCardsItemThumbOverMaskLabel a:hover {
		text-decoration:none;
		color:#FFF;
	}
	.featuredCardsItemThumbOverMaskLabel a:active {
		text-decoration:none;
		color:#FFF;
	}
	#featuredCardsMoreResultsButtonMainContainer {
		position:relative;
		width:100%;
		min-width:1024px;
		height:32px;
		margin:0 auto;
		top:0px;
		clear:both;
		padding-bottom:50px;
		display:inline-block;
		background-color:#E8E9E8;
		display:none;
	}
	#featuredCardsMoreResultsButton {
		position:relative;
		width:206px;
		height:32px;
		margin:0 auto;
		top:0px;
		clear:both;
		display:inline-block;
	}
	
}