/*

Theme Name: Burnaby Heights

Description: Custon Theme for Burnaby Heights.

Author: Pound and Grain Inc.

*/

/*Varela Font*/ 
@import url('https://fonts.googleapis.com/css?family=Varela+Round');


/*Gotham Light Font*/
@font-face  {
    

    font-family:  'GothamLight';
    

    src:  url('fonts/gotham-light.woff');
    

    src: url('fonts/gotham-light.woff') format('woff'), 

         url('fonts/gotham-light.ttf') format('truetype'), 

         /*url('fonts/gothamrnd-medium.svg#GothamRoundedMedium') format('svg');*/
    

     font-weight:  100;
    

     font-style:  lighter;
    

}

/*Gotham Rounded Medium Font*/
@font-face  {
    

    font-family:  'GothamRoundedMedium';
    

    src:  url('fonts/gothamrnd-medium.eot');
    

    src: url('fonts/gothamrnd-medium.woff') format('woff'), 

         url('fonts/gothamrnd-medium.ttf') format('truetype'), 

         url('fonts/gothamrnd-medium.svg#GothamRoundedMedium') format('svg');
    

     font-weight:  500;
    

     font-style:  medium;
    

}

/*Gotham Rounded Book Font*/
@font-face  {
    

    font-family:  'GothamRoundedBook';
    

    src:  url('fonts/gothamrnd-book.eot');
    

    src: url('fonts/gothamrnd-book.woff') format('woff'), 

         url('fonts/gothamrnd-book.ttf') format('truetype'), 
   

     font-weight:  300;
    

     font-style:  normal;
    

}







/*Reset CSS*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    margin: 0;
    padding: 0;
    line-height: 1.25em;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}



/*Main*/

body  {
    font-family: Verdana,  Geneva,  sans-serif;
     background: url(images/texture-white.jpg) repeat left top;
}

a  {
    outline: none;
     text-decoration: none;
     color: #445aa1;
}


a:hover  {
    text-decoration: none;
}


p  {
    font-size: 1em;
     color: #777777;
     line-height: 1.2em;
}


p span.yellow,  a span.yellow  {
    color: #f4c912;
}


strong  {
    font-weight: bold;
}


em  {
    font-style: italic;
}


p em  {
    font-style: italic;
     font-size: 0.93em;
     line-height: 1.2em;
}


h3  {
	font-family: 'GothamRoundedMedium', sans-serif;
    color: #4b63ad;
}


h4  {
	font-family: 'GothamRoundedMedium', sans-serif;
    font-size: 1em;
     color: #4b63ad;
}


h5  {
    font-size: 0.93em;
     color: #777777;
     line-height: 1.2em;
     font-weight: bold;
}


h6  {
    color: #777777;
     font-size: 0.75em;
}




p.goback  {
    display: block;
     margin: 5px 0 0 0;
}




::selection  {
    background: #f4c912;
     color: #ffffff;
}


::-moz-selection  {
    background: #f4c912;
     color: #ffffff;
}


::-webkit-selection  {
    background: #f4c912;
     color: #ffffff;
}




input  {
    outline: none;
}


textarea  {
    outline: none;
     resize: none;
}


textarea  {
    overflow:  auto;
}




.clear  {
    clear: both;
     height: 0 !important;
}




/***Sticky Footer***/

html,  body  {
    height: 100%;
}


#bigContainer  {
    min-height: 100%;
     overflow-x: hidden;
}


   #container  {
    overflow: visible;
     padding: 0 0 150px 0;
     background: url(images/texture-white.jpg) repeat left top;
     position: relative;
}


   #container2  {
    overflow: visible;
     padding: 0 0 190px 0;
     background: url(images/texture-grey.jpg) repeat left top;
     position: relative;
}




.cufon-loading h2 {
    visibility: hidden !important;
}


.cufon-loading h3 {
    visibility: hidden !important;
}


.cufon-loading p {
    visibility: hidden !important;
}


.cufon-loading a {
    visibility: hidden !important;
}




/*WP Content*/

.alignright  {
    float: right;
     margin-left: 10px !important;
}


.alignleft  {
    float: left;
     margin-right: 10px !important;
}




/*Front Page Header*/

#header  {
    width: 100%;
     background: transparent;
     /*background: url(images/headerbg.jpg) repeat-x left top;
    */ position: relative;
     z-index: 4;
     border-bottom: 1px solid #dddddd;
}


/*End Front Page Header*/

/*Inside Page Header*/

#inside #header  {
    width: 100%;
     height: 140px;
     background: url(images/texture-white.jpg) repeat left top;
     position: relative;
     z-index: 3;
     /*padding: 25px 0 0 0;*/
     border: none;
}

/*End Inside Page Header*/



   /*Front Page Slideshow*/

#slideshow  {
    width: 100%;
     height: 501px;
     position: relative;
     z-index: 5;
     overflow: hidden !important;
     /*min-width:  960px;*/
     top: -75px;
     background: #ffffff;
}


   	  #slideshow .leftSpot  {
    width: 5%;
     position: absolute;
     top: 0;
     left: 0;
     height: 501px;
      z-index: 30 !important;
}


	  #slideshow .rightSpot  {
    width: 5%;
     position: absolute;
     top: 0;
     right: 0;
     height: 501px;
     z-index: 30 !important;
}


	  

      #slideshow .arrows  {
    position: absolute;
     top: 300px;
     width: 100%;
     z-index: 31 !important;
}


	     #slideshow .arrows a#prev  {
    display: block;
     width: 70px;
     height: 65px;
     overflow: hidden;
     position: absolute;
     left: 0;
     top: 0;
     background: url(images/prevBtn.png) no-repeat left top;
     text-indent: -9999px;
}


		 #slideshow .arrows a#prev:hover  {
    background: url(images/prevBtn.png) no-repeat left -65px;
}


		 #slideshow .arrows a#next  {
    display: block;
     width: 70px;
     height: 65px;
     overflow: hidden;
     position: absolute;
     right: 0;
     top: 0;
     background: url(images/nextBtn.png) no-repeat left top;
}


		 #slideshow .arrows a#next:hover  {
    background: url(images/nextBtn.png) no-repeat left -65px;
}


      #slideshow .slides  {
    width: 2000px;
     height: 501px;
     overflow: hidden;
     position: absolute;
     top:  0;
     left:  50%;
     margin-left:  -1000px;
     z-index: 2 !important;
}


	     #slideshow .slides .slide  {
    width: 100%;
     height: 501px;
     position: relative;
     float: left;
     z-index: 2 !important;
}


		    #slideshow .slides .slide img  {
    height: 501px;
     position: absolute;
     top: 0;
     left: 0;
}


			#slideshow .slides .slide .headerHolder  {
    width: 960px;
     margin: 0 auto;
     position: relative;
}


			#slideshow .slides .slide .headerHolder .photocredits  {
    position: absolute;
     top: 470px;
     left: 5px;
     /*margin-top: 10%;*/
     width: 300px;
     color: #fff;
     text-align: left;
     font-size: 0.68em;
}


			#slideshow .slides .slide .heading  {
    position: absolute;
     top: 187px;
     left: 0;
     /*margin-top: 187px;*/
     max-width: 415px;
}


			   #slideshow .slides .slide .heading h2 a,  #slideshow .slides .slide .heading h2 span  {
    color: #ffffff;
     font-family: 'GothamRoundedMedium', sans-serif;
     font-size: 3.43em;
     text-transform: uppercase;
     letter-spacing: 0em;
     line-height: 1.2em;
     display: block;
     margin: 0 0 7px 0;
}


			      #slideshow .slides .slide .heading h2 cufon,  #header #slideshow .slides .slide .heading h2 canvas  {
    position:  static !important;
}


			   #slideshow .slides .slide .heading p a,  #slideshow .slides .slide .heading p span {
    color: #ffffff;
     font-family: 'GothamLight', sans-serif;
     font-size: 1.25em;
     line-height: 1.2em;
}


			      #slideshow .slides .slide .heading p cufon,  #header #slideshow .slides .slide .heading p canvas  {
    position:  static !important;
}


	  #slideshow .slides:after  {
    content: ".";
     clear: both;
     display: block;
     height: 0;
     visibility: hidden;
}

.frs-slideshow-container#header-slideshowpjc {
    margin-top: 0px;
    margin-bottom: 75px;
}

.frs-wrapper .frs-caption.frs-caption-position-left .frs-caption-content{
    margin-left: 25%;
}

.frs-slideshow-container#header-slideshowpjc{
    margin-top: 0px !important;
}

	  /*End Front Page Slideshow*/

	  

   /*Front Page Nav*/

   #header #nav  {
    width: 100%; 
     background: url(images/texture-white.jpg) repeat-x left top;
     margin: 25px 0 0 0;
     position: relative;
     z-index: 3;
     -moz-box-shadow: 0 1px 3px #666666;
     -webkit-box-shadow: 0 1px 3px #666666;
     box-shadow: 0 1px 3px #666666;
}

      #header #nav .inner  {
    max-width: 960px;
     margin: 0 auto;
     position: relative;
}


         #header #nav ul  {
    max-width: 770px;
     float: left;
     padding: 0.25em 0em 0.25em 13em;
     text-align: right;
}


	        #header #nav ul li  {
    float: left;
     margin: 0 3px 0 0;
     text-align: center;
}


			#header #nav ul li:last-child  {
    margin: 0;
}


			   #header #nav ul li a  {
    display: block;
     padding: 10px;
     color: #293669;
     font-family: 'GothamRoundedMedium', sans-serif;
     font-size: 1em;
     letter-spacing: -0.03em;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
}


			   #header #nav ul li a:hover  {
    text-decoration: none;
     color: #ffffff;
     background: #4b63ad;
}


			   #header #nav ul li.current-menu-item>a  {
    color: #ffffff;
     background: #4b63ad;
}


		 #header #nav ul:after  {
    content: ".";
     clear: both;
     display: block;
     height: 0;
     visibility: hidden;
}


	  #header #nav .inner:after  {
    content: ".";
     clear: both;
     display: block;
     height: 0;
     visibility: hidden;
}


         #header #nav .inner h1 a  {
    display: block;
     width: 149px;
     height: 120px;
     position: absolute;
     top: -20px;
     left: 0;
     background: url(images/logo.png) no-repeat left top;
     background-size:contain;
     background-position:center;
     text-indent: -9999px;
}


         #header #nav .inner #searchBtn  {
    position: absolute;
     width: 19px;
     height: 20px;
     top: 13px;
     right: 0;
}


   /*End Front Page Nav*/

   

   /*Inside Page Nav*/

   #inside #header #nav  {
    width: 100%;
     /*height: 44px;*/
     background: #4b63ad;
     margin: 50px 0 0 0;
     position: relative;
     z-index: 10;
     -moz-box-shadow: 0 1px 3px #999999;
     -webkit-box-shadow: 0 1px 3px #999999;
     box-shadow: 0 1px 3px #999999;
}


       #inside #header #nav .inner  {
  /*  width: 960px;
     margin: 0 auto;
     position: relative;*/


      max-width: 60%;
     /*float: left;*/
     margin: 0 auto;
     margin-bottom: 5%;
     /*padding: 0.25em 5em 0.25em 10em;*/
     /*text-align: right;*/
}


         #inside #header #nav ul  {
    /*max-width: 100%;*/
    /*padding: 0;*/
/*     float: right;
     padding: 3px 40px 0 60px;
     text-align: right;
*/

/*    max-width: 770px;
     float: left;
     padding: 0.25em 5em 0.25em 10em;
     text-align: right;*/

