/* This stylesheet has gotten out of control and needs a huge refactoring when there is time */


body {
    background:  #e5e0e7 url('../images/template/PageBG.gif') repeat-x top;
    font-family: arial, verdana, sans-serif;
    font-size:   11px;
    color:       #3f4042;
    margin-top:  0px;
}

ul {
    margin: 0px;
    padding: 0px;

}

a {
    color:              #3f3f41;
    text-decoration:    none;
}

a img {
    border: none;
}

input[type=text, type=password], textarea, select{
    border-top:1px solid #7c7c7c;
    border-left:1px solid #c3c3c3;
    border-right:1px solid #c3c3c3;
    border-bottom:1px solid #ddd;
    background:#fff url('../images/template/fieldbg.gif') repeat-x top;
}

ol {
    color:      #3f3f41;
    font-size:  11px;
    margin-top: 5px;
}

/* ID's */

#container {
	margin: 0 auto;
	padding: 0;
	width: 927px;
}

#pageContainer {
	float: left;
    width:      927px;
    margin:     0;
    padding:    0;
    background: #e7e2e9 url('../images/template/content_bg.gif') repeat-y;
}

#Content {
    width: 971px;
    height: 100%;
    margin-left: 0;
    background: url('../images/template/content_large_bg.gif') no-repeat;
}

#MainContentWrapper {
    padding-left:11px;
    padding-top:16px;
    width:904px;
    margin: 0;
    padding-bottom: 0;
       
}

#Splash { color: #000; height:100%; padding: 0px 0 19px 0px; }
#Splash #SplashImage { float: left;  }
#Splash #SplashText { font-size: 14px;text-align: left; padding-left: 55px; float: left; }
#Splash #SplashText ol { padding-left: 17px; color: #ffd2d7;  }

#bannerAd {
    background:     #5577A9;
    height:         116px;
    text-align:     center;
    vertical-align: middle;
}

#header {
    height:         139px;
    margin-top:     0px;
    margin-bottom:  0px;
    padding-bottom: 0px;
}

#header div {
    float: left;   
}

#headerLogo { 
    margin-top: 0px; 
    background: url(../images/template/header_bg.gif); 
    width: 884px; 
    height: 139px;
}

#headerLogo a img {
    margin-top: 69px;
}

#headerText {
    margin-top: 31px
}

#headerLeft { width: 10px; }
#headerRight { width: 10px; }

#headerGlass {
    margin-top:     12px;
    /*text-align:     right;*/
    margin-left:    266px;
}

#BlankBar { height: 20px; background: #7e5a86; }


/*********
* NEW NAVIGATION
***********/
#navigation {
    /* Wrapper for above navigation */
    background:     #767676;
    color:          white;
    text-align: center;
    border-top: solid #fff 1px;
    border-bottom: solid #fff 1px;
}

#nav {padding:0; margin:0 auto; text-align: center; list-style:none; background: #767676;; position:relative; z-index:500;}
#nav li.top {margin:0; display:block; float:left; padding: 15px 10px 0 0px;}
#nav li.top:hover {background: #dadada;}
#nav li a.top_link {display:block; float:left; color:#ccc; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 0px; cursor:pointer;}
#nav li a.top_link span {float:left; display:block; padding:0 0px 0 12px; height:35px; background: url(three_0.gif) right top no-repeat;}
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(three_0a.gif) no-repeat right top;}

#nav li:hover a.top_link { color: #684673; }
#nav li:hover a.top_link span { background: transparent; }

/* Default list styling */

#nav li:hover {position:relative; z-index:200;}

#nav li:hover ul.sub {left:0px; text-align: left; top:49px; background: #dadada; padding:3px; white-space:nowrap; width:150px; height:auto; z-index:300;}
#nav li:hover ul.sub li {display:block; height:20px; position:relative; float:left; width:150px; font-weight:normal;}
#nav li:hover ul.sub li a {display:block;  font-size:11px; height:18px; color: #684673; width:88px; line-height:18px; text-indent:5px; text-decoration:none;}


#nav li ul.sub li a.fly {}
#nav li:hover ul.sub li a:hover {border-color:#fff;}
#nav li:hover ul.sub li a.fly:hover {color:#fff;}

#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:150px; top:-4px; padding:3px; background: #684673; white-space:nowrap; width:150px; z-index:400; height:auto;}

#nav li:hover li:hover ul a,
#nav li:hover li:hover li:hover ul a,
#nav li:hover li:hover li:hover li:hover ul a,
#nav li:hover li:hover li:hover li:hover li:hover ul a
{ color: #fff; }

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly
{ border-color:#fff;} 

#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly
{background: #684673; color:#000; } 
/******** END NEW NAVIGATION *****************/

#FindBox {
	width: 808px;
	margin: 15px auto;
}

#FindBoxHeader {
	width: 100%;
	color: #fff;
	font-size: 10px;
        background: #610061;
}

#FindBoxHeader div {
	float: left;
	height: 73px;
}

