@import url('utilityClasses.css');

body {background:url(/assets/images/bodyRepeat.png) repeat-x top left #ffffff;color:#333333;font-family:Arial, Helvetica, sans-serif;font-size:12px;text-align: center;}
h2 {color:#333333;font-size: 24px;margin-bottom: 30px;}
a {color:#0076C0;text-decoration:none;}
a:hover {border-bottom:1px dotted #0076C0;}

#wrap {margin:8px auto;	text-align: left;width:960px;}
#header {float:left;width:100%;}
#header #logo {float:left;margin-top:7px;}
#header #accountInfo {float:right;height:39px;line-height:15px;margin-top:9px;}

#accountInfo #profilePic {float:left;margin-top:-7px;}
#accountInfo #user{background:url(/assets/images/accountInfoDivider.png) right no-repeat;color:#cccccc;display:inline;float:left;margin-left:10px;padding-right:13px;text-align:center;vertical-align:middle;}
#accountInfo #user a,#accountInfo #userNoLine a {font-size:11px;}
#accountInfo #userNoLine{color:#cccccc;display:inline;float:left;margin-left:10px;padding-right:13px;text-align:center;vertical-align:middle;}
#accountInfo #cash {display:inline;float:left;}
#accountInfo #cash div {display:inline;float:left;font-size:11px;margin-left:2px;text-align:center;}
#accountInfo #cash div .cashAmount {color:#0076C0;font-size:18px;}

#navBar {background:url(/assets/images/navBar.png) right no-repeat;height:60px;margin-top:11px;width:960px;}
#navBar ul {float:left;padding:3px 0 0 3px;}
#navBar ul li {display:block;float:left;height:45px;}
#navBar .shop {padding:7px 28px 0 16px;}
#navBar .earn {padding:7px 28px 0 28px;}
#navBar .share {padding:7px 10px 0 10px;}
#navBar ul li:hover, #navBar ul .active {background:url(/assets/images/navBar-on.png) repeat-x ;}
#navBar ul li a {display:block;}
#navBar .searchForm {float:right;line-height:56px;margin-right:10px;}




#breadCrumbs {margin-left:10px; margin-top:2px;}
#breadCrumbs a {color: #666666;margin:0 5px;}
#breadCrumbs a:hover {border-bottom:1px dotted #666666;}

#contentWrap, .whiteBoxWrap {background:url(/assets/images/contentTop.png) top no-repeat;display:inline-block;margin-top:7px;padding-top:10px;width:100%;}
#contentWrap #content, .whiteBoxContent {background:#ffffff;border-left:1px solid #cccccc;border-right:1px solid #cccccc;padding:6px 14px 10px 15px;min-height:300px;}
#contentWrap #contentBottom, .whiteBoxBottom  {background:url(/assets/images/contentBottom.png) bottom no-repeat;height:10px;}
.whiteBoxContent{min-height:0px;padding-top:0px;padding-bottom:0px;}
.whiteBoxContent td {padding:3px 0;}

#successWrap {background:url(/assets/images/successTop.png) top no-repeat;display:inline-block;margin-top:7px;padding-top:10px;width:100%;}
#successWrap #successContent {background:#f4fce9;border-left:1px solid #8eae00;border-right:1px solid #8eae00;padding:0px 20px 0px 20px;}
#successWrap #successContent #successMessage{font-size:14px;color:#8eae00;font-weight:bold;padding: 0px 0px 0px 10px;}
#successWrap #successBottom {background:url(/assets/images/successBottom.png) bottom no-repeat;height:10px;}

.categoryList li {color:#0076C0;font-family:Georgia, serif;font-size:11px;font-weight:bold;margin-bottom:10px;}
.categoryList li .subCatebory{color:#666666;font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:normal;margin-bottom:0;margin-top:5px;}
.categoryList li.last{margin-bottom:20px;}
#leftCategories {float:left;width:150px;}

#activityFeed {font-size:15px;font-weight:bold;color:#666666;line-height:17px;margin-top:-20px;overflow:hidden;}
#activityFeed .item {position:relative; border-bottom:1px dotted #999999;padding-top:10px;width:100%;float:left;height:60px;}
#activityFeed .itemImage {float:left;margin-right:10px;}
#activityFeed .itemContent, #activityFeed .itemContentBadge {display:table-cell;vertical-align:middle;height:47px;}
#activityFeed .itemContentBadge {width:320px;}
#activityFeed .itemBadge {position:absolute; right:0;top:10px;display:block;}
.smallActivity #activityFeed {font-size:12px;} 
#publicProfile #activityFeed .itemContentBadge {width:490px;}


/* footer */
#footer {background:url(/assets/images/footerTop.png) top no-repeat;color:#ffffff;margin-top:8px;width:100%;}
#footer #footerContent {background:url(/assets/images/footerBottom.png) bottom no-repeat;min-height:367px;padding:20px;width:920px;}
#footer #footerContent #footerLeft{float:left;width:715px;}
#footer #footerContent #footerLeft div {float:left;margin-left:25px;width:160px;}
#footer #footerContent #footerLeft div.first {float:left;margin-left:0px;}
#footer #footerContent .parentCategory {color:#fefefe;font-weight:bold;font-size:11px;margin-bottom:7px;}
#footer #footerContent .first {margin-top:0px;}
#footer #footerContent li, #footer #footerContent a, #footer #footerContent span {color:#cccccc;font-size:11px;margin-bottom:7px;text-transform:capitalize;}
#footer #footerContent a:hover{border-bottom:1px dotted #cccccc;}
#footer #footerContent #footerRight{float:right;width:183px;}
#footer #footerContent #footerRight li a{text-transform:none;}

#postFooter {
margin-top:10px;padding-top:15px;position:relative;height:74px;}
#postFooter #socialIcons {position:absolute;right:20px;top:8px;}
#postFooter #socialIcons img {margin-left:4px;}
#postFooter #followUsOn {position:absolute;right:13px;top:-44px;}

/* Search Results */
#searchResults .resultText {font-size: 16px;font-weight: bold;color:#333333;}
#searchResults #featuredMerchants {margin:20px 0 30px 0;}
#searchResults #featuredMerchants li {display:inline;margin-right: 15px;}

#searchResults #searchFilters {margin:15px 0;}
#searchResults #searchFilters .holder {	float:left;margin-right:15px;width:180px;}
#searchResults #searchFilters .fancyScroll {height:125px;width:180px;float:left;overflow:auto;}
#searchResults #searchFilters li {color:#0076C0;line-height: 20px;}
#searchResults #searchFilters .chosenFilter {line-height: 20px;}
#searchResults #searchFilters .productCount {color:#333333;font-size: 10px;}

#searchResults #priceFilters  {color:#666666;margin-top: 15px;text-align: center;}
#searchResults #priceFilters .active, .sort .active {color:#0076C0;}
#searchResults #priceFilters .active:hover, .sort .active:hover {border-bottom:none;}
#searchResults #priceFilters li, .sort {float: left;font-size: 23px;font-weight:bold;margin-right:10px;}
#searchResults #priceFilters li a, .sort a {color:#999999;}
#searchResults #priceFilters li a:hover, .sort a:hover {color:#0076C0;border-bottom:none;}
#searchResults #priceFilters li div, .sort div {font-size:10px;margin:5px 0;}

#searchResults .pagination {color:#0076C0;float:right;margin-top:47px;}
#searchResults .pagination .active {font-weight:bold;}

#searchResults #products li {background: url(/assets/images/productBackground.png) top left no-repeat;float:left;height: 271px;margin-right: 12px;margin-top: 13px;padding:15px;text-align: center;width:152px;position:relative;}
#searchResults #products .lastInRow {margin-right: 0px;}
#searchResults #products .productImage {width:150px;height:125px;display: table-cell;vertical-align: middle;}
#searchResults #products .productImage img {max-width:150px;max-height:125px;display:block;}
#searchResults #products .productInfo {color:#333333;text-align: left;line-height: 20px;margin-top: 3px;}
#searchResults #products .productInfo .actionButton {position:absolute;bottom:15px;}

/* Search Compare */
.productPrice {font-size:20px;font-weight:bold;}
#productCompareBack {font-size:12px;}
#searchCompare .productPriceSmall, .styledTable .productPriceSmall {font-size:18px;font-weight:bold;}
#searchCompare #productImg {width:180px;float:left;}
#searchCompare .merchantImg, .styledTable .merchantImg {width:50px;height:50px;margin-right:10px;float:left;}
#searchCompare #firstProduct #productInfo {float:left;margin-left:15px;width:450px;}
#searchCompare #firstProduct #productInfo h3 {font-size:20px;font-weight:bold;line-height:23px;}
#searchCompare #firstProduct #productInfo #productDescription {clear:left;padding-top:15px;width:375px;line-height:15px;}
#searchCompare #firstProduct #productShop {float:right;width:111px;text-align:right;}
#searchCompare #comparisons {clear:both;padding-top:15px;}
#searchCompare #comparisons .first td {border-top:1px dotted #999999;}
#searchCompare #comparisons .last td, .styledTable .last td {border-bottom:1px dotted #999999;}
#searchCompare .actionButton {margin-top:3px;}

/*  Merchant Page Styling  */
#merchantPage .addToFavorites{color:#0076C0;}
#merchantPage .storeName{float:left;height:100%;display:table-cell;vertical-align:middle;margin:0 0 0 20px;}
#merchantPage .storeNameTitle{font-weight:bold;font-size:24px;color:#595959;margin:0 0 5px;}
.storeName a{font-size:10px;}
.shopNow{float:right;display:table-cell;vertical-align:middle;}
.merchangeDescription{line-height:16px;}
.storeSearch{text-align:center;padding:15px 0 25px;}
.storeSearchInputGreyText,.storeSearchInputBlackText{background:url(/assets/images/searchinput.png) no-repeat 0 3px;border:none;font-size:19px;height:32px;width:240px;vertical-align:middle;color:#ccc;padding:6px 1px 0 8px;}
.storeSearchInputBlackText{color:#000;}
.storeCategoriesTitle{font-weight:700;font-size:15px;color:#0076c0;}
.storeCategories a{color:#595959;}
.storeCategories ul{list-style-type:none;line-height:20px;}
.storeCategoriesLeft{float:left;width:50%;}
.storeCategoriesRight{float:right;width:50%;}
.coupon{border-top:thin dotted #ccc;width:100%;padding:15px 0;}
.coupon:first-child{border-top:none;padding:0 0 15px;}
.couponName{float:left;width:330px;font-size:11px;}
.couponDescription{float:left;}
.couponTitle{font-weight:700;font-size:15px;color:#0076c0;margin:0 0 8px;}
.storeDescription{line-height:17px;margin:15px 0 0;}
.disclaimer{font-size:9px;margin:20px 0 0;}
.storeTextBox li{display:inline;list-style-type:none;padding-right:10px;width:100px;}
.storeCategories,.storeCategories a:hover{color:#0076c0;}
.coupon strong,.storeDescription strong{font-weight:700;}


.topShopper{padding:5px 0px 0px 5px;}
.topShopperTitle{font-weight:bold;font-size:22px;color:#0076c0;margin:5px 0px 5px 0px;float:left;}
.topShopperText{font-weight:bold;font-size:12px;color:#0076c0;}
.memberSince{font-size:10px;margin:3px 0px 3px 0px;}
.memberSinceDate{font-weight:bold;font-size:11px;}
.topShopperEarned{font-weight:bold;font-size:20px;color:#0076c0;width:90px;text-align:center;}
.topShopperEarnedText{font-size:11px;font-weight:bold;width:90px;text-align:center;padding-left:2px;}


#merchantsCategories {padding-top:15px;}
#merchantsCategories .addToFavorites {padding-top:5px;}

/* all stores */
.storeSelectorBar{background: url(/assets/images/storeSelectorBar.png) left no-repeat;height:37px;clear: both;padding: 0px 0px 10px 0px;}
.letterSelector{font-weight:bold;font-size:24px;color:#333333;padding: 10px 5px 5px 10px;float: left;text-align: left;}
.letterSelectorList{font-weight:normal;font-size:14px;color:#333333;text-align: right;padding: 12px 10px 5px 5px;}
.letterSelectorIndividual{font-weight:bold;font-size:18px;color:#333333;padding: 12px 3px 5px 3px;}
.storeContainer {float:left;width:100%;padding: 5px 0px 15px 0px;}
.leftStoreList {float: left;clear: left;width: 367px;display:inline;}
.leftStoreList li {display:block;float: left;}
.rightStoreList{float: right;clear: right;display:inline;width: 367px;}
.rightStoreList li{display:block;float: left;width:100%;height:20px;}
.rightStoreList li:hover, .leftStoreList li:hover {background:#eeeeee;}
.storeContainer .storeName{width:160px;margin:0;line-height:20px; display: table-cell;float: left;vertical-align: middle;}
.storeContainer .storeName a{font-size:12px;}
.storeContainer .percentFlat{font-size:14px;display:inline-block;width:105px;}
.storeContainer .cashBack{font-size:10px;color:#333333;}
.storeContainer .shopNowAllStores{font-size:11px;color:#0076c0;margin-left:15px;}
.storeContainer .siteBlueNum{width: 55px;display:inline-block;color:#0076c0;font-size:14px;text-align:right;margin-right: 5px;}

/* public profile */
#publicProfile {font-size:10px;}
#publicProfile .profilePic{float:left;margin-right:15px;}
#publicProfile .detailItem{float:left;text-align:center;margin-right:30px;}

/* account profile */
#accountInfoPage{font-size:10px;}
#accountInfoPage .profilePic{float:left;margin-right:15px;}
#cashValues {margin-top:12px;}
#cashValues .cashValueItem{float:left;text-align:center;margin-right:30px;}
#accountInfoPage #purchaseHistory{margin-top:15px;}
#accountInformationBox li {margin-bottom:15px;}
#favoriteStores td, #friendsModule td {padding:6px 0;}



.backToProfile{float:right;padding: 0px 5px 8px 0px;}
#shoppingHistory .greenButton{vertical-align:top;margin-top:2px;padding-bottom:2px;}
#purchaseHistory .greenButton{vertical-align:top;margin-top:2px;padding-bottom:2px;}
.padLeft{padding: 0px 20px 0px 0px;} 
.redeemable{text-align:center;width:100px;float:left;}
.redeemableCashAmount{color:#0076C0;font-size:24px;fold-weight:bold;}
.redeemableCashLabel{margin-top:7px;font-size:10px;}
.pending{text-align:center;width:100px;float:left;}
.pendingCashAmount{color:#666666;font-size:24px;fold-weight:bold;}
.pendingCashLabel{margin-top:7px;font-size:10px;}

/* edit favorites */
#favoritesSortable .sorting {
	border-top:3px solid #ffffff;
	border-bottom:3px solid #ffffff;
	background:#eeeeee;
	border-collapse:separate; 
}

/* edit profile */
.profilePageUser{margin:-10px 0px 0px 0px;width:200px;height:70px;}
.profilePicture{width:60px;height60px;float:left;}
.profilePictureLabel{float:left;margin-top:10px;font-size:10px;color:#666666;}
.profilePictureLabel h2{font-size:15px;font-weight:bold;color:#0076c0;margin-bottom:3px;}
.profilePageRequiredDisclaimer .profilePageRequiredDisclaimerAstrisk{color:#0076c0;font-weight:bold;font-size:12px;}
.profilePreferences li{margin:0px 0px 0px 120px;}
.profilePreferencesLabel{padding:0px 0px 0px 10px;}
.dateFiltered {padding: 6px 0px 0px 8px;font-weight: bold;font-size: 11px;color: #CC3300;}

/* redeeming */
.cashRedemption h3{	font-size:16px;	padding-bottom:5px;}
.cash{height:15px;vertical-align:middle;padding:10px 0px 0px 10px;}
.cashRadio{width:25px;float:left;}
.cashAmountLabel{padding-top:2px;float:left;font-size:15px;color:#cccccc;}
.cashAmountLabelSelect{padding-top:2px;width:50px;float:left;font-size:15px;color:#000000;}
.greyText{color:#cccccc;}

/* carousel styles */

#featured{width:466px;position:relative;height:250px;left: 0px;top: 0px;text-decoration: none;border-left:1px solid #cccccc;border-right:1px solid #cccccc;}
#featured ul.ui-tabs-nav{float:left;list-style:none;margin:0 0 0 5px;right: 0px;bottom: 0px;padding: 0;	//z-index: 1002;}
#featured ul.ui-tabs-nav li{font-size:10px;color:#000;vertical-align: middle;margin-left:7px;background-image: url(/assets/images/noSelected.png);height:50px;width: 144px;background-repeat: no-repeat;background-position: left top;}
#featured ul.ui-tabs-nav li.lastItem {background-image: url(/assets/images/noSelected-last.png);}
#featured ul.ui-tabs-nav li img{float:left;margin:2px 5px;padding:2px;border:1px solid #eee;}
#featured ul.ui-tabs-nav li span{font-size:12px;font-weight:bold;font-family:Georgia,Arial, Helvetica, sans-serif;line-height:12px;color: #000;text-decoration: none;width: 144px;}
#featured ul.ui-tabs-nav li span .smallText{font-size:10px;font-family:Arial, Helvetica, sans-serif;line-height:12px;color: #000;text-decoration: none;width: 144px;}
#featured li.ui-tabs-nav-item a{display:block;color:#FFF;background-repeat: repeat-x;line-height: 12px;	height: 41px;text-decoration: none;	margin-left: 5px;margin-top: 0px;padding:10px 0px 0px 5px;border:0;}
#featured li.ui-tabs-nav-item a:hover{text-decoration: none;padding:10px 0px 0px 5px;}

#featured ul.ui-tabs-nav li.ui-tabs-selected{display: block;	background-image: url(/assets/images/selectLeftRibbon.png);	background-position: left top;	position: relative;	padding: 0 0 7px 7px;	margin-left:0px;width:153px;z-index:1000;}

#featured ul.ui-tabs-nav li.ui-tabs-selected a{background-image: url(/assets/images/selectArrow.png);background-repeat: no-repeat;background-position: left top;font-family:Georgia,Arial, Helvetica, sans-serif; font-weight:bold; margin: 0px;width: 144px;padding-top: 10px;	padding-right: 0px;padding-bottom: 0px;padding-left: 10px;border:0;}
#featured .ui-tabs-panel{width:300px;height:250px;background:#FFF;margin-right:11px;z-index:1;position:absolute;right:0;}
#featured ul.ui-tabs-nav li.ui-tabs-selected span{font-size:12px;font-weight:bold;font-family:Georgia,Arial, Helvetica, sans-serif;line-height:12px;color: #fff;text-decoration: none;width: 144px;}
#featured ul.ui-tabs-nav li.ui-tabs-selected span .smallText{font-size:10px;font-weight:bold;font-family:Arial, Helvetica, sans-serif;line-height:12px;color: #fff;text-decoration: none;width: 144px;}
#featured .ui-tabs-panel .info{position:absolute;top:180px; left:0;height:70px;	background: url('/assets/images/transparent-bg.png');}
#featured .ui-tabs-panel a{text-decoration:none; border:0;}
#featured .info h2{font-size:18px; font-family:Georgia, serif;color:#fff; padding:5px; margin:0;overflow:hidden;}
#featured .info p{margin:0 5px;	font-family:Verdana; font-size:11px;line-height:15px; color:#f0f0f0;}
#featured .info a{text-decoration:none;	color:#fff;}
#featured .info a:hover{text-decoration:underline;}
#featured .ui-tabs-hide{display:none;z-index: 2;}
#featured .selectedAfter {margin-top:-7px}
#featured .lastElementSelected {padding-bottom:0px;}

#mediumContentWrap {background:url(/assets/images/mediumContentTop.png) top no-repeat;display:inline-block;margin-top:-3px;padding:10px 0px 0px 0px;width:100%; }	
#mediumContentWrap #mediumContentBottom {background:url(/assets/images/mediumContentBottom.png) bottom no-repeat;height:9px;}

/* share home */
#shareHome .inviteList {width:605px;height:65px;}
#shareHome .smallLegal {font-size:9px;}
#shareHome .resultsColor {background-color: #FFFF00;}

/* account info referral history */
	
.referralGroup{padding:15px 0px 40px 5px;}
.referralMiddle{float:left;text-align: middle;font-size:12px;padding-left:28px;}
.referralFloatRight{float:right;padding-right:10px;}

/* friend home */
#friendsHome .hiddenTextarea {display:none;visibility:hidden;}
#friendsHome .friendsList{border-bottom:thin dotted #cccccc;padding:0px 0px 20px 0px;width:100%;}

/* cause */
#causePage .causeName{float:left;height:100%;display:table-cell;vertical-align:middle;}
#causePage .causeNameTitle{font-weight:700;font-size:24px;color:#595959;margin:0 0 5px;}
#causeEarnings {width:110px;margin-bottom:10px;margin-right:-10px;padding-left:20px;}
#causePage .causeDescription{line-height:17px;margin:15px 0 0;}
#causePage .causeTextBox li{display:inline;list-style-type:none;padding-right:10px;width:100px;}
#causePage .addCause{float:right;line-height: 1.8em;text-align:right;}
/* table sorter */
table.tablesorter thead tr .header {
	background-image: url(/assets/images/arrows_both.png);
	background-repeat: no-repeat;
	cursor: pointer;
	padding-bottom: 10px;
}
table.tablesorter thead tr #thLeft {
	background-position: 92px -03px;
}
table.tablesorter thead tr #thCenter {
	background-position: 88px -03px;
}
table.tablesorter thead tr #thRight {
	background-position: 120px -03px;
}

table.tablesorter thead tr .headerSortUp{
	background-image: url(/assets/images/arrow_up.png);
}
table.tablesorter thead tr .headerSortDown{
	background-image: url(/assets/images/arrow_down.png);
}