/*    float: left;
     padding: 0.25em 5em 0.25em 10em;
     text-align: right;*/
}


	         #inside #header #nav ul li  {
    float: left;
     margin: 0 3px 0 0;
     text-align: center;
     position: relative;
}


			 #inside #header #nav ul li:last-child  {
    margin: 0;
}


			    #inside #header #nav ul li a  {
    display: block;
     padding: 10px;
     color: #ffffff;
     font-size: 1em;
     letter-spacing: -0.03em;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
}


			    #inside #header #nav ul li a:hover  {
    text-decoration: none;
     color: #ffffff;
     background: #212f5a;
}


			    #inside #header #nav ul li.current-menu-item>a,  #inside #header #nav ul li.current-menu-ancestor>a,   #header #nav ul li.current-page-ancestor>a  {
    color: #ffffff;
     background: #212f5a;
}


				/*submenu*/

				#inside #header #nav ul li ul.sub-menu  {
    width: auto;
     float: none;
     padding: 0;
     text-align: left;
     position: absolute;
     top: 60px;
     left: 0;
     display: none;
}


				#inside #header #nav ul li.current-menu-item ul.sub-menu,  #inside #header #nav ul li.current-menu-ancestor ul.sub-menu  {
    display: block !important;
}


				#inside #header #nav ul li.current-menu-item ul.sub-menu:after  {
    content: ".";
     clear: both;
     display: block;
     height: 0;
     visibility: hidden;
}


				   #inside #header #nav ul li.current-menu-item ul.sub-menu li,  #inside #header #nav ul li.current-menu-ancestor ul.sub-menu li  {
    padding: 0 15px 0 5px;
     margin: 0 0 5px 0;
     text-align: left;
     color: #4b63ad;
     font-family:  'GothamRoundedMedium';
     font-size:  16px;
}


				   	#inside #header #nav ul li.current-menu-item ul.sub-menu li a,  #inside #header #nav ul li.current-menu-ancestor ul.sub-menu li a  {
    display: inline;
}


		

				   #inside #header #nav .inner>ul>li>a>span.aa  {
    display: none !important;
     font-size: 0 !important;
}


				   #inside #header #nav ul li ul.sub-menu>li>a>span.aa  {
}


				      #inside #header #nav ul li ul.sub-menu li a  {
    display: inline;
     padding: 0;
     color: #4b63ad;
     width: auto;
}


					  #inside #header #nav ul li ul.sub-menu li a:hover  {
    background: none;
     color: #212f5a;
}


					  #inside #header #nav ul li.current-menu-ancestor ul.sub-menu li.current-menu-item a  {
    background: none;
     color: #212f5a;
}


					  #inside #header #nav ul li ul.sub-menu li a:after  {
    content: ".";
     clear: both;
     display: block;
     height: 0;
     visibility: hidden;
}


		  #inside #header #nav>ul:after  {
    content: ".";
     clear: both;
     display: block;
     height: 0;
     visibility: hidden;
}


	   #inside #header #nav .inner:after  {
    content: ".";
     clear: both;
     display: block;
     height: 0;
     visibility: hidden;
}


          #inside #header #nav .inner h1 a  {
    display: block;
     width: 149px;
     height: 120px;
     position: absolute;
     top: -20px;
     left: 0;
     background: url(images/logo.png) no-repeat left top;
     background-size:contain;
     background-position:center;
     text-indent: -9999px;
}


          #inside #header #nav .inner #searchBtn  {
    position: absolute;
     width: 19px;
     height: 20px;
     top: 13px;
     right: 0;
}


   /*End Inside Page Nav*/

   

   /*Search*/

   #header #search  {
    width: 960px;
     position: absolute;
     z-index: 60;
     display: none;
     left: 50%;
     margin: 0 0 0 -480px;
}


      #header #search form#searchform  {
    width: 235px;
     height: 65px;
     background: url(images/texture-white.jpg) repeat-x left top;
     float: right;
     -moz-box-shadow: 0 1px 1px #1f3372;
     -webkit-box-shadow: 0 1px 1px #1f3372;
     box-shadow: 0 1px 1px #1f3372;
}


	     #header #search form#searchform label.screen-reader-text  {
    display: none !important;
}


	     #header #search form#searchform input {
    display: block;
     width: 172px;
     height: 35px;
     border: 1px solid #cccccc;
     margin: 10px auto 0 auto;
     font-size: 1em;
     color: #777777;
     padding: 0 30px 0 3px;
}


	     #header #search form#searchform input#searchsubmit  {
    width: 19px;
     height: 20px;
     background: url(images/search-purple.png) no-repeat left top;
     border: none;
     margin: -28px 20px 0 0;
     float: right;
     display: inline;
     text-indent: -9999px !important;
     cursor: pointer;
     position: relative;
     z-index: 70;
     padding: 0;
}


	  #header #search form#searchform:after  {
    content: ".";
     clear: both;
     display: block;
     height: 0;
     visibility: hidden;
}


   #header #search:after  {
    content: ".";
     clear: both;
     display: block;
     height: 0;
     visibility: hidden;
}


		 

#musthead  {
    width: 100%;
     background: url(images/texture-white.jpg) repeat left top;
     padding: 50px 0;
     -moz-box-shadow: 1px 0 5px #cccccc;
     -webkit-box-shadow: 1px 0 5px #cccccc;
     box-shadow: 1px 0 5px #cccccc;
     position: relative;
     z-index: 15;
     margin-top: -75px;
}


   #musthead .inner  {
    max-width: 960px;
    width: 100%;
     margin: 0 auto;
}

  
      #musthead .inner .desc  {
    max-width: 510px;
     float: left;
     padding: 0 0 0 0;
     margin: 0 0 0 0;
}


         #musthead .inner .desc h2  {
    color: #98a0d0;
     font-family: 'GothamRoundedMedium', sans-serif;
     font-size: 3.1em;
     line-height: 1em;
     display: block;
     margin: 0 0 15px 0;
}


		 #musthead .inner .desc p  {
    display: block;
     margin: 0 0 5px 0;
     line-height: 1.45em;
}


	  #musthead .inner #twitter  {
    max-width: 350px;
     width: 100%;
     float: right;
     background: url(images/twitterbg.png) no-repeat right bottom;
     /*background-repeat:no-repeat;*/
     background-size:contain;
     background-position:center;
     height: 282px;
     position: relative;
}
 

	   #musthead .inner #twitter>a  {
    color: #4b63ad;
     font-size: 1.31em;
     margin: 0 0 0 7px;
     display: none !important;
}


	   #musthead .inner #twitter>p  {
    position: absolute;
     top: 50px;
     left: 35px;
     width: 209px;
     font-size: 0.875em;
     color: #ffffff;
     line-height: 1.2em;
}


	     #musthead .inner #twitter ul  {
    position: absolute;
     top: 20px;
     left: 35px;
}


		    #musthead .inner #twitter ul li  {
    display: block;
     width: 230px;
     /*width: 100%;*/
     height: 100px;
     /*height: 100%;*/
     position: absolute;
     top: 0;
     left: 0;
     font-size: 0.875em;
     color: #ffffff;
     line-height: 1.2em;
     overflow:  auto;
}


			#musthead .inner #twitter ul li:last-child  {
    position: absolute;
     height: 110px;
     top: 140px;
     left: 60px;
}


			#musthead .inner #twitter ul li.last  {
    position: absolute;
     height: 110px;
     top: 140px !important;
     left: 60px !important;
}


			   #musthead .inner #twitter ul li div.box  {
    display:  table;
     width:  100%;
     height:  100%;
     position: absolute;
     top: 0;
     left: 0;
}


			   	#musthead .inner #twitter ul li div.box p  {
    display:  table-cell;
     vertical-align:  middle;
     text-align:  center;
     margin:  0;
     padding:  0;
     text-align:  left;
     color:  #fff;
}


			   #musthead .inner #twitter ul li a  {
    color: #f4c912;
}


			   #musthead .inner #twitter ul li .time  {
    display: block;
     color: #99a0d0;
}


   #musthead>.inner:after  {
    content: ".";
     clear: both;
     display: block;
     height: 0;
     visibility: hidden;
}




#resentevents  {
    width: 100%;
     background: url(images/texture-grey.jpg) repeat left top;
     padding: 50px 0 70px 0;
     position: relative;
     z-index: 3;
}


   #resentevents .inner  {
    max-width: 960px;
     margin: 0 auto;
}


      #resentevents .inner .article  {
    width: 32%;
     float: left;
     margin: 0 18px 0 0;
}


	  #resentevents .inner .article:last-child  {
    margin: 0;
}


	     #resentevents .inner .article .pic  {
    margin: 0 0 10px 0;
}

         #resentevents .inner .article .pic img{
    width: 100%;
    height: auto;
}   


	     #resentevents .inner .article h3>a  {
    color: #98a0d0;
     font-family: 'GothamRoundedMedium', sans-serif;
     font-size: 1.3em;
     line-height: 1.2em;
}


	     #resentevents .inner .article p  {
    font-size: 1em;
     line-height: 1.3em;
}


		 #resentevents .inner .article p a  {
}


   #resentevents>.inner:after  {
    content: ".";
     clear: both;
     display: block;
     height: 0;
     visibility: hidden;
}


   

#content  {
    width: 100%;
     background: url(images/texture-white.jpg) repeat left top;
     padding: 0 0 50px 0;
/*     -moz-box-shadow: 1px 0 5px #cccccc;
     -webkit-box-shadow: 1px 0 5px #cccccc;
     box-shadow: 1px 0 5px #cccccc;*/
     position: relative;
     z-index: 15;
     overflow: visible;
}


#content.news,  #content.news-detail,  #content.contact,  #content.notfound,  #content.merchantt  {
    width: 100%;
     background: url(images/texture-white.jpg) repeat left top;
     padding: 0 0 50px 0;
     -moz-box-shadow: none;
     -webkit-box-shadow: none;
     box-shadow: none;
     position: relative;
     z-index: 15;
}


#content .sparkle  {
}


#content.contact  {
    background-image: url(images/pattern-background-wide.png),  url(images/texture-white.jpg);
     background-repeat: no-repeat,  repeat;
     background-position: center bottom,  left top;
 }


   #content .insideBox  {
    width: 100%;
     background: url(images/pattern-background.png) no-repeat center bottom;
     min-height: 718px;
 }