#FindBoxHeaderText {
	background: url('../images/template/find_header_bg.gif') repeat-x #610061;
	width: 784px;
}

#FindBoxHeaderText h1 {
	font-size: 20px;
	font-weight: normal;
}

#FindBoxHeaderText h3 {
	font-weight: normal;
}

#FindBoxLeft, #FindBoxRight {
	width: 11px;
}

#FindBoxSubheader {
	background: url('../images/template/find_box_subheader.gif') repeat-x;
	color: #fff;
	padding: 12px;
}

#FindMain {
	border-top: 2px #f6f1ed solid;
}

#FindMain div {
        float: left;
        width: 402px;
        height: 352px;
        background: #f1dfdd;
        color: #462252;
}

#FindMain div h3 {
        font-size: 16px;
}

#FindMain div img {
        float: left;
        margin-left: 32px;
        margin-top: 20px;
}

#FindMain .clearfix {
        width: 280px;
        padding-top: 20px;
        float: right;
        height: 332px;
}

#FindMainLeft {
     border-right: 2px #f6f1ed solid;
}

#FindMainRight {
     border-left: 2px #f6f1ed solid;
}

#FindMainRight select {
      width: 200px;
      display: block;
      margin-top: 20px;
}

#FindMain input {
      margin-top: 20px;
}

#LuxeDropDown #SubcategoriesSelect {
    margin:0; 
    padding:0; 
    width: 100px; 
    clear: left;
    float: none;
    height: 40px;
}

#perkBanner{
    background-color: #FFFFFF;
    height:         95px;
    text-align:     center;
    vertical-align: middle;
}



#navigation td.active a {
	color:          #766e79;
}

#subNavigation {
    background:     #e1e1e1; 
    /*height:         39px;*/
    color:          white;
    margin-top:     0px;
    /*padding-left:   14px;*/   /* Cant use divStack class to accomadate for table use. */
    /*padding-right:  14px;*/
}

#subNavigation a {
    color:          #766e79;
    font-weight:    normal;
}

#subNavigation td.active a {
	color:          #766e79;
	font-weight:    normal;
}
#subNavigation table {
 
    float:          left;
    margin:         0px;
    padding-left:   15px;
    margin-left:    0px;
    border:         0px;
}

#subNavigation table td {
    font-family:    verdana, arial, sans-serif;
    font-size:      10px;
    /*font-weight:    bold;*/
    padding: 11px 11px;
    text-align:     center;
    border:         0px;
    margin:         0px;
}

#searchBar {
    background: #f0f1f5;
    clear:      both;
}

#searchForm {
    text-align:     left;
    float:          left;
    padding:        3px;
    padding-left:   0px;
}

#EstablishmentSearchResults {
     margin-left: 50px;
     color: #684673;
}

#EstablishmentSearchResults a {
     font-weight: bold;
    text-decoration: underline;
}

#memberFunctions {
    text-align:     right;
    vertical-align: bottom;
    float:          right;
    padding:        5px;
}


#memberFunctions a {
    color: #fff;
}

#memberFunctions li {
    padding-left:   10px;
}

#mainContent {
	width:      904px;
	text-align: left;
	overflow:   hidden;
	padding-bottom: 25px;
	margin-left: auto;
	margin-right: auto;
        background: #f4f1ec;
}

#leftColumn {
    float:      left;
    background: #f0f1f5;
}

#centerColumn {
    float:          left;
    width:          378px;
    /*background:     #fff;*/
    padding-left:   8px;
}

#rightColumn {
    float:          left;
    background:     #f0f1f5;
    padding-left:   7px;
    padding-right:  20px;
    width:          262px;
    /*border:         solid 1px black;*/
}

#twoColumn {
    float:          left;
    padding:        17px 23px;
    width:          640px;
    background:     #f4f1ec;
    
    /*border:         solid 1px black;*/
}

#FeaturedCategories {
        width: 776px;
        background: #40003d;
        margin: 0 auto 20px auto;
        padding: 12px;
        color: #f1dfdd;
}

#FeaturedLuxeFinds {
        width: 776px;
        background: #f4e2fa;
        margin: 0 auto;
        padding: 16px;
        color: #504857;
}

#FeaturedLuxeFindsSmall {
        width: 572px;
        background: #f4e2fa;
        padding: 16px;
        color: #504857;
}

.skinnyH3 {
        font-size: 16px;
        font-weight: normal;
        padding: 0px;
        margin: 0px 0 12px 0;
}

#clickage {
    color:          #800080;
    padding-left:   0px;
}

#clickage h2 {
    padding-left:   29px;
    font-size:      16px;
}