/*IE*/

   #content .inner  {
    max-width: 60%;
     margin: 0 auto;
     position: relative;
}

    #content .sparkle .inner{
    max-width: 50%; 
}

    #content.news-detail .inner{
        max-width: 58.75em;
        margin: 0 auto;
    }

    #content.news .inner{
     max-width: 90%
}

    #content.news .inner .main .inner{
        margin: 0 auto;
        width: 90%;
    }

      #content .inner h2  {
    color: #98a0d0;
     font-size: 2.68em;
     font-family: 'GothamRoundedMedium', sans-serif;
     letter-spacing: -0.05em;
     line-height: 1.2em;
     display: block;
     margin: 0 0 5px 0;
}


	  #content.news .inner h2  {
    width: 90%;
    margin: auto;
}


	  #content.merSearch .inner h2  {
    width: 100% !important;
}


	  #content .inner .main  {
    margin: 20px 0 20px 0;
}


	  #content .inner .main h1  {
    display: block;
     margin: 20px 0 15px 0;
     font-family: 'GothamRoundedMedium', sans-serif;
     font-size: 1.5em;
     color: #4b63ad;
     line-height: 1.25em;
}


	     #content .inner .main .left  {
    max-width: 47.5%;
     float: left;
     padding-right: 5%;
}


		 #content .inner .main .left.merchant  {
    margin: 0 15px 10px 0;
}


		 #content .inner .main .right  {
    float: left;
     width: 47.5%;

}


		 #content .inner .main .nofloatright  {
    float: none;
     width: 100%;
}


	  #content .inner .main .frame  {
    text-align: center;
     padding: 0;
     /*background: url(images/frame.png) no-repeat left top;
    */}

	     #content .inner .main .frame img  {
    width: 100%;
     height: auto; 
}


	  #content .inner .main p  {
    font-size: 1em;
     display: block;
     margin: 0 0 20px 0;
     line-height: 1.4em;
}


	  /*About Pages*/

	  #content .inner .main .moreAbout  {
}
 

	  #content .inner .main .moreAbout h3  {
    font-size: 1.25em;
    font-family: 'GothamRoundedMedium', sans-serif;
     color: #4b63ad;
     line-height: 1.5em;
     display: block;
     margin: 25px 0 10px 0 !important;
}


	  #content .inner .main .moreAbout p  {
}


	  #content .inner .main .moreAbout>.frame  {
    width: auto;
     height: auto;
     padding: 0;
     margin: 0 0 25px 0;
     /*background: #ffffff;
      -webkit-box-shadow: 0 2px 3px #999999;
     -moz-box-shadow: 0 2px 3px #999999;
     box-shadow: 0 2px 3px #999999;
     */}

	  #content .inner .main .moreAbout>p img  {
    display: block;
     margin: 10px 0;
     /*border: 2px solid #ffffff;
     -webkit-box-shadow: 0 2px 3px #999999;
     -moz-box-shadow: 0 2px 3px #999999;
     box-shadow: 0 2px 3px #999999;
    */ }

	  #content .inner .main ul,  #content .inner .main ol  {
    font-size: 1em;
     color: #777777;
    line-height: 1.4em;
     margin: 15px 0;
}


	  	#content .inner .main ul>li  {
    display: block;
     margin: 0 0 10px 7px;
     background: url(images/bullet.png) no-repeat left 7px;
     padding: 0 0 0 17px;
     line-height: 1.28em;
}


			#content .inner .main ul>li>ul>li  {
    background: none !important;
}


	 #content .inner>h3  {
    display: block;
     margin: 20px 0 15px 0;
     font-size: 1.5em;
     color: #4b63ad;
}


	 #content .inner .main>h3  {
    display: block;
     margin: 20px 0 15px 0;
     font-size: 1.25em;
     color: #4b63ad;
}


	 #content .inner .main p.dates  {
    width: 100%;
}


	 	#content .inner .main p.dates span.date  {
    float: left;
     width: 10%;
     display: inline;
}


		#content .inner .main p.dates strong  {
    float: left;
     width: 80%;
}


	 #content .inner .main p.dates:after  {
    content: ".";
     clear: both;
     display: block;
     height: 0;
     visibility: hidden;
}


	 /*Merchant Page*/

	 #content.merchantt .inner .main .posts  {
    width: 100%;
}


	 #content.merchantt .inner>h2  {
    display: block;
     margin-bottom: 10px;
}


	 #content.merchantt .inner>p  {
    line-height: 1.35em;
}


	 #content .inner .main .merchants  {
    margin: 0 0 20px 0;
     /* border-bottom: 1px dotted #cccccc;
     */ padding: 0 0 20px 0;
}


	 #content .inner .main .merchants h3  {
    display: block;
     margin: 20px 0 15px 0;
     font-family: 'GothamRoundedMedium';
     font-size: 1.56em;
     color: #4b63ad;
}

	h3.merchant-centered{
		line-height: 1.5em;
}


	  /*News Page*/

	  #content .inner .main .posts  {
    /*width: 880px;*/
}

    #content.news-articles .inner{
            max-width: 70%;
            margin: 0 auto;
}

        #content.news-articles .inner h2{
            max-width: 70%;
            margin: 0 auto;
}


	     #content .inner .main .post  {
     width: 100%;
     padding: 0 0 15px 0;
     margin: 0 0 30px 0;
}

         #content.news .inner .main .posts .post .inner{
     max-width: 50%;
}

		 #content .inner .main .post .inner {
     background: #ffffff;
     border: 1px solid #eaeaea;
     width: 100%;
     padding: 40px 0 40px 0;
}
  
        #content.news-detail .inner .main .posts .post .inner{
            margin: 0;
        }


		 #content .inner .main .post .inner .inframe  {
    margin: 0 60px;
}

    
         .size-full{
       width: 100%;
        height: auto;
}

         .size-half{
            width: 49.5%;
            height: auto;
}

		 #content .inner .main .post .inner#thankyou {
    background: #ffffff;
     border: 1px solid #eaeaea;
     width: 100%;
     padding: 40px 0 45px 0;
}


		 	#content .inner .main .post .inner > h3  {
    width: 760px;
     margin: 0 auto;
}

            #content.news-articles .inner .main .post .inner > h3  {
    width: 85%;
     margin: 0 auto;
}


		 	#content .inner .main .post .inner > h3 a {
    color: #4b63ad;
     font-size: 1.56em;
      /*margin: 0 60px;
    */}

		    #content .inner .main .post .inner > h2 a {
    color: #4b63ad;
     /*font-size: 1.56em;
    */ margin: 0;
}


			#content .inner .main .post .inner > h2 {
    display: block;
     margin: 0 60px !important;
     color: #4b63ad;
 }


				#content .inner .main .post .inner .inframe > h3 {
    display: block;
     color: #4b63ad;
     /*margin: 0 60px 5px 60px;
    */ margin: 0 0 5px 0;
     font-size: 1.25em !important;
}


    		#content .inner .main .post .inner .metadata  {
    color: #bbbbbb;
     font-size: 0.875em;
     font-family: 'GothamRoundedMedium', sans-serif;
     margin: 5px 60px 10px 60px;
}


			#content .inner .main .post .inner p  {
    font-size: 1em;
     line-height: 1.45em;
     /*margin: 0 60px;
    */}

			#content .inner .main .post .inner iframe  {
    margin: 20px 0;
}


			#content .inner .main .post .inner .blogInfo  {
    border-top: 1px solid #eaeaea;
     margin: 35px 0 0 0;
     padding: 20px 60px 0 60px;
}


			   #content .inner .main .post .inner .blogInfo .commentsNum  {
    width: 47px;
     height: 38px;
     color: #ffffff;
     font-size: 1em;
     text-align: center;
     padding: 10px 0 0 0;
     background: url(images/speechbubble.png) no-repeat left top;
     float: left;
}


			      #content .inner .main .post .inner .blogInfo .commentsNum a  {
    color: #ffffff;
}


			   #content .inner .main .post .inner .blogInfo .socialBtns  {
    float: right;
     width: 390px;
}


			      #content .inner .main .post .inner .blogInfo .socialBtns>div  {
    float: left;
     width: 178px;
     margin: 0 15px 0 0;
}


				  #content .inner .main .post .inner .blogInfo .socialBtns>div:last-child  {
    margin: 0;
}


			   #content .inner .main .post .inner .blogInfo .socialBtns:after  {
    content: ".";
     clear: both;
     display: block;
     height: 0;
     visibility: hidden;
}


			#content .inner .main .post .inner .blogInfo:after  {
    content: ".";
     clear: both;
     display: block;
     height: 0;
     visibility: hidden;
}


	     /*End News Page*/

		 #content.news-detail .inner .main .post  {
    background: url(images/shadow.png) no-repeat right bottom;
     /*margin: 0 0 30px 0;*/
     /*width: 58.75em;*/
}


		 #content.news-detail .inner .main .post .inner {
     background: #ffffff;
     border: 1px solid #eaeaea;
     max-width: 100%;
     padding: 40px 0 15px 0;
}


		 #content.news-detail .inner .main .post .inner h3 {
    font-size: 1.5em;
}


		 #content.news-detail .inner .main .post .inner p  {
    display: block;
     margin-bottom: 15px;
}


		 /*Comments*/

		 #content.news-detail .inner .main .post #comments  {
    margin: 20px 0;
     padding: 60px 0 60px 0;
     border-top: 1px solid #eaeaea;
}


		 #content.news-detail .inner .main .post #comments>p  {
    display: block;
     margin: 10px 60px 0 60px;
}


		    #content.news-detail .inner .main .post #comments h3#reply-title  {
    color: #777777;
     font-weight: 300;
     margin: 0 60px;
}


			#content.news-detail .inner .main .post #comments form#commentform {
    width: 100%;
     margin: 0 60px;
}


			#content.news-detail .inner .main .post #comments form#commentform>p  {
    margin: 0;
     padding: 0;
}


			#content.news-detail .inner .main .post #comments form#commentform>p.logged-in-as  {
}


			.required  {
    display: none !important;
}


			#content.news-detail .inner .main .post #comments form#commentform>p.comment-form-author  {
    margin: 20px 0;
}


			   #content.news-detail .inner .main .post #comments form#commentform>p.comment-form-author>label  {
    display: none !important;
}


			   #content.news-detail .inner .main .post #comments form#commentform>p.comment-form-author>input  {
    width: 370px;
     height: 45px;
     border: 1px solid #e0e0e0;
     padding: 0 20px 0 20px;
     font-size: 1em;
     color: #777777;
}


			#content.news-detail .inner .main .post #comments form#commentform>p.comment-form-email  {
    margin: 20px 0 20px 0;
}


			   #content.news-detail .inner .main .post #comments form#commentform>p.comment-form-email>label  {
    display: none !important;
}


			   #content.news-detail .inner .main .post #comments form#commentform>p.comment-form-email>input  {
    width: 370px;
     height: 45px;
     border: 1px solid #e0e0e0;
     padding: 0 20px 0 20px;
     font-size: 1em;
     color: #777777;
}


			#content.news-detail .inner .main .post #comments form#commentform>p.comment-form-url  {
    display: none !important;
}


			#content.news-detail .inner .main .post #comments form#commentform>p.comment-form-comment  {
    display: block;
     margin: 10px 0 0 0;
}


			#content.news-detail .inner .main .post #comments form#commentform>p.comment-form-comment>label  {
    display: none !important;
}


			#content.news-detail .inner .main .post #comments form#commentform>p.comment-form-comment textarea#comment  {
    width: 742px;
     height: 247px;
     border: none;
     background: url(images/comment.png) no-repeat left top;
     padding: 20px 20px 0 20px;
     font-family: Verdana,  Geneva,  sans-serif;
     color: #777777;
     font-size: 1em;
     -moz-appearance: none;
     resize:  none;
}


			#content.news-detail .inner .main .post #comments form#commentform>p.comment-form-comment textarea#comment:focus  {
    outline: none;
     border: none;
}


			#content.news-detail .inner .main .post #comments form#commentform>p.form-allowed-tags  {
    display: none !important;
}


			#content.news-detail .inner .main .post #comments form#commentform>p.form-submit  {
}


			   #content.news-detail .inner .main .post #comments form#commentform>p.form-submit input#submit  {
    border: none;
     background: #c6c6c6;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
     color: #ffffff;
     padding: 10px 20px;
     font-size: 1em;
     -moz-box-shadow: 1px 1px 1px #999999;
      -webkit-box-shadow: 1px 1px 1px #999999;
     box-shadow: 1px 1px 1px #999999;
     cursor: pointer;
}


			   /*Comment ol*/

			   ol.comm  {
    display: block;
     margin: 30px auto 0 auto;
}


			      ol.comm li  {
    display: block;
     width: 780px;
     margin: 0 auto;
     border-bottom: 1px solid #dddddd;
     padding: 10px 10px;
}


				     ol.comm li .metaInfo>.metadata  {
    margin: 0 !important;
     padding: 0 0 5px 0;
}


					 ol.comm li>p  {
    margin: 0 !important;
     line-height: 1.25em !important;
}


				  ol.comm li.odd  {
    background: #f5f5f5;
}


				  ol.comm li:last-child  {
    border: none;
}


			#content.news-detail .inner .main .post #comments form#commentform>p.comment-subscription-form  {
    display: none !important;
}


		 /*Blog Slider*/

		 #content.news-detail .blogSlider  {
    margin: 20px 60px 10px 60px;
}

         #content.news-detail .blogSlider img{
    width: 100%;
    height: auto;
}

		    #content.news-detail .blogSlider .bigImg  {
    float: left;
     width: 668px;
     height: 448px;
     margin: 0 10px 0 0;
     position: relative;
}


			   #content.news-detail .blogSlider .bigImg img  {
    position: absolute;
     top: 0;
     left: 0;
     display: none;
     /*border: 2px solid #ffffff;
     -moz-box-shadow: 0 1px 5px #999999;
     -webkit-box-shadow: 0 1px 5px #999999;
     box-shadow: 0 1px 5px #999999;
    */}

			/*carousel*/   

			#slider-code  {
    float: left;
     width: 100px;
     height: 494px;
     overflow: hidden;
     position: relative;
     margin: -26px 0 0 0;
}


			   #slider-code .viewport  {
    overflow: hidden;
     width: 100px;
     height: 442px;
     position: relative;
     margin: 26px 0 0 0;
}


			   #slider-code .buttons  {
    display: block;
     width: 28px;
     height: 26px;
     position: absolute;
}


			   #slider-code .next  {
    background: url(images/arrowdown.png) no-repeat left 2px;
     top: 466px;
     left: 35px;
}


			   #slider-code .prev  {
    background: url(images/arrowtop.png) no-repeat left 2px;
     top: 0;
     left: 35px;
}


			   #slider-code .disable  {
    visibility: hidden;
}


			   #slider-code .overview  {
    position: absolute;
     top: 0;
     left: 0;
     margin: 0 !important;
     padding: 0;
}


			   	#slider-code .overview li  {
    background: none !important;
}


			      #slider-code .overview li  {
    display: block;
     width: 100px !important;
     height: 100px !important;
     margin: 0 0 14px 0 !important;
     padding: 0 !important;
}


				  #slider-code .overview li:last-child  {
    margin: 0;
}


		 #content.news-detail .blogSlider:after  {
    content: ".";
     clear: both;
     display: block;
     height: 0;
     visibility: hidden;
}


		 

		 /*Pager*/

	     #content .inner .main .posts .pager  {
    color: #777777;
     float: right;
     position: relative;
     left: -50%;
     text-align: left;
     width: 900px;
     margin-bottom: 15px;
}


		    #content .inner .main .posts .pager > .inner  {
    position: relative;
     left: 50%;
}


			#content .inner .main .posts .pager > .inner .numCon  {
    position: relative;
}


		    #content .inner .main .posts .pager .back,  #content .inner .main .posts .pager .next  {
    float: left;
     width: 95px;
     height: 30px;
     background: url(images/pagerBtn.png) no-repeat left top;
     text-align: center;
     padding: 12px 0 0 0;
     position: relative;
     margin: 0 0 0 10px;
     display: inline;
}


			#content .inner .main .posts .pager .back  {
    margin: 0 10px 0 0;
}


			   #content .inner .main .posts .pager .back a,  #content .inner .main .posts .pager .next a  {
    color: #ffffff;
     font-size: 1em;
     text-shadow: 1px 0 0 #000000;
}


			#content .inner .main .posts .pager .numbers  {
    float: left;
     margin:  0 5px;
     display: inline;
     padding: 12px 0 0 0;
 }


				#content .inner .main .posts .pager .numbers span.current  {
    color: #f4c912;
}


	     #content .inner .main .posts .pager > .inner:after  {
    content: ".";
     clear: both;
     display: block;
     height: 0;
     visibility: hidden;
}


	  #content .inner .main:after  {
    content: ".";
     clear: both;
     display: block;
     height: 0;
     visibility: hidden;
}


	  /*Back to News*/

	  #content .inner .main .backBtn {
    text-align: center;
     width: 162px;
     height: 29px;
     background: url(images/backtonewsbg.png) no-repeat left top;
     padding: 10px 0 0 0;
     margin: 0 0 0 10px;
}


	     #content .inner .main .backBtn a  {
    color: #ffffff;
     font-size: 1em;
     text-shadow: 1px 0 0 #000000;
}


	  #content .inner .main .backBtn#hats  {
    margin: 30px 0 0 0;
}


	  /*DropDown Menus*/

	  #content .inner .dropdowns  {
    position: absolute;
     right: 15%;
     top: 5px;
     z-index: 100;
}


	     #content .inner .dropdowns ul {
    height: 30px;
     overflow: visible;
}


		 #content .inner .dropdowns ul.cat  {
    width: 210px;
     float: left;
     margin: 0 10px 0 0;
}


		 #content .inner .dropdowns ul.date  {
    width: 175px;
     float: left;
}


		    #content .inner .dropdowns ul li  {
    background: url(images/select.jpg) repeat-x left top;
     height: 25px;
     color: #ffffff;
     padding: 5px 5px 0 10px;
     display: none;
}


			#content .inner .dropdowns ul li.first  {
    display: block;
     position: relative;
     cursor: pointer;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
     border: 1px solid #2b323b;
}


			   #content .inner .dropdowns ul li.first>span  {
    display: block;
     width: 14px;
     height: 10px;
     background: url(images/triangle.png) no-repeat left top;
     position: absolute;
     top: 10px;
     right: 10px;
     cursor: pointer;
}


			   #content .inner .dropdowns ul li a  {
    color: #ffffff;
     display: block;
}


			   #content .inner .dropdowns ul li a:hover  {
    text-decoration: none;
     color: #dddddd;
}


	  #content .inner .dropdowns:after  {
    content: ".";
     clear: both;
     display: block;
     height: 0;
     visibility: hidden;
}


	  /*maps*/

	  #content .inner .main .iframeCon  {
/*    width: 941px;
     height: 525px;*/
     background: url(images/iframebg.png) no-repeat left top;
     overflow: hidden !important;
     padding: 2px 0 0 1px;
     margin: 0 0 0 0;
     position: relative;
     z-index: 20;
}

        #content .inner .main .iframeCon img {
    width: 100%;
    height: auto;
}


	  #content .inner .main .pdflink  {
    width: 100%;
     margin: 10px 0 0 0;
}


	    #content .inner .main .pdflink a  {
    float: right;
     font-size: 0.875em;
}


      #content .inner .main .pdflink:after  {
    content: ".";
     clear: both;
     display: block;
     height: 0;
     visibility: hidden;
}


	  #content .inner .main .direction>h3  {
    font-size: 1.5em;
     color: #4b63ad;
     line-height: 1.5em;
}


	  /*Contact Page*/

	  #content .inner .main #contact  {
    width: 100%;
    overflow: hidden;
}


         #content .inner .main #contact .shout  {
    float: left;
     width: 20%;
     margin-right: 7.5%
}


    	 #content .inner .main #contact .office  {
    float: left;
     width: 30%;
     margin-right: 7.5%;
}


		 #content .inner .main #contact .message  {
    float: left;
     width: 35%;
}


		 #content .inner .main #contact h3  {
    font-size: 1.2em;
     color: #777777;
     display: block;
     margin: 0 0 10px 0;
     font-weight: bold;
}


		 #content .inner .main #contact p  {
    font-size: 1.125em;
}


      #content .inner .main #contact:after  {
    content: ".";
     clear: both;
     display: block;
     height: 0;
     visibility: hidden;
}


	  /*Form*/

	  #content .inner .main #contactForm  {
 /*   width: 735px;
     height: 545px;*/
     background-image: url(images/contactFormbg.png); 
     background-repeat: no-repeat;
     background-position: center;
     background-size: 100% 100%;
     /*margin: 20px 0 0 0;*/
     padding: 40px 60px;
}


	     #content .inner .main #contactForm>h3  {
    color: #777777;
     font-size: 1.875em;
}


		 #content .inner .main #contactForm form.wpcf7-form  {
    margin: 20px 0 0 0;
}


		    #content .inner .main #contactForm form.wpcf7-form input {
    width: 50%;
    /* height: 45px;*/
     border: 1px solid #e0e0e0;
     padding: 15px 20px;
     font-size: 1em !important;
     color: #777777;
     font-family: Verdana,  Geneva,  sans-serif;
}


			#content .inner .main #contactForm form.wpcf7-form input.wpcf7-submit  {
    width: 198px;
     height: 38px;
     border: none;
     background: #c6c6c6;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
     color: #ffffff;
     padding: 10px 20px;
     font-size: 1em;
     -moz-box-shadow: 1px 1px 1px #999999;
     -webkit-box-shadow: 1px 1px 1px #999999;
     box-shadow: 1px 1px 1px #999999;
     cursor: pointer;
     font-size: 0.93em !important;
}


			#content .inner .main #contactForm form.wpcf7-form textarea  {
    border: 1px solid #e0e0e0;
     padding: 10px 20px;
     font-size: 1em !important;
     color: #777777;
     font-family: Verdana,  Geneva,  sans-serif;
     width: 93%;
     height: 208px;
     font-size: 1em;
     resize: none;
}


			/*Contact Form 7*/

			#content .inner .main #contactForm form.wpcf7-form img.ajax-loader  {
    margin: 0 0 0 10px;
}


			#content .inner .main #contactForm form.wpcf7-form .wpcf7-validation-errors  {
     margin: 0 !important;
     padding: 0 !important;
     font-size: 0.875em !important;
}


			#content .inner .main #contactForm form.wpcf7-form span.wpcf7-not-valid-tip  {
    border: none;
     background: none !important;
     color: #FF0000;
     top: 10px;
}


			#content .inner .main #contactForm form.wpcf7-form .wpcf7-mail-sent-ok  {
    margin: 0 !important;
     padding: 0 !important;
     border: none;
}




.btmtitle  {
    position: relative;
     z-index: 100 !important;
     width: 25%;
     padding: 10px;
     background: #4b63ad;
     -moz-border-radius: 3px;
     -webkit-border-radius: 3px;
     border-radius: 3px;
     margin: -20px auto -26px auto;
     text-align: center;
     box-shadow: 0 1px 3px #666666;
}
  

.btmtitle h2  {
    color: #ffffff;
     font-family: 'GothamRoundedMedium', sans-serif;
     font-size: 1.125em;
     text-align: center;
}


#bottom  {
    width: 100%;
     background: url(images/texture-grey.jpg) repeat left top;
     padding: 70px 0 40px 0;
     position: relative;
     z-index: 3;
}