#clickage li {
    padding-left:       29px;
    list-style-type:    none;
    border-bottom:      1px #CCCCCC dashed;
}

#clickage a {
	color:    #800080;
}

#SubCatLeftNav {
	font-size: 12px;
    	width: 186px;
    	padding: 16px;
	background: #cbcbcb;
	color: #757575;
}

#SubCatLeftNav a {
	font-size: 14px;
	color: #757575;
	text-decoration: none;
}

#neighborhoodBox a {
    color: #D188CD;
    font-size: 12px;
    text-decoration: underline
}

#eventForm {
    background:     url('../images/template/event_form_bg.jpg') repeat-x #CCC;
    width:          557px;
    padding:        5px;
    padding-left:   24px;
}

#tabContainer {
	min-width:      100%;
}

#tabContent {
	min-width:  100%;
	clear:      both;
	background: #f9fafc;
	overflow:   hidden;
}

#FeaturedLuxeContent {
    padding: 0px;
    padding-top: 2px;
    color: #6d1967;
    text-align: left;  
   
}

#FeaturedLuxeContent ul {
    list-style-type: none;
    text-align: center;
     margin-top: 20px;  
}

#FeaturedLuxeContent li  {
    padding: 10px;
    border-top: dashed 1px #6d1967;
}

#FeaturedLuxeContent li a {
    color: #6d1967;
}

#tabContent2 {
	min-width:  100%;
	clear:      both;
	background: #f9fafc;
	overflow:   hidden;
}

#tabContent2 li {
    padding-bottom: 10px;
}

#lowerNavigation {
    color: #fff;
    margin: 0 auto;
    text-transform: uppercase;
    width: 927px;
}

#lowerNavigation a {
    color:	#40003d;
    font-size: 14px;
}

#lowerNavigation ul {
    margin: 0 40px;
}

#lowerNavigation li {
    padding-left:   35px;
    margin-top:     29px;
    margin-bottom:  5px;
    color:          #f1dfdd;
    text-align: center;
}


#lowerMemberFunctions {
    background: #141414;
    float:      right;
    /*height:     20px;*/
    text-align: center;
    margin:     0 auto;
    color:      white;
    font-size:  12px;
    padding-bottom:    5px;
    padding-right:     10px;
}

#lowerMemberFunctions li {
    padding-left:   20px;
    padding-top:    5px;
}

#copyright {
    color: #6567a0;
    float: right;
}

#mainCatBox {
    border:     solid #aabbcd 7px;
    padding:    10px;
    width: 	346px;
    overflow:   auto;
}

#mainCatBox img {
    float:  left;
}

.topCategoryBox {
    background:     #40003f;
    width:          584px;
    padding:        10px;
    color:          #d188cd;
    overflow-x:     auto;
    overflow-y:	    hidden;
    margin-bottom:  20px;
}

.topCategoryBox .mainBoxText {
    width: 228px;
    padding: 0 15px 0 15px;
    float: left;
}

.topCategoryBox .mainBoxText h3 {
    font-size: 24px;
    margin: 0;
}

.NeighborhoodLink {
    float: left;
    width: 50%;
}

#eventEmailForm {
    background:     #f1e4f8;
    margin-top:     10px;
    width:          557px;
    padding:        5px;
    padding-left:   24px;
    color: #822673;
}

#eventEmailForm .contentTitle {
    margin: 0 0 10px 0;
}

#boxContent {
    width:          581px;
}

#offerDetailBox {
     width: 547px;
     background: #f1e4f8;
     padding: 20px;
     color: #9a2d9a;
}

#offerDetailBox img {
    float: left;
}

#OfferDetailText {
    float: right;
    width: 325px;
    padding-left: 25px;
}

#OfferDetailText h2 {
    margin: 0px;
    color: #2d1330;
    font-size: 20px;
    font-weight: normal;
}

#OfferDetailText h3 {
    color: #4f2265;
}

#offerLuxeFormWrapper {
    width: 548px;
    margin-top: 10px;
    display:none;
}

#offerLuxeFormHeader {
    background: url('../images/template/find_box_subheader.gif') repeat-x;
    text-align: center;
    color: #f1e4f8;
    font-size: 16px;
    padding: 12px;
}

#offerLuxeFormBox {
    background: white;
    color: #131315;
}

#offerLuxeFormLogo {
    width: 150px;
    float: left;
    padding: 30px;
    border-right: solid 2px #f1e4f6
}

#offerLuxeFormRight {
    float: right;
    width: 300px;
    color: #131315;
}

#perkOuter {
    margin:     0px; 
    height:     336px;
    width:      100%;
    overflow:   hidden;
    position:   relative;
    float:      left;
    left:       0;
    top:        0;
}

#lookBookLeftColumn {
    float:      left;
    margin:     0px;
    width:      201px;
}