#bottom.shadow-bg  {
     

	-webkit-box-shadow:  inset 0 10px 10px rgb(175,  175,  175);
    

	-moz-box-shadow:  inset 0 10px 10px rgb(175,  175,  175);
    

	-o-box-shadow:  inset 0 10px 10px rgb(175,  175,  175);
    

	box-shadow:  inset 0 10px 10px rgb(175,  175,  175);
    	

}

   #bottom .inner  {
    max-width: 60%;
     margin: 0 auto;
 }


      #bottom .inner .menu  {
    width: 22.5%;
     float: left;
     margin: 0 1.25%;
}


	  #bottom.merchants .inner .menu  {
    width: 47.5%;
     float: left;
     margin: 0 1.25%;
}


	  #bottom.merchants .inner .menu:last-child  {
    margin-right: 0;
}


		#bottom .inner .smlframe  {
     text-align: center;
     padding: 5px 0 0 0;
     /*background: url(images/smallframe.png) no-repeat left top;
    */}

    #bottom .inner .smlframe img{
        width: 100%;
        height: auto;
    }

   		#bottom.merchants .inner .smlframe  {
    width: 100%;
     height: auto;
     text-align: center;
     padding: 5px 0 0 0;
     /*background: url(images/smallframe.png) no-repeat left top;
    */}

      #bottom .inner .smlframe a  {
    text-decoration: none;
}


      #bottom .inner .smlframe a.title  {
    display: block;
     margin: 10px 0 0 0;
     color: #525252;
     font-size: 1.125em;
     font-family: 'GothamRoundedMedium', sans-serif;
}


	  #bottom .inner .smlframe a.title:hover  {
    color: #4b63ad;
}


	  

	  #bottom .inner .article  {
    width: 30%;
     float: left;
     margin: 0 3.33% 0 0;
     height:  280px;
}


	  #bottom .inner .article.merchant-article  {
    width: 30%;
     float: left;
     margin: 0 3.33% 0 0;
     height:  240px;
     position:  relative;
}


	  #bottom .inner .article:nth-of-type(3n),  #bottom .inner .article:last-child  {
    margin: 0 0 0 0;
}


	  

	  #bottom .inner .article:last-child  {
    margin: 0;
}


	     #bottom .inner .article .pic  {
    margin: 0 0 10px 0;
}

         #bottom .inner .article .pic img {
    width: 100%;
    height: auto;
}
        #bottom .inner .article.merchant-article .pic img{
            width: 100%;
            height: auto;
        }

        .pager .inner{
            padding: 45px 0;
            margin-left: 48%;
        }

        .pager .inner .numbers{
            float: left;
            padding-right: 5px;
        }

      
	     #bottom .inner .article h3 a  {
    color: #98a0d0;
     font-size: 1.3em;
}


	     #bottom .inner .article p  {
    font-size: 1em;
     line-height: 1.3em;
}


		 #bottom .inner .article p a  {
}




	  /*hover box*/

	  #bottom .inner .article.merchant-article .hover-box  {
   /* position:  absolute;
     width:  271px;
     height:  121px;
     top: 0;
     left: 0;
     padding: 15px;
     background:  rgb(41, 54, 105);
     background:  rgba(41, 54, 105, .8);
     text-align:  center;
     display:  table;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     filter:  alpha(opacity=0);
     opacity: 0;
     -webkit-transition:  opacity .3s linear;
     -moz-transition:  opacity .3s linear;
     transition:  opacity .3s linear;*/
}


	  	#bottom .inner .article.merchant-article .hover-box:hover  {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     filter:  alpha(opacity=100);
     opacity: 1;
}


	  	#bottom .inner .article.merchant-article .hover-box h4  {
    color: #fff;
     font-size: 20px;
     display:  table-cell;
     vertical-align:  middle;
}


	  		#bottom .inner .article.merchant-article .hover-box h4 small  {
    display:  block;
     font-size:  14px;
     line-height:  1.3em;
}


      /*Events Page*/

	  #bottom .inner .allBtn {
    text-align: center;
     width: 162px;
     height: 29px;
     background: url(images/backtonewsbg.png) no-repeat left top;
     padding: 10px 0 0 0;
     /*margin: 5px 0 0 770px;*/
}


	     #bottom .inner .allBtn a  {
    color: #ffffff;
     font-size: 1em;
     text-shadow: 1px 0 0 #000000;
}


	  /*Directory Table*/ 

	  #bottom .inner table#dir  {
    width: 100%;
     margin: 30px 0 50px 0;
}


	     #bottom .inner table#dir tr  {
}


		 #bottom .inner table#dir tr.odd {
    background: url(images/tablewhite.png) repeat left top;
}


		    #bottom .inner table#dir tr th  {
    text-align: left;
     color: #4b63ad;
     font-size: 1em;
     font-weight: bold;
     height: 50px;
     border-bottom: 2px solid #dedede;
     vertical-align: middle;
     padding: 0 10px;
}


			#bottom .inner table#dir tr td  {
    text-align: left;
     color: #777777;
     font-size: 1em;
     font-weight: 300;
     height: 50px;
     border-bottom: 1px solid #dedede;
     vertical-align: middle;
     -moz-text-shadow: 0 1px 0 #ffffff;
      -webkit-text-shadow: 0 1px 0 #ffffff;
     text-shadow: 0 1px 0 #ffffff;
     padding: 0 10px;
}


			#bottom .inner table#dir tr td a  {
    color: #777777;
}


			#bottom .inner table#dir tr>td:first-child  {
    font-weight: bold;
}


			#bottom .inner table#dir tr>td:last-child  {
    /*text-align: right !important;
    */}

	  /*Merchant Dropdown*/

	  #bottom .inner .dropdowns  {
    position: relative;
     margin: 0;
     padding: 0;
     z-index: 100;
 }


	     #bottom .inner .dropdowns ul {
    height: 35px;
     overflow: visible;
}


		 #bottom .inner .dropdowns ul.merCat  {
    width: 152px;
     float: left;
     margin: 0 10px 0 0;
}


		 #bottom .inner .dropdowns ul.company  {
    width: 152px;
     float: left;
     margin: 0 10px 0 0;
}


		    #bottom .inner .dropdowns ul li  {
    height: auto !important;
     padding: 10px 5px 10px 10px !important;
     color: #ffffff;
     font-size: 0.93em;
}


			#bottom .inner .dropdowns ul li.first  {
    background: url(images/select.jpg) repeat-x left top #273363 !important;
     display: block;
     position: relative;
     cursor: pointer;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
     border: 1px solid #2b323b;
     padding-top: 7px !important;
     padding-bottom: 10px !important;
}


			#bottom .inner .dropdowns ul li.last  {
    width: 805px;
     padding: 10px 0 10px 10px !important;
     margin: 3px 0 0 0;
     background: #354485;
     border: 1px solid #2b323b;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
     box-shadow: 0 3px 3px #999999;
     display: none;
}


				/*mega menu*/

				#bottom .inner .dropdowns ul li.last ul.mega  {
    width: 100%;
     height: auto;
     float: none !important;
}


				   #bottom .inner .dropdowns ul li.last ul.mega>li  {
    float: left;
     display: block;
     width: 180px;
     height: 30px !important;
     padding: 10px 10px;
     border-right: 1px dotted #333333;
 }


				   #bottom .inner .dropdowns ul li.last ul.mega>li:nth-of-type(4n)  {
    border-right: none;
}


				   #bottom .inner .dropdowns ul li.last ul.mega>li:first-child,  #bottom .inner .dropdowns ul li.last ul.mega>li:nth-of-type(2),  #bottom .inner .dropdowns ul li.last ul.mega>li:nth-of-type(3),  #bottom .inner .dropdowns ul li.last ul.mega>li:nth-of-type(4)  {
    border-top: none;
}


				#bottom .inner .dropdowns ul li.last ul.mega:after  {
    content: ".";
     clear: both !important;
     display: block;
     height: 0;
     visibility: hidden;
}


				

			   #bottom .inner .dropdowns ul li.first>span  {
    display: block;
     width: 7px;
     height: 12px;
     background: url(images/triangle2.png) no-repeat left top;
     position: absolute;
     top: 10px;
     right: 10px;
     cursor: pointer;
}


			   #bottom .inner .dropdowns ul li a  {
    color: #ffffff;
     display: block;
     line-height: 1.2em;
}


			   #bottom .inner .dropdowns ul li a:hover  {
    text-decoration: none;
     color: #dddddd;
}


		 #bottom .inner .dropdowns #merSearch  {
    float: left;
     width: 194px;
     height: 36px;
     margin: -2px 0 0 0;
}


		    #bottom .inner .dropdowns #merSearch form  {
    position: relative;
}


		    #bottom .inner .dropdowns #merSearch input  {
    width: 156px;
     height: 36px;
     background: url(images/merSearchbg.png) no-repeat left top;
     padding: 0 30px 0 8px;
     color: #777777;
     font-size: 1em;
     border: none;
}


			#bottom .inner .dropdowns #merSearch input.mersearch  {
    cursor: pointer;
     width: 17px;
     height: 19px;
     background: url(images/mersearchBtn.png) no-repeat left top;
     position: absolute;
     right: 10px;
     top: 10px;
     padding: 0;
}


	  #bottom .inner .dropdowns:after  {
    content: ".";
     clear: both !important;
     display: block;
     height: 0;
     visibility: hidden;
}


	  /*Merchant Pager*/

	     #bottom .inner .pager  {
    color: #777777;
     float: right;
     position: relative;
     left: -50%;
     text-align: left;
     width: 900px;
     margin-bottom: 15px;
}


		    #bottom .inner .pager > .inner  {
    position: relative;
     left: 80%;
}


		    #bottom .inner .pager .back,  #bottom .inner .pager .next  {
    float: left;
     width: 95px;
     height: 30px;
     background: url(images/pagerBtn.png) no-repeat left top;
     text-align: center;
     padding: 12px 0 0 0;
     position: relative;
     margin: 0 0 0 10px;
     display: inline;
}


			#bottom .inner .pager .back  {
    margin: 0 10px 0 0;
}


			   #bottom .inner .pager .back a,  #bottom .inner .pager .next a  {
    color: #ffffff;
     font-size: 1em;
     text-shadow: 1px 0 0 #000000;
}


			#bottom .inner .pager .numbers  {
    float: left;
     margin:  0 5px;
     display: inline;
     padding: 12px 0 0 0;
 }


				#bottom .inner .pager .numbers span.current  {
    color: #f4c912;
}


	     #bottom .inner .pager:after  {
    content: ".";
     clear: both;
     display: block;
     height: 0;
     visibility: hidden;
}


	  #bottom .inner:after  {
    content: ".";
     clear: both;
     display: block;
     height: 0;
     visibility: hidden;
}


   #bottom>.inner:after  {
    content: ".";
     clear: both;
     display: block;
     height: 0;
     visibility: hidden;
}


   

   /*Directory Table*/ 

   	  #mer .tableCon  {
    padding: 70px 0 0 0;
}


	  #mer table#dir  {
    width: 100%;
     margin: 0 0 50px 0;
}


	     #mer table#dir tr  {
}


		 #mer table#dir tr.odd {
    background: url(images/tablewhite.png) repeat left top;
}


		    #mer table#dir tr th  {
    text-align: left;
     color: #4b63ad;
     font-family: 'GothamRoundedMedium', sans-serif;
     font-size: 1em;
     font-weight: bold;
     height: 50px;
     border-bottom: 2px solid #dedede;
     vertical-align: middle;
     padding: 5px 10px;
}


			#mer table#dir tr td  {
    text-align: left;
     color: #777777;
     font-size: 1em;
     font-weight: 300;
     height: 50px;
     border-bottom: 1px solid #dedede;
     vertical-align: middle;
     -moz-text-shadow: 0 1px 0 #ffffff;
      -webkit-text-shadow: 0 1px 0 #ffffff;
     text-shadow: 0 1px 0 #ffffff;
     padding: 5px 10px;
}

            #mer table#dir tr td:nth-child(4){
    word-break: break-all
}

			#mer table#dir tr td a  {
    color: #777777;
    /*word-break: break-all;*/
}


			#mer table#dir tr>td:first-child  {
    font-weight: bold;
}


			#mer table#dir tr>td:last-child  {
    text-align: right !important;
}


	  /*Merchant Dropdown*/

	  #mer .dropdowns  {
    position: relative;
     padding: 0;
     left: 0 !important;
     z-index: 100;
}


	     #mer .dropdowns  {
    position: relative;
     margin: 0 0 0 0;
}


		 

	     #mer .dropdowns ul {
    height: 35px;
     overflow: visible;
}


		 #mer .dropdowns ul.merCat  {
    width: 9.5em;
     float: left;
     margin: 0 10px 0 0;
}


		 #mer .dropdowns ul.company  {
    width: 152px;
     float: left;
     margin: 0 10px 0 0;
}


		 /*subcats*/

		 #mer .dropdowns ul.subcats  {
    width: 170px;
     float: left;
     margin: 0 10px 0 0;
}


		 	#mer .dropdowns ul.subcats > li {
    height: auto !important;
     padding: 10px 5px 6px 10px !important;
     color: #777777;
     font-size: 0.93em;
     margin: 0 !important;
     background: #fff;
     width: auto !important;
     border-left: 1px solid #dddddd !important;
     border-right: 1px solid #dddddd !important;
    border-bottom: 1px solid #dddddd !important;
}


			#mer .dropdowns ul.subcats > li.first  {
    background: #ffffff !important;
     margin: 0 !important;
     -moz-box-shadow:  inset 0 1px 1px #888888;
     -webkit-box-shadow:  inset 0 1px 1px #888888;
     box-shadow:  inset 0 1px 1px #888888;
     border: 1px solid #dddddd !important;
}


			#mer .dropdowns ul.subcats > li.first > span  {
    background: url(images/triangle_p.png) no-repeat left top;
     top: 12px;
}


			#mer .dropdowns ul.subcats > li:nth-of-type(2)  {
    margin: -3px 0 0 0 !important;
}


			#mer .dropdowns ul.subcats > li a  {
    color: #777777;
}


			#mer .dropdowns ul.subcats > li a:hover  {
    color: #999999;
}


			

		    #mer .dropdowns ul li  {
    height: auto !important;
     padding: 10px 5px 10px 10px !important;
     color: #ffffff;
     font-size: 0.93em;
}


			#mer .dropdowns ul li.first  {
    background: url(images/select.jpg) repeat-x left top #273363 !important;
     display: block;
     position: relative;
     cursor: pointer;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
     border: 1px solid #2b323b;
     padding-top: 7px !important;
     padding-bottom: 7px !important;
     margin: 0 0 0 5px!important;
}


			#mer .dropdowns ul li.last  {
    width: 805px;
     padding: 10px 0 10px 10px !important;
     margin: 3px 0 0 5px !important;
     background: #354485;
     border: 1px solid #2b323b;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
     box-shadow: 0 3px 3px #999999;
     display: none;
}


				/*mega menu*/

				#mer .dropdowns ul li.last ul.mega  {
    width: 100%;
     height: auto;
     float: none !important;
     margin: 0 !important;
}


				   #mer .dropdowns ul li.last ul.mega>li  {
    float: left;
     display: block;
     width: 180px;
     height: 30px !important;
     padding: 10px 10px;
     border-right: 1px dotted #333333;
     margin: 0 !important;
}


				   #mer .dropdowns ul li.last ul.mega>li:nth-of-type(4n)  {
    border-right: none;
}


				   #mer .dropdowns ul li.last ul.mega>li:first-child,  #mer .dropdowns ul li.last ul.mega>li:nth-of-type(2),  #mer .dropdowns ul li.last ul.mega>li:nth-of-type(3),  #mer .dropdowns ul li.last ul.mega>li:nth-of-type(4)  {
    border-top: none;
}


				#mer .dropdowns ul li.last ul.mega:after  {
    content: ".";
     clear: both !important;
     display: block;
     height: 0;
     visibility: hidden;
}


			

			

			   #mer .dropdowns ul li.first>span  {
    display: block;
     width: 7px;
     height: 12px;
     background: url(images/triangle2.png) no-repeat left top;
     position: absolute;
     top: 10px;
     right: 10px;
     cursor: pointer;
}


			   #mer .dropdowns ul li a  {
    color: #ffffff;
     display: block;
}


			   #mer .dropdowns ul li a:hover  {
    text-decoration: none;
     color: #dddddd;
}


		 #mer .dropdowns #merSearch  {
    float: left;
     width: 12.125em;
     height: 36px;
     margin: 0 0 0 0;
}


		    #mer .dropdowns #merSearch form  {
    position: relative;
}


			#mer .dropdowns #merSearch label#mers  {
    display: none;
}


		    #mer .dropdowns #merSearch input  {
    width: 156px;
     height: 36px;
     background: url(images/merSearchbg.png) no-repeat left top;
     padding: 0 30px 0 8px;
     color: #777777;
     font-size: 1em;
     border: none;
}


			#mer .dropdowns #merSearch input.mersearch  {
    cursor: pointer;
     width: 17px;
     height: 19px;
     background: url(images/mersearchBtn.png) no-repeat left top;
     position: absolute;
     right: 10px;
     top: 10px;
     padding: 0;
}


	  #mer .dropdowns:after  {
    content: ".";
     clear: both !important;
     display: block;
     height: 0;
     visibility: hidden;
}


	  /*Merchant Pager*/

	     #mer .pager  {
    color: #777777;
    /* float: right;
     position: relative;
     left: -50%;*/
     text-align: left;
}


		    #mer .pager > .inner  {
  /*  position: relative;
     left: 50%;*/
     max-width:80%;
}


			#mer .pager > .inner .numCon  {
    position: relative;
    width: auto !important;
    padding: 0 20%;
}


		    #mer .pager .back,  #mer .pager .next  {
    float: left;
     width: 95px;
     height: 30px;
     background: url(images/pagerBtn.png) no-repeat left top;
     text-align: center;
     padding: 12px 0 0 0;
     position: relative;
     margin: 0 0 0 10px;
     display: inline;
}


			#mer .pager .back  {
    margin: 0 10px 0 0;
}


			   #mer .pager .back a,  #mer .pager .next a  {
    color: #ffffff;
     font-size: 1em;
     text-shadow: 1px 0 0 #000000;
}


			#mer .pager .numbers  {
    float: left;
     margin:  0 5px;
     display: inline;
     padding: 12px 0 0 0;
 }


				#mer .pager .numbers span.current  {
    color: #f4c912;
}


	     #mer .pager > .inner .numCon:after  {
    content: ".";
     clear: both;
     display: block;
     height: 0;
     visibility: hidden;
}


	     #mer .pager:after  {
    content: ".";
     clear: both;
     display: block;
     height: 0;
     visibility: hidden;
}


	    #mer .pager > .inner:after  {
    content: ".";
     clear: both;
     display: block;
     height: 0;
     visibility: hidden;
}


	  #mer:after  {
    content: ".";
     clear: both;
     display: block;
     height: 0;
     visibility: hidden;
}


/*Map Dropdowns*/

.maptab  {
    position: relative;
     margin: 0;
     padding: 0;
     width: 100%;
     z-index: 30;
}


   .maptab>ul {
    height: 30px;
     overflow: visible;
     width: 170px;
     float: right;
}


   .maptab>ul li  {
    background: url(images/select.jpg) repeat-x left top #273363 !important;
     height: auto !important;
     padding: 10px 5px 10px 10px !important;
     color: #ffffff;
     display: none;
     font-size: 0.91em;
}


   .maptab>ul li.first  {
    display: block;
     position: relative;
     cursor: pointer;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
     border: 1px solid #2b323b;
}


      .maptab>ul li.first>span  {
    display: block;
     width: 7px;
     height: 12px;
     background: url(images/triangle2.png) no-repeat left top;
     position: absolute;
     top: 10px;
     right: 10px;
     cursor: pointer;
}


	  .maptab>ul li a  {
    color: #ffffff;
     display: block;
}


	  .maptab>ul li a:hover  {
    text-decoration: none;
     color: #dddddd;
}


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


   

   

#footer  {
    width: 100%;
     height: 16%;
     margin: -150px 0 0 0;
     background: url(images/footerptrn.jpg) repeat-x left top #4b63ad !important;
     position: relative;
     z-index: 20;
}


   #footer>.inner  {
    max-width: 940px;
     margin: 0 auto;
     text-align: center;
     position: relative;
}


   	   #footer .inner .footlogo  {
    background: url(images/footermark.png) no-repeat center top;
     min-height: 77px;
     width: 100%;
     position: absolute;
     top: -40px;
}


	   		#footer .inner .footlogo a  {
    display: block;
     width: 107px;
     height: 77px;
     margin: 0 auto;
}


       #footer .inner p.text  {
    color: #ffffff;
     font-size: 1em;
     text-align: center;
     padding: 47px 0 0 0;
}


	   		#footer .inner p.text>strong {
    color: #fdcf0b;
     font-size: 0.875em;
}


	   #footer .inner p.cr  {
    color: #293669;
     display: block;
     margin: 10px 0 0 0;
     font-size: 0.75em;
}


	   /*#footer .inner p.footlogo  {
    text-align: right !important;
     margin: -110px 0 20px 0;
}
*/

	   

#social  {
    width: 34px;
     position: fixed;
     top: 80px;
     right: 0;
     z-index: 50;
}


   #social a  {
    display: block;
     text-indent: -9999px;
     margin: 0 0 3px 0;
}


   #social a.fb  {
    width: 34px;
     height: 40px;
     background: url(images/facebook.png) no-repeat 3px top;
}


   #social a.fb:hover  {
    background: url(images/facebook.png) no-repeat left top;
}


   #social a.tw  {
    width: 34px;
     height: 41px;
     background: url(images/twitter.png) no-repeat 3px top;
}


   #social a.tw:hover  {
    background: url(images/twitter.png) no-repeat left top;
}


   #social a.yt  {
    width: 34px;
     height: 41px;
     background: url(images/youtube.png) no-repeat 3px top;
}


   #social a.yt:hover  {
    background: url(images/youtube.png) no-repeat left top;
}


   #social a.fl  {
    width: 34px;
     height: 40px;
     background: url(images/flickr.png) no-repeat 3px top;
}


   #social a.fl:hover  {
    background: url(images/flickr.png) no-repeat left top;
}


   #social a.ig  {
    width: 34px;
     height: 40px;
     background: url(images/instagram.png) no-repeat 3px top;
}


   #social a.ig:hover  {
    background: url(images/instagram.png) no-repeat left top;
}




/*Contest Page*/

.contestt h3  {
    margin: 15px 0 !important;
}
  

.contestt > .inner > p {
    margin-bottom: 20px !important;
}
 

.contestt > .inner > ol  {
    list-style-type: decimal !important;
     margin: 0 100px 20px 90px !important;
     padding-left:  10px;
}


.contestt > .inner > ol li  {
    margin: 15px 0 !important;
     line-height: 1.2em !important;
}


.contestt > .inner a.btn  {
    display: block;
     width: 258px;
     height: 42px;
     text-indent: -9999px;
     margin: 35px auto 0 auto;
     background: url(images/entryformBtn.png) no-repeat left top;
 }


.contest  {
    margin: 20px 60px 0 60px;
     width: 805px;
}


	.contest .contestImage  {
    position: relative !important;
     float: left;
     width: 350px/*311*/;
     height: 430px;
     /*background: url(images/contestHolder.png) no-repeat left top;
    */ margin: 0 20px 20px 0;
     display: inline;
}


		.contest .contestImage>img {
    position: absolute;
     top: 2px;
     left: 3px;
}


	.contest .contestDetails  {
    /*width: 470px;
    */}

		.contest .contestDetails h3  {
    display: block;
     margin: 0 0 5px 0 !important;
     font-size: 1.125em;
     color: #4b63ad;
}


		.contest .contestDetails>p  {
    margin-left: 0 !important;
     margin-right: 0 !important;
     font-size: 1em !important;
}


		/*entryform*/

		.contest .contestDetails>.wpcf7  {
    float: left;
     width: 420px;
}


			.contest .contestDetails>.wpcf7 form.wpcf7-form  {
    position: relative;
}


				.contest .contestDetails>.wpcf7 form.wpcf7-form>p  {
    margin-left: 0 !important;
     margin-right: 0 !important;
 }


				.contest .contestDetails>.wpcf7 form.wpcf7-form > p.answer  {
    margin-bottom: 10px !important;
}


				.contest .contestDetails>.wpcf7 form.wpcf7-form > p.answer.gen  {
    margin-bottom: 15px !important;
}


				.contest .contestDetails>.wpcf7 form.wpcf7-form > p.submit  {
    width:  97px;
     margin: 20px 0 10px 0 !important;
    /*position: absolute;
     right: 50px;
     top: 205px;
    */}

					.contest .contestDetails>.wpcf7 form.wpcf7-form input  {
    width: 262px;
     height: 40px;
     border: 1px solid #4b63ad;
     background: #ffffff;
     padding: 0 20px;
     color: #4b63ad;
     font-size: 1em;
}


					.contest .contestDetails>.wpcf7 form.wpcf7-form > p.answer input  {
    width: 362px;
     height: 50px;
     border: 3px solid #4b63ad;
}


					.contest .contestDetails>.wpcf7 form.wpcf7-form h4  {
    margin: 0 0 10px 0;
     font-size: 18px;
}


					.contest .contestDetails>.wpcf7 form.wpcf7-form > p.answer.gen input {
}


					.contest .contestDetails>.wpcf7 form.wpcf7-form input.wpcf7-submit  {
    width: 97px;
     height: 43px;
     background: url(images/enter.png) no-repeat left top;
     border: none;
     text-indent: -9999px;
     font-size: 0;
     /*margin: 0 0 0 210px;
     */cursor: pointer;
}


					/*Contact 7*/

					.contest .contestDetails>.wpcf7 form.wpcf7-form img.ajax-loader  {
    position: absolute;
     width: 16px;
     height: 16px;
     left: 40px;
     bottom: 45px;
}


					.contest .contestDetails>.wpcf7 form.wpcf7-form .wpcf7-validation-errors  {
    margin: 0 0 10px 0!important;
     padding: 0 !important;
     width: 400px;
     line-height: 1.3em;
}


					.contest .contestDetails>.wpcf7 form.wpcf7-form span.wpcf7-not-valid-tip  {
    border: none;
     background: none !important;
     margin: 0 0 0 230px !important;
     top: 10px;
     color: #FF0000;
}


					.contest .contestDetails>.wpcf7 form.wpcf7-form .wpcf7-mail-sent-ok  {
    margin: 0 0 10px 0!important;
     padding: 0 !important;
     width: 400px;
     line-height: 1.3em;
     border: none;
     font-weight: bold;
}


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