#lookBookLeftColumn div {
   margin-top:      1px;
   margin-bottom:   1px;
   width:           201px;
   font-size:       11px;
}

#lookBookLeftColumn div p {
   font-size:       11px;
}

#lookBookLeftColumn a {
    color: #c4c4c4;
}

#lookBookSlideShow {
    width:      661px;
    padding-left: 5px;
}

#lookBookOuterSlide {
    margin:     0px; 
    width:      613px; 
    overflow:   hidden;
    position:   relative;
    float:      left;
    background: #000;
    left:       0;
    top:        0;
}

#lookBookThumbSlide {
    background:     #000;
    overflow:       hidden;
    white-space:    nowrap;
    width:          10000px;
    height:         44px;
    float:          left;
    vertical-align: center;
}

#lookBookContainer {
    margin:     6px;
    padding:    2px;
    background: #fff;
    overflow:   hidden;
    clear:      both;
}

#lookBookLargePic {
	margin:     0 auto;
	text-align: center;
	min-height: 400px;
}

#lookBookThumbSlide img {
    margin: 3px;
}

#ErrorMessage {
	color: red;
	font-size: 13px;
}

#footer {
	margin-top: 8px;
}

#footerImage {
	float: left;
	width: 932px;
	margin-left: -14px;
	display: block;
	padding: 0;
}

#perkContent {
	overflow: hidden;
}

/* CLASSES */
.alignRight {
    float: right;
}

.alignLeft {
    float: left;
}

.alignLeftTwoCol {
    float: left;
    width: 50%;
}
.alignRightTwoCol {
    float: right;
    width: 50%;
}

.divStack {
    /*  
        Some vertical elements of the content share certain characteristics,
        such as a padding.                                         
    */
    padding-left:   29px;
    padding-right:  29px;
}

.FeatureCategoryBox {
    float: left;
    width: 149px;
    padding-right: 6px;
    text-align: center;
}

.FeatureCategoryBox a {
     color: #f1dfdd;
     text-decoration: underline;
}


.FeatureCategoryBox img {
    border: solid 1px #fff;
}

.event {
    width:          357px;
    height:         186px;
    overflow:       hidden;
    background:     #fff;
    margin-bottom:  5px;
    margin-left:    10px;
    float:          right;
    padding: 9px 0 6px 9px;
}

.eventSmall {
    width:          267px;
    overflow:       hidden;
    background:     #fff;
    margin-bottom:  5px;
    margin-left:    10px;
    float:          left;
    padding: 9px 0 6px 9px;
}

.eventLarge {
    width:          610px;
    border:         solid 2px #dedbd2;
    overflow:       hidden;
    background:     #f1eee7;
    margin-bottom:  10px;
    padding:        10px;
    color:          #6d1967;
}

.eventImageLarge {
    width: 220px;
    float: left;
}

.eventImageLarge p {
    padding-right: 5px;
}

.eventInfo {
    overflow:       auto;
    width:          171px;
}

.eventInfoLarge {
    overflow:       auto;
    width:          390px;
}

.eventInfoLargeHeader {
    background: #332234 url('../images/template/find_box_subheader.gif') repeat-x;
    color: #fff;
    padding: 10px 10px 0px 10px;
    margin: 0;
    height: 108px;
    overflow: hidden;
}

.eventInfoLargeHeader p {
     color: #fff;
     font-size: 11px;
}

.eventInfoLargeHeader p a {
     color: #fff;
     font-size: 14px;
}

.eventInfoLargeHeader h3 {
    margin: 0;
    margin: 0; padding: 0;
    color: #cfbcd8;
    font-weight: normal;
    font-size: 16px;
}

.eventInfoLargeText {
    background: #fff;
    margin: 0px; padding: 16px;
    border: 1px solid #dddddb;
}

.eventInfoLargeText img {
    float: left;
    margin-top: 67px;
}

.subcatLuxeForm {
    width: 278px;
    float: right;
}

.subcatLuxeForm .subcatOptionalText p {
    padding: 0;
    margin: 0;
}

.subcatLuxeForm .subcatLuxeFormText  {
    padding-top: 20px;
    color: #59545a;
}

.subcatLuxeForm .subcatLuxeFormPrivacy {
    font-size: 11px;
    color: #3a3539;
}

.eventInfoSmall .eventText {
    width: 117px;
    float: right;
}

.eventText {
    color: #5b5d5a;
    width: 160px;
    font-size:  10px;
    margin: 0px;
    padding: 0px;
}

.eventText h3 {
     font-size: 14px;
     font-weight: normal;
     color: #5b5d5a;
     margin: 3px 0px 0 0; 
     padding: 0px;
}

.eventText p a {
     color: #563757;
     text-decoration: underline;
}

.SalonInfo {
    width: 185px;
    float: left;
    color: #563757;
}