/*Contest Page Menu*/ 

ul.contestMenu  {
    margin: 30px 60px 0 60px !important;
     width: 805px;
}


	ul.contestMenu li  {
    float: left;
     width: 153px;
     height: 153px;
     background: none !important;
    /*background: url(images/thumbHolder.png) no-repeat left top;
    */ margin: 0 5px 0 0 !important;
     padding: 0 !important;
      position: relative;
}


		ul.contestMenu li a,  ul.contestMenu li div.selected  {
    display: block;
     width: 144px;
     height: 144px;
     position: absolute;
     top: 2px;
     left: 3px;
}


		ul.contestMenu li a img,  ul.contestMenu li div.selected img  {
    position: absolute;
     top: 0;
     left: 0;
}


		ul.contestMenu li div.selected>img  {
    border: 2px solid #fdcf0b;
}


		ul.contestMenu li a span.winner,  ul.contestMenu li div.selected span.winner  {
    display: block;
     width: 111px;
     height: 104px;
     position: absolute;
     top: 0;
     left: 0;
     background: url(images/winner.png) no-repeat left top;
}


ul.contestMenu:after  {
    content: ".";
     clear: both;
     display: block;
     height: 0;
     visibility: hidden;
}


/***Hats off day entry forms

*****/

.hatsoffCon  {
    margin: 15px 0 0 0;
}

.hatsoffForm  {
    margin: 0 60px;
     position: relative;
}


	.hatsoffForm .note  {
    text-align: right;
     font-size: 0.93em;
     color: #777777;
     position: absolute;
     right: 0;
     top: 10px;
}


	.hatsoffForm span.req {
    color: #98a0d0;
     font-size: 1.125em;
}


	.hatsoffForm h4  {
    display: block;
     margin: 20px 0 15px 0;
     font-size: 1.25em;
     color: #4b63ad;
}


	.hatsoffForm p  {
    margin-left: 0 !important;
     margin-right: 0 !important;
}


	/*Entry Form*/

	.hatsoffForm .wpcf7  {
}


		.hatsoffForm .wpcf7 form.wpcf7-form

			.hatsoffForm .wpcf7 form.wpcf7-form>p  {
}


			.hatsoffForm .wpcf7 form.wpcf7-form p.hidden  {
    display: none;
}


			.hatsoffForm .wpcf7 form.wpcf7-form>p small  {
    font-size: 0.875em;
}


				.hatsoffForm .wpcf7 form.wpcf7-form label  {
    width: 25%;
     margin: 0 10px 0 0;
     float: left;
}

				.hatsoffForm .wpcf7 form.wpcf7-form input  {
    float: left;
     width: 50%;
     height: 35px;
     border: 1px solid #cccccc;
     background: #ffffff;
     padding: 0 10px;
     color: #666666;
     font-size: 1em;
}


				.hatsoffForm .wpcf7 form.wpcf7-form input.wpcf7-submit  {
    width: 157px;
     height: 43px;
     background: url(images/submit.png) no-repeat left top;
     border: none;
     text-indent: -9999px;
     font-size: 0;
     cursor: pointer;
}


				.hatsoffForm .wpcf7 form.wpcf7-form .vnum>input  {
    width: 10px;
}


				.hatsoffForm .wpcf7 form.wpcf7-form .pnum>input  {
    width: 20px;
}


				.hatsoffForm .wpcf7 form.wpcf7-form .tpnum>input  {
    width: 10px;
}


				.hatsoffForm .wpcf7 form.wpcf7-form #v2 .tpnum>input  {
    width: 20px !important;
}


				.hatsoffForm .wpcf7 form.wpcf7-form #p1 .tpnum>input  {
    width: 20px !important;
}


				.hatsoffForm .wpcf7 form.wpcf7-form #b2 .tpnum>input  {
    width: 20px !important;
}


				/*Word count*/

					.hatsoffForm .wpcf7 form.wpcf7-form input#wcount_creative  {
    width: 30px;
     margin: 5px 5px 0 0;
}


					.hatsoffForm .wpcf7 form.wpcf7-form span.words  {
    display: inline-block;
     padding: 10px 0 0 0;
}


				/*****/

				.hatsoffForm .wpcf7 form.wpcf7-form textarea  {
    border: 1px solid #cccccc;
     width: 100%;
     height: 250px;
     color: #666666;
     font-family: Verdana,  Geneva,  sans-serif;
     font-size: 1em;
     padding: 10px;
}


				.hatsoffForm .wpcf7 form.wpcf7-form select  {
    font-size: 0.93em;
     color: #777777;
}


				/*checkbox*/

				span.wpcf7-form-control-wrap  {
    display: block;
     margin: 5px 0 0 0 !important;
}


					.hatsoffForm .wpcf7 form.wpcf7-form span.wpcf7-list-item  {
    margin: 0 15px 0 0 !important;
     display: inline !important;
}


					.hatsoffForm .wpcf7 form.wpcf7-form .your-plan span.wpcf7-list-item  {
    display: block !important;
     margin: 10px 15px 0 0 !important;
}


					.hatsoffForm .wpcf7 form.wpcf7-form .g-opt span.wpcf7-list-item  {
    display: block !important;
     margin: 10px 15px 0 0 !important;
}


						.hatsoffForm .wpcf7 form.wpcf7-form input[type="checkbox"],  .hatsoffForm .wpcf7 form.wpcf7-form input[type="radio"]  {
    float: none !important;
     border: none !important;
     width: auto !important;
     height: auto !important;
     padding: 0 15px 0 0 !important;
     margin: 0 !important;
}


						.hatsoffForm .wpcf7 form.wpcf7-form span.wpcf7-list-item-label  {
}


				/*****/

						.hatsoffForm .wpcf7 form.wpcf7-form span.littleNotes  {
    display: block;
     margin: 10px 0 0 0;
     font-size: 0.875em;
}


			.hatsoffForm .wpcf7 form.wpcf7-form>p:after  {
    content: ".";
     clear: both;
     display: block;
     height: 0;
     visibility: hidden;
}


			/*Contact Form 7*/

			.hatsoffForm .wpcf7 form.wpcf7-form img.ajax-loader  {
    margin: -64px 0 0 599px;
}


			.hatsoffForm .wpcf7 form.wpcf7-form .wpcf7-validation-errors  {
     margin: 0 20px 0 0!important;
     padding: 0 !important;
     text-align: right !important;
}


			.hatsoffForm .wpcf7 form.wpcf7-form span.wpcf7-not-valid-tip  {
    border: none;
     background: none !important;
     color: #FF0000;
     top: 5px;
     margin: 0 0 0 300px !important;
}


				.display-cat>span.wpcf7-not-valid-tip  {
    left: 350px !important;
     top: 0 !important;
}


				.display-area>span.wpcf7-not-valid-tip  {
    top: 0 !important;
     left: 350px;
}


				.details>span.wpcf7-not-valid-tip  {
    top: -28px !important;
     left: 350px;
}


				.agreement>span.wpcf7-not-valid-tip  {
    top: 25px !important;
     left: 350px;
}


				.entry-cat>span.wpcf7-not-valid-tip  {
    left: 410px !important;
     top: 0 !important;
}


				.entry-content>span.wpcf7-not-valid-tip  {
    left: 370px !important;
     top: 0 !important;
}


				.sound>span.wpcf7-not-valid-tip  {
    top: 0 !important;
}


				.creative>span.wpcf7-not-valid-tip  {
    top: -28px !important;
     left: 410px !important;
}


				.desc>span.wpcf7-not-valid-tip  {
    top: -28px !important;
}


			.hatsoffForm .wpcf7 form.wpcf7-form .wpcf7-mail-sent-ok  {
    margin: 0 20px 0 0!important;
     padding: 0 !important;
     border: none;
     text-align: right !important;
}


			/*upload images*/

			.wpcf7-form-control-wrap  {
    position:  relative;
}


				.your-file,  .your-file2,  .your-file3,  .your-file4,  .your-file5  {
    height: 37px;
}


				.wpcf7-form-control-wrap.your-file  {
    display: block !important;
     margin: 10px 0 0 0 !important;
}


			.wpcf7-form-control-wrap input.wpcf7-file  {
    position: relative;
     text-align: right;
     width: 262px !important;
     overflow: hidden !important;
    opacity: 0;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     filter:  alpha(opacity=0);
     z-index: 2;
}


			.wpcf7-form-control-wrap .fakefile  {
    position: absolute;
     top: 0px;
     left: 0px;
     z-index: 1;
}


				.wpcf7-form-control-wrap .fakefile input  {
}


				.wpcf7-form-control-wrap .fakefile img  {
    margin: 0 0 0 5px;
}


/*Not Found 404 */

.notFound  {
    width: 475px;
     height: 329px;
     /*position: absolute;
     top: 50%;
     left: 50%;
     margin: -184px 0 0 -237px;
    */ margin: 40px auto;
     padding-bottom: 40px;
     position: relative;
     background: url(images/notfound.png) no-repeat left top;
     text-indent: -9999px;
     z-index: 100;
}


#wpstats  {
    display: none !important;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*Media Queries*/

@media(max-width: 530px){
	.hatsoffForm .note{
		right: auto; 
		top: 20px;
	}	
}
@media(max-width: 400px){
	#footer{
	 height: 25%;	
	}
}
@media(max-width: 850px){
    #content .inner .main #contactForm{
        background-image: none; 
        background: rgba(243, 243, 243, 0.8);
        border: 2px solid #dddddd;
        padding: 5% 5%;
    }
}

@media(max-width: 800px){
	.hatsoffForm .wpcf7 form.wpcf7-form input{
		width: 35%	
	}
}

@media(max-width: 650px){
	.hatsoffForm .wpcf7 form.wpcf7-form input{
		width: 100%	
	}

	.hatsoffForm .wpcf7 form.wpcf7-form label{
		width: 100%	
	}
	
}

/*slideshow*/

@media(max-width: 1420px){
    .frs-wrapper .frs-caption .frs-caption-content{
        min-width: 40% !important;
    }

    #header-slideshowpjc-slideshow .frs-caption p, #header-slideshowpjc-slideshow .frs-caption-inner p{
    font-size: 1.2em !important;
    }
}


@media(max-width: 1063px){
       .frs-wrapper .frs-caption .frs-caption-content{
        min-width: 50% !important;
    }
}

@media(max-width: 929px){

    #header-slideshowpjc-slideshow .frs-caption p, #header-slideshowpjc-slideshow .frs-caption-inner p{
    font-size: 1.2em !important;
    }
}

@media(max-width: 880px){
    .frs-wrapper .frs-caption .frs-caption-content{
        min-width: 70% !important;
    }

        .frs-wrapper .frs-caption.frs-caption-position-left .frs-caption-content{
        margin-left: 0%;
    }
}

@media(max-width: 769px){
    

    #header-slideshowpjc-slideshow .frs-caption p, #header-slideshowpjc-slideshow .frs-caption-inner p{
    font-size: 1.2em !important;
    }
}

@media(max-width: 669px){
    .frs-wrapper .frs-caption .frs-caption-content{
        min-width: 100% !important;
    }

    #header-slideshowpjc-slideshow .frs-caption p, #header-slideshowpjc-slideshow .frs-caption-inner p{
    font-size: 1em !important;
    }
} /* slideshow end*/

/*menu*/

@media (min-width: 1470px) and (max-width: 1596px){
    #inside #header #nav ul li ul.sub-menu{
        top: 90px;
    }
} 

@media (max-width: 1200px){
    #inside #header #nav ul li ul.sub-menu{
        top: 90px !important;
    }
}

@media(max-width: 700px){
    #header #nav{
         height: 55px !important;
        /*margin-top: 25px;*/
    }

    #header #nav .inner #searchBtn{
        display: none;
    }

    #inside #header #nav{
        margin: 25px 0 0 0 !important; 
    }
} /*menu end*/


/*homepage*/