.SalonInfo img {
    clear: both;
    border: 0;
}

.SalonInfoSmall {
    width: 150px;
    float: left;
    color: #563757;
}

.salonInfoLarge {
    width: 215px;
}

.SalonName {
     font-weight: bold;
     font-size: 16px;
}

.salonName {
     font-weight: bold;
     font-size: 16px;
}

.SubcategoryName {
        color: #767676;
        text-transform: uppercase;
}

p.ErrorMessages {
	padding-left:  30px;
	width: 300px;
}

.boxHeader {
    text-align:     center;
    margin:         0 auto;
    color:          #230025;
    font-size:      14px;
    font-weight:    bold;
    padding:        5px 0 5px 0;
    background:     #e4d1e4;
}

.lookbookComment {
    width:      100%;
    border-top: dashed 1px #8d8c8a;
    color:      #000;
    font-size:  10px;
    font-weight: bold;
}

.lookbookComment div {
    padding-right:    20px;
}

.lookbookComment h4 {
    font-size:      12px;
    margin-bottom:  10px;
}

.boxHeader * {    
    vertical-align: middle;
}

.ltGreyBoxHeader {
    min-width:      100%;
    text-align:     center;
    color:          #c4c4c4;
    font-weight:    bold;
    padding:        5px 0 5px 0;
    background:     #8c8c8c;
    overflow:       auto;
    text-transform: uppercase;
}

.blackBGWhiteText {
    background:     #000;
    color:          #fff;
    padding:        15px;
    padding-right:  16px;
}

.smallGrey {
    font-size:  10px;
    color:      #8b8b8b;
    width:	 100%;
    text-align:  right;
    padding-right: 5px;
}

.smallGrey a {
    font-weight: normal;
}

.smallGrey strong a {
    font-weight: bold;
}

.greyBorderBottom {
    border-bottom: dashed #999 1px;
}

.tabs {
	width:          70px;
	padding:        4px;
	padding-top:    13px;
	padding-bottom: 12px;
	margin-bottom:  2px;
	text-align:     center;
	float:          left;
	cursor:         pointer;
	font-weight:    bold;
	/*border:         1px solid #ccc;*/
	border-bottom:  0;
}

.tabs2 {
	width:          75px;
	padding:        4px;
	text-align:     center;
	float:          left;
	cursor:         pointer;
	overflow:       auto;
	/*border:         1px solid #ccc;*/
	border-bottom:  0;
}

.navigationList {
    float:           left;
    list-style-type: none;
}

.boxContents {
    padding:        10px;
    background:     #f9fafc;
    clear:          both;
    overflow:       hidden;
}

#tabContent li {
    margin-bottom:        10px;
}

h2.contentTitle {
    color:       #8b8b8b;
    font-family: arial, verdana, sans-serif;
    margin-top:  3px;
    margin-left:    3px;
    margin-bottom: 3px;
    font-weight: bold;
    font-size:   14px;
    text-transform: uppercase;
}

h2.categoryTitle {
    font-family:    verdana, arial, sans-serif;
    text-transform: uppercase;
    font-weight:    normal;
    margin:         0;
    font-size:      18px;
    padding-bottom: 7px;
}

.fullwidth {
    width:  96%;
}

.testDiv {
    border:     solid 3px red;
    background: #ccc;
    z-index:    999;
}

.mozOverflow {
    overflow:   auto;
}

.perk {
    overflow:       auto;
    margin:         7px;
    padding-bottom: 7px;
}

.padText {
    padding: 10px;
}

.padRight {
    padding-right: 15px;
}

.brownText {
    color:  #5a3d1b;
}

.brownText a {
    color:  #5a3d1b;
}

.whiteText {
    color: #fff;
}

.allWhiteBG {

    background: #fff;
}

/* Calendar Styles */
.CalDiv
{
	position:absolute;
	visibility:hidden;
	z-index:1000;
	background-color:white;
}
.cpYearNavigation,
.cpMonthNavigation
{
background-color:#67d;
text-align:center;
vertical-align:middle;
text-decoration:none;
color:#fff;
font-weight:bold;
}
.cpDayColumnHeader,
.cpYearNavigation,
.cpMonthNavigation,
.cpCurrentMonthDate,
.cpCurrentMonthDateDisabled,
.cpOtherMonthDate,
.cpOtherMonthDateDisabled,
.cpCurrentDate,
.cpCurrentDateDisabled,
.cpTodayText,
.cpTodayTextDisabled,
.cpText
{
font-family:arial;
font-size:8pt;
}
TD.cpDayColumnHeader
{
text-align:right;
border:solid thin #67d;
border-width:0 0 1px 0;
}
.cpCurrentMonthDate,
.cpOtherMonthDate,
.cpCurrentDate
{
text-align:right;
text-decoration:none;
}
.cpCurrentMonthDateDisabled,
.cpOtherMonthDateDisabled,
.cpCurrentDateDisabled
{
color:#D0D0D0;
text-align:right;
text-decoration:line-through;
}
.cpCurrentMonthDate
{
color:#67d;
font-weight:bold;
}
.cpCurrentDate
{
color: #fff;
font-weight:bold;
}
.cpOtherMonthDate
{
color:#808080;
}
TD.cpCurrentDate
{
color:#fff;
background-color: #67d;
border-width:1px;
border:solid thin #000;
}
TD.cpCurrentDateDisabled
{
border-width:1px;
border:solid thin #faa;
}
TD.cpTodayText,
TD.cpTodayTextDisabled
{
border:solid thin #67d;
border-width:1px 0 0 0;
}
A.cpTodayText,
SPAN.cpTodayTextDisabled
{
height:20px;
}
A.cpTodayText
{
color:#67d;
font-weight:bold;
}
SPAN.cpTodayTextDisabled
{
color:#D0D0D0;
}
.cpBorder
{
border:solid thin #67d;
}


.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

#mainPerkContent{
    border-style:dotted;
    border-top:1px dotted #000000;
    border-bottom: 1px dotted #000000; 
    border-left:1px dotted #000000;
    border-right:1px dotted #000000;
    background-color:#FFFFFF;
}

#subMainPerkContent{
    width:'100%';
    border-top:1px dotted #000000;
    border-bottom: 1px dotted #000000; 
    border-left:1px dotted #000000;
    border-right:1px dotted #000000;
}

#featuredRewardsPerks{
    width:'767px'; 
    border-top:1px dotted #000000;
    border-bottom: 1px dotted #000000; 
    border-left:1px dotted #000000;
    border-right:1px dotted #000000;
    background-color:#FFFFFF;
}

#TDperkContent{
    width:80%;
    border-style:dotted;
    border-width:0 1px 0 0;
}

#headPerk{
    color:       #8b8b8b;
    font-family: arial, verdana, sans-serif;
    margin-top:  1px;
    margin-left:    1px;
    margin-bottom: 1px;
    font-weight: bold;
    font-size:   11px;
    text-transform: uppercase;
}
#subHeadPerk{
    color:       #8b8b8b;
    font-family: arial, verdana, sans-serif;
    margin-top:  1px;
    margin-left:    1px;
    margin-bottom: 1px;
    font-weight: bold;
    font-size:   9px;
    text-transform: uppercase;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

* html #rightScrollImage {position:relative; top: -44px;}

/* PERKS & ELECTRONICS */

#perkContent { margin: 0 30px 50px 0px; width: 660px; float: left; }
#perkContent #top { padding-bottom: 5px; border-bottom: 1px dashed #999; overflow: hidden; }
#perkContent #top img { vertical-align: top; margin-right: 10px; }
#perkContent #top a:link { color: #000; text-decoration: none; font-weight: normal; }
#perkContent #top a:visited { color: #000; text-decoration: none; font-weight: normal; }
#perkContent #top a:hover { color: #999; text-decoration: none; font-weight: normal; }
#perkContent #top a:active { color: #666; text-decoration: none; font-weight: normal; }
#perkContent h2.featuredHeadline a{font-family: Palatino Linotype, Book Antiqua, Palatino, serif; color: #7291AD; font-size:18px; font-weight: bold;}
#perkContent p.featuredName a{ font-weight: bold; color: #666; font-size:13px;}
#perkContent p.featuredExpires a{font-size:11px;}
#perkContent h4.subFeaturedHeadline a{ font-weight: bold;font-family: Palatino Linotype, Book Antiqua, Palatino, serif; color: #7291AD; font-size: 13px; }
#perkContent h4.subFeaturedHeadlineA a{ font-weight: bold;font-family: Palatino Linotype, Book Antiqua, Palatino, serif; color: #7291AD; font-size: 14px; }
#perkContent p.subFeaturedNameA a{ font-weight: bold; color: #666; font-size:11px;}
#perkContent p.subCatCompanyName a{ color:#666666; font-weight:bold;;}
#perkContent p.subCatName a{ font-weight: bold; color: #7291AD;}

#perkContent p.subFeaturedName a{ font-weight: bold; color: #666; font-size:10px;}
#perkContent p.subFeaturedExpires a{font-size:8px;}

#perkContent h2 { font-family: Palatino Linotype, Book Antiqua, Palatino, serif; color: #666; font-size: 16px; }
#perkContent p { font-family: Verdana, Verdana, Geneva, sans-serif; color: #000; }
#perkContent .blueText { font-weight: bold; font-style: italic; color: #7291ad; text-align: right; }
#perkContent .blueLink { font-weight: bold; font-style: italic; color: #7291ad; }