@media (max-width: 1020px){
    #musthead .inner{
        max-width: 800px;
        width: 100%;
    }

    #musthead .inner .desc{
        max-width: 400px;
    }

    #resentevents .inner .article{
        width: 45%;
    }

     #resentevents .inner .article:nth-child(2){
        margin: 0;
        float: right;
    }

     #resentevents .inner .article:last-child{
        margin-top: 2em;
        clear: both;
    }

    #resentevents .inner{
        max-width: 800px;
    }

    #header #nav .inner h1 a{
        left: 8%;
    }

    #slideshow .slides .slide .headerHolder{
        max-width: 800px; 
    }

/*     #inside #header #nav .inner h1 a{
        left: 8%;
     }*/

    #header #nav ul{
        padding: 0.25em 0em 0.25em 15em;
    }

/*    #inside #header #nav ul{
        padding: 0.25em 0em 0.25em 15em;
    }*/

}

@media (max-width: 970px){
    #header #nav .inner h1 a{
        left: 8%;
    }

/*    #inside #header #nav .inner h1 a{
        left:8%;
    }*/
}

@media (max-width: 921px){
    #header #nav .inner h1 a{
        left: 5%;
    }

/*     #inside #header #nav .inner h1 a{
        left: 5%;
     }*/

     #header #nav ul{
        padding: 0.25em 0em 0.25em 12em;
    }

/*      #inside #header #nav ul{
        padding: 0.25em 0em 0.25em 12em;
    }*/
}

@media (max-width: 860px){
    #musthead .inner .desc{
        margin: 0 20px;
    }

    #resentevents .inner {
        margin: 0 20px;
    }

     #header #nav .inner h1 a{
        left: 3%;
    }

/*     #inside #header #nav .inner h1 a{
        left: 3%;
     }*/
}

@media (max-width: 806px){
    #musthead .inner .desc{
        max-width: 800px;
    }

    #musthead .inner #twitter{
        float: left;
        margin: 0 25%;
    }

}

@media(max-width: 700px){
    #musthead .inner #twitter{
        margin: 0 20%;
    }
}

@media (max-width: 600px){
     #resentevents .inner .article{
        width: 100%;
        /*margin: 0 auto;*/
    }

     #resentevents .inner .article:nth-child(2){
        margin-top: 2em;
        clear: both;
    }

}

@media(max-width: 525px){
    #musthead .inner #twitter{
        margin: 0 10%; 
    }
}

@media(max-width: 430px){
    #musthead .inner #twitter{
        width: 95%;
        margin: 0 10px;
    }

    #musthead .inner #twitter ul li{
        font-size: 0.8em;
        width: 190px;
        height: 90px;
    }

    #musthead .inner #twitter ul li:last-child{
        width: 190px;
        height: 90px;
    }
} /*homepage end*/

/*about page*/

@media(max-width: 1469px){
    #content .inner{
        max-width: 80%;
    }

    #inside #header #nav .inner{
        max-width: 80%; 
    }

     #content.news-articles .inner{
        max-width: 80%;
    }

    #content .sparkle .inner{
        max-width: 80%;
    }

    #content.news-articles .inner h2{
        max-width: 80%;
    }

    #content .inner .dropdowns{
        right: 10%;
    }

    #bottom.merchants .inner{
        max-width: 80%
    }
}


@media (max-width: 1000px){
   #content .inner{
        max-width: 90%; 
    }  

    #inside #header #nav .inner{
        max-width: 90%;
    }


    #content.news-articles .inner{
        max-width: 90%;
    }

    #content .sparkle .inner{
        max-width: 90%;
    }

    #content.news-articles .inner h2{
        max-width: 90%;
    }


     #content .inner .dropdowns{
        right: 5%;
    }


    #bottom.merchants .inner{
        max-width: 90%;
    }


    #bottom.about .inner{
        max-width: 90%;
        margin: 0 5%;
    }

    #bottom .inner .menu{
        width: 30%;
        margin: 0 1.665%;
    }

    #bottom.about .inner .menu:last-child{
        margin-top: 1em;
        /*clear: right;*/
    }
}

@media (max-width: 900px){
   #content .inner{
        margin: 0 5%; 
    }  

    #content .inner .main p{
        font-size: 0.9em;
    }

    #content .inner .main ul>li{
        font-size: 0.9em;
    }

    #content .inner .main .moreAbout h3{
        font-size: 1em;
    }

    #content.news-articles .inner .main .post .inner p{
        font-size: 0.9em;
    }
}

@media (max-width: 713px){
   #content .inner .main .left{
        max-width: 100%;
        padding: 0;
        margin: 0 3em;
   }

   #content .inner .main .right{
        width: 100%;
        padding: 0;
        margin-top: 1em; 
   }

    #content.news-articles .inner .main .post .inner .inframe{
         margin: 0 20px;
    }

    #content.news-articles .inner .main .post .inner .metadata{
        margin-left: 20px;
        margin-right: 20px;
    }

    #content.news-articles .inner .main .post .inner > h3{
        margin-left: 20px;
        margin-right: 20px;
    }
}

@media (max-width: 676px){
   #bottom .inner .menu{
        width: 47.5%;
        margin: 0 1.25%;
   }

   #bottom.about .inner .menu:nth-child(3){
       margin-top: 1rem;
       clear: both;
    }
}

@media (max-width: 507px){
   #content .inner .main .left{
        max-width: 100%;
        padding: 0;
        margin: 0;
   }

    #bottom .inner .menu:last-child{
       float: left;
    }   
}

@media (max-width: 400px){
      #bottom .inner .menu{
        width: 100%;
        margin: 1em 1.25%;
   }
} /*about page end*/

/*about page - history*/

@media(max-width: 750px){
    img.alignright{
        float: none;
        width: 100%;
        height: auto;
        margin-left: 0 !important;
    }

    img.alignleft{
        float: none;
         width: 100%;
        height: auto;
    }
} /*about page - history end*/

/*merchants*/

@media(max-width: 1000px){
    #bottom.merchants .inner{
        margin: 0 auto;
    }

    .merchants .inner .menu:last-child{
        margin-top: 0;
    }
}

@media(max-width: 750px){
    #bottom.merchants .inner .menu{
        width: 100%;
        margin: 0;
    }

    #bottom.merchants .inner .menu:last-child{
        margin-top: 1.5em;
        margin-left: 0em;
    }
} /*merchants end*/

/*merchants-directory*/

@media(max-width: 1533px){
    #mer .pager .back, #mer .pager .next{
        margin-top: 1em !important;
        margin-left: 0;
    }
}

@media(max-width: 1244px){
    #mer .pager .back, #mer .pager .next{
        margin-left: 10px;
    }
}

@media(max-width: 935px){
    table, thead, tbody, th, td, tr { 
        display: block;
    }

    tr th { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    #mer table#dir tr td { 
        border: none;
        height: auto;
        position: relative;
        padding-left: 50%; 
        line-height: 1.5em;
    }

     #mer table#dir tr td:nth-child(5) { 
        border-bottom: 1px solid #eee; 
        text-align: left !important;
    }

    td:before { 
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%; 
        padding-right: 10px; 
        white-space: nowrap;
    }

    td:nth-of-type(1):before { 
        content: "Store Name";
        color: #4b63ad; 
        font-family: 'GothamRoundedMedium', sans-serif;
    }
    td:nth-of-type(2):before { 
        content: "Address"; 
        color: #4b63ad;
        font-family: 'GothamRoundedMedium', sans-serif;
    }
    td:nth-of-type(3):before { 
        margin-right: 1em;
        content: "Phone Number"; 
        color: #4b63ad;
        font-family: 'GothamRoundedMedium', sans-serif;
    }
    td:nth-of-type(4):before { 
        content: "Website"; 
        color: #4b63ad;
        font-family: 'GothamRoundedMedium', sans-serif;
    }

}

@media(max-width: 530px){
    #mer .dropdowns #merSearch{
        margin: 1em 0; 
    }

    #mer .tableCon{
        padding-top: 6.25em;
    }
} /*merchants-directory end*/

/*merchant directory-merchant info page*/

@media(max-width: 1022px){
    #content.news-detail .inner{
        margin: 0 20px;
    }
}

@media(max-width: 540px){
    #content.news-detail .inner .main .post .inner .inframe p{
        font-size: 0.9em;
    }

    #content.news-detail .inner .main .post .inner .inframe{
        margin: 0 20px;
    }

    #content.news-detail .inner .main .post .inner h2{
        margin: 0 20px !important;
        font-size: 1.8em;
    }

    #content.news-detail .inner .main .post .inner .metadata{
        margin: 0 20px !important;
    }

    #content.news-detail .inner .main .post .inner .inframe p a{
        word-break: break-all;
    }

    #content.news-detail .blogSlider{
        margin: 1em 20px;
    }
} /*merchant directory-merchant info page end*/

/*merchant directory - meet our merchants*/
@media(max-width: 1469px){
    #bottom.shadow-bg .inner{
        max-width: 80%; 
    }
}

@media(max-width: 1000px){
    #bottom.shadow-bg .inner{
        max-width: 90%; 
    }
}

@media(max-width: 750px){
    #bottom .inner .article.merchant-article{
        width: 47.5%;
        margin: 0 2.5% 0 0;
    }
}

@media(max-width: 500px){
    #bottom .inner .article.merchant-article{
        width: 95%;
        margin: 0 2.5%;
    }

    .btmtitle h2{
        font-size: 0.9em;
    }
} /*merchant directory - meet our merchants end*/

/*events*/
@media(max-width: 1300px){
   .pager .inner{
            margin-left: 47%;
        }
}

@media(max-width: 1469px){
    #bottom .inner{
        max-width: 80%;
    }
}

@media(max-width: 1000px){
    #bottom .inner{
        max-width: 90%;
    }
}

@media(max-width: 700px){
    #bottom .inner .article:nth-child(odd){
        width: 47.5%;
        margin: 0 2.5% 0 0;
    }

     #bottom .inner .article:nth-of-type(even){
        width: 47.5%;
        margin: 0 0 0 2.5%;
    }
}

@media(max-width: 660px){
    #content .inner .dropdowns{
        position: absolute;
        left: 5%;
        top: 2%;
    }

    #content .inner #mer .dropdowns{
        top: 0;
        /*background-color: black;*/
    }

    #content.news-articles .inner h2{
        margin-bottom: 2em;
    }

    .size-half{
         width: 100%
    }
}

@media(max-width: 500px){
    #bottom .inner .article:nth-child(odd){
        width: 97.5%;
        margin: 1.25% 1.25%;
    }

    #bottom .inner .article:nth-child(even){
        width: 97.5%;
        margin: 1.25% 1.25%;
    }
}

@media(max-width: 400px){
    #content.news-articles .inner .main .post .inner > h3 a{
        font-size: 1.2em;
    }
}

@media(max-width: 311px){
  #content .inner .dropdowns{
        top: 3%;
  }

  @media(max-width: 400px){
    #content.news-articles .inner .main .post .inner > h3 a{
        font-size: 1em;
    }
} /*events end*/

/*Contact Us*/

  /*  div.wpcf7{
        margin: 5% 5% !important;
    }*/

    #content .inner .main #contactForm form.wpcf7-form input{
        width: 93%;
    }
}

@media(max-width: 660px){
    #content .inner .main #contact .shout{
        width: 40%;
        margin-right: 5%;
    }

     #content .inner .main #contact .office{
        width: 45%;
        margin-right: 0;
        /*float: right;*/
    }

     #content .inner .main #contact .message{
        width: 50%;
    }
}

@media(max-width: 590px){
    #content .inner .main #contactForm form.wpcf7-form input{
        width: 85%;
    }

    #content .inner .main #contactForm form.wpcf7-form textarea{
        width: 85%;
    }
}

@media(max-width: 500px){
    #content .inner .main #contact .shout{
        width: 100%;
        margin: 0;
    }

     #content .inner .main #contact .office{
        width: 100%;
    }

     #content .inner .main #contact .message{
        width: 100%;
    }
}

@media(max-width: 330px){
    #content .inner .main #contactForm form.wpcf7-form input{
        width: 80%;
    }

    #content .inner .main #contactForm form.wpcf7-form textarea{
        width: 80%;
    }
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
} /*contact us end*/