#perkContent a:link { color: #743c55; }
#perkContent a:visited { color: #7291ad; }
#perkContent a:hover { color: #999; }
#perkContent a:active { color: #666; }

#perkContent .feature { margin-bottom: 100px; }
#perkContent .feature .featureImg { float: left; margin-right: 10px; }
#perkContent .feature .featureDek { }
#perkContent .feature h3 { font-family: Palatino Linotype, Book Antiqua, Palatino, serif; color: #666; font-size: 13px; }
#perkContent .feature p { margin: 0 0 2px 0; } 
#perkContent .feature .deals { border-bottom: 1px dashed #999; overflow: hidden; }
#perkContent .feature .deals .retailer { float: left; font-weight: bold; font-style: italic; }
#perkContent .feature .deals .discount { float: right; font-weight: bold; }
#perkContent .feature .blueText { float: right; }

#perkContent .feature a:link { color: #7291ad; }
#perkContent .feature a:visited { color: #7291ad; }
#perkContent .feature a:hover { color: #999; }
#perkContent .feature a:active { color: #666; }

#perkContent .discountField a:link { color: #7291ad; }
#perkContent .discountField a:visited { color: #7291ad; }
#perkContent .discountField a:hover { color: #999; }
#perkContent .discountField a:active { color: #666; }

#perkContent .discountField .blueText { float: right; }

#perkContent .subFeature1 { width: 320px; margin-bottom: 40px; float: left; }
#perkContent .subFeature2 { width: 320px; margin-bottom: 40px; float: right; }
#perkContent .subFeature3 { width: 320px; margin-bottom: 40px; float: left; }
#perkContent .subFeature4 { width: 320px; margin-bottom: 40px; float: right; }

#perkContent #subFeatureTop .blueText { float: right; }

#perkContent .subFeatureImg { float: left; margin-right: 10px; }
#perkContent .subFeatureDek { overflow: hidden; padding-right: 7px;}
#perkContent h3 { font-family: Palatino Linotype, Book Antiqua, Palatino, serif; color: #666; font-size: 13px; }
#perkContent p { margin: 0 0 2px 0; } 
#perkContent .subFeatureDek .deals { border-bottom: 1px dashed #999; overflow: hidden; }
#perkContent .subFeatureDek .deals_more { float: right; overflow: hidden; display: block; height: 12px;}
#perkContent .subFeatureDek .deals .retailer { float: left; font-weight: bold; font-style: italic; }
#perkContent .subFeatureDek .deals .discount { float: right; font-weight: bold; }
#perkContent .subFeatureDek .deals .blueText { float: right; display: block; }

#perkContent .listODeals .blueBG { background: #7ea0b9; margin: 0; padding: 5px; }
#perkContent .listODeals .blueBG h3 { font-family: Trebuchet MS, Helvetica, sans-serif; color: #fff; text-transform: uppercase; margin: 0; }
#perkContent .subLOD { overflow: hidden; padding: 5px; }
#perkContent .subLOD .subLODHead { border-bottom: 2px dotted #7ea0b9; margin-bottom: 4px; }
#perkContent .listODeals h2 { font-family: Trebuchet MS, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; font-size: 16px; }
#perkContent .listODeals .subLOD .subLODHead h3 { font-family: Trebuchet MS, Helvetica, sans-serif; color: #7291ad; text-transform: uppercase; margin: 0; margin-left: 25px; }
#perkContent p { margin: 0 0 2px 0; } 
#perkContent .subLOD .deals { border-bottom: 1px dotted #7ea0b9; overflow: hidden; margin-left: 40px; padding-right: 40px; }
#perkContent .subLOD .deals .retailer { float: left; font-weight: bold; font-style: italic; }
#perkContent .subLOD .deals .discount { float: right; font-weight: bold; }
#perkContent .subLOD .noUnderline a:link { color: #7291ad; }
#perkContent .subLOD .noUnderline a:visited { color: #7291ad; }
#perkContent .subLOD .noUnderline a:hover { color: #999; }
#perkContent .subLOD .noUnderline a:active { color: #666; }
#perkContent .subLOD .noUnderline { overflow: hidden; margin-left: 40px; padding-right: 40px; }
#perkContent .listODeals .allDeals { margin-top: 20px; }
#perkContent .listODeals .allDeals a:link { color: #fff; text-transform: uppercase; }
#perkContent .listODeals .allDeals a:visited { color: #fff; text-transform: uppercase; }
#perkContent .listODeals .allDeals a:hover { color: #fff; text-transform: uppercase; text-decoration: underline; }
#perkContent .listODeals .allDeals a:active { color: #fff; text-transform: uppercase; text-decoration: underline; }

#perkContent .popularDeals { border-top: 1px dashed #999; clear: both; margin-top: 20px; }
#perkContent .popularDeals h2 { font-family: Trebuchet MS, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; font-size: 16px; }

#perkContent .popularDeals .popularBox1 { width: 307px; float: left; }
#perkContent .popularDeals .popularBox2 { width: 307px; float: right; }

#perkContent .popularDeals .popularTop { width: 307px; height: 27px; margin: 0; text-align: center; background: url('deals_top.jpg') no-repeat; }
#perkContent .popularDeals .popularTop h3 { font-family: Arial Black, Gadget, sans-serif; font-size: 14px; color: #fff; margin: 0; }
#perkContent .popularDeals .popularContent { width: 282px; margin: 0; padding: 10px 15px 75px 10px; background: url('deals_bg.jpg') repeat-y; }
#perkContent .popularDeals .popularContent p { margin: 0; }
#perkContent .popularDeals .popularContent .deals { padding: 5px 0 5px 0; border-bottom: 1px dashed #999; overflow: hidden; }
#perkContent .popularDeals .popularContent .retailer { float: left; }
#perkContent .popularDeals .popularContent .retailer p { font-weight: bold; color: #666; }
#perkContent .popularDeals .popularContent .discount { float: right; }
#perkContent .popularDeals .popularContent .discount p { font-weight: bold; color: #666; width: 100px; text-align: right; }
#perkContent .popularDeals .popularContent .discount img { margin-left: 10px; vertical-align: bottom; }

#perkContent .popularDeals .popularBottom { width: 307px; height: 10px; margin: 0; background: url('deals_bottom.jpg') no-repeat; }

#perkContent #blogContainer { width: 660px; margin: 0; padding: 0; overflow: hidden; clear: both; }
#perkContent #blogContainer #blogTop { width: 660px; height: 18px; margin: 0; padding: 0; background: url('blog_top.jpg') no-repeat; }
#perkContent #blogContainer #blogContent { width: 620px; padding: 0 20px 0 20px; margin: 0; background: url('blog_bg.jpg') repeat-y; overflow: hidden; text-align: left;}
#perkContent #blogContainer #blogContent .headOuter { border: 1px solid #8da3ae; padding: 4px; }
#perkContent #blogContainer #blogContent .headInner { border: 1px solid #8da3ae; padding: 20px 100px 10px 100px; text-align: center;}
#perkContent #blogContainer #blogContent #blogMain { float: left; width: 425px; }
#perkContent #blogContainer #blogContent h1 { margin-top: 0; font-family: Arial, Helvetica, sans-serif; font-size: 30px; font-weight: normal; color: #8da3ae; }
#perkContent #blogContainer #blogContent h2 { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #8da3ae; text-transform: uppercase; }
#perkContent #blogContainer #blogContent h3 { font-family: Trebuchet MS, Helvetica, sans-serif; font-weight: normal; font-size: 12px; text-transform: uppercase; letter-spacing: 3px; color: #000; }
#perkContent #blogContainer #blogContent h4 { font-family: Palatino Linotype, Book Antiqua, Palatino, serif; font-size: 16px; color: #666; margin-top: 0; } 
#perkContent #blogContainer #blogContent p { margin: 10px 0 0 0; color: #666; }
#perkContent #blogContainer #blogContent img { vertical-align: bottom; }
#perkContent #blogContainer #blogContent #blogArchive { float: right; width: 165px; }
#perkContent #blogContainer #blogContent #blogArchive h4 { font-family: Trebuchet MS, Helvetica, sans-serif; font-weight: normal; font-size: 12px; color: #8da3ae; margin: 0; }
#perkContent #blogContainer #blogContent #blogArchive ul { list-style-type: none; margin: 0; }
#perkContent #blogContainer #blogContent #blogArchive li { list-style-type: none; font-family: Trebuchet MS, Helvetica, sans-serif; font-weight: normal; font-size: 12px; color: #8da3ae; margin: 0 0 0 30px; }
#perkContent #blogContainer #blogContent #blogArchive p { font-family: Trebuchet MS, Helvetica, sans-serif; font-weight: normal; font-size: 12px; color: #000; margin: 12px 0 0 30px; }
#perkContent #blogContainer #blogBottom { width: 660px; height: 49px; margin: 0; padding: 0; background: url('blog_bottom.jpg') no-repeat; }

#perkContent #blogContainer #blogContent #blogArchive a:link { color: #7291ad; }
#perkContent #blogContainer #blogContent #blogArchive a:visited { color: #7291ad; }
#perkContent #blogContainer #blogContent #blogArchive a:hover { color: #999; }
#perkContent #blogContainer #blogContent #blogArchive a:active { color: #666; }

#topNav {
	width:100%;
	height:28px;
	background-image: url(../images/template/menu1.jpg);
}
#topNavTab_1{
	float:left;
	font-size:12px;
	margin-top:5px;
	margin-left:60px;
}