/***************************************************************
RESET BROWSER VALUES SO EVERYONE IS THE SAME
***************************************************************/
@import url(reset.css);

/***************************************************************
TAG STYLES
***************************************************************/
body { font-family: Helvetica; font-size: 11px; }
h1 { font-size: 3em; text-transform: lowercase; }
h2 { font-size: 2.2em; margin-bottom: 15px; font-weight: normal; }
h3 { font-size: 1.6em; margin-bottom: 5px; font-weight: normal; color: #4D4D4D;}
h4 { font-size: 1.2em; margin-bottom: 5px; }
p { margin-bottom: 20px; }
p, dl { font-size: 1.2em; line-height: 1.3em; }
cite { display: block; font-size: 1.2em; color: #e95c18; margin-top: 10px; margin-left: 20px; text-indent: -16px; } 
input { padding: 2px; }

/***************************************************************
GENERIC CLASSES 
***************************************************************/
.clear { clear: both; height: 0; line-height: 0; font-size: 0; }
.ribbon { background-color: transparent; background-repeat: no-repeat; width: 338px; height: 47px;  margin-left: -16px; overflow: hidden; text-indent: -500px; }
.fillin { color: #999; }
ul.bullets { margin-bottom: 20px; }
ul.bullets li { list-style: disc; margin-left: 20px; }
.loader { display: none; height: 16px; width: 16px; background: transparent url(../images/spinner_sm.gif) no-repeat; }

/***************************************************************
MAIN BLOCKS
***************************************************************/
div#container { /*width: 1265px;*/ width: 1225px; }
.mainlayout div#container { /*width: 1265px;*/ width: 1060px; }
div#content  { width: 1225px; min-height: 720px; position: relative; padding: 0px; margin: 0px auto 0px auto; }
.mainlayout div#content { /*width: 1265px;*/ width: 1060px; }
body.mainlayout { background: url(../images/sidebar_bg.jpg) repeat-y; }

/***************************************************************
SIDEBAR
***************************************************************/
div#sidebar { width: 235px; float: left; min-height: 720px; background-color: #f6f6f6; padding: 0px; margin: 0px; }
div#sidebar_inner { width: 235px; min-height: 705px; padding: 0px 0px 0px 0px; margin: 0px; }
div#logo { margin: 15px 0px 20px 0px; text-align: center; }
div#follow { width: 180px; margin: 135px auto 0px auto; position: relative; top: 3px; }
div#follow div#follow_us { width: 70px; float: left; margin: 4px 0px 0px 0px; }
div#follow div#follow_us a { text-decoration: none; }
div#follow div#follow_us a img { text-decoration: none; }
div#signup { width: 180px; margin: 20px auto 0px auto; }
div#signup div#become_a_member { margin: 0px 0px 2px 0px; }

/***************************************************************
SIDEBAR MENU
***************************************************************/

ul.tier1 { padding: 0px; margin: 0px; width: 207px; list-style: none; }
ul.tier1 li { padding: 0px 0px 0px 28px; margin: 0px; width: 100%; line-height: 24px; }
ul.tier1 li.selected { background-color: #FFFFFF; font-weight: bold; }
ul.tier1 li  a { display: block; color: #000000; text-decoration: none; }
ul.tier1 li.selected a { background-color: #FFFFFF; }
ul.tier1 li  a:link { color: #000000; }
ul.tier1 li  a:visited { color: #000000; }
ul.tier1 li  a:hover { color: #000000; font-weight: bold; }
ul.tier1 li div.border_wrap { width: 180px; border-bottom: 1px dotted #abadaf; }

ul.tier2 { padding: 0px; margin: 0px; width: 100%; list-style: none; display: none; }
ul.tier2 li { padding: 0px 0px 0px 18px; margin: 0px; width: 162px; line-height: 18px; font-weight: normal; }
ul.tier2 li:hover { background-image: url('../images/subnav.jpg'); background-repeat: no-repeat; background-position: center left; }
ul.tier2 li.selected { background-image: url('../images/subnav.jpg'); background-repeat: no-repeat; background-position: center left;  }
ul.tier2 li  a { display: block; color: #4d4d4d; text-decoration: none; }
ul.tier2 li.selected a { font-weight: bold; }
ul.tier2 li  a:link { color: #4d4d4d; }
ul.tier2 li  a:visited { color: #4d4d4d; }
ul.tier2 li  a:hover { color: #000000; font-weight: bold; }
ul.tier2 li.selected  a {color: #000000; }
ul.tier2 li.border-top { border-top: 1px solid #4d4d4d; }
ul.tier2 li.border-bottom { border-bottom: 1px solid #4d4d4d; }

/***************************************************************
MAIN
***************************************************************/
div#main { width: 990px; float: left; padding: 0px; margin: 0px; position: relative; font-size: 12px; }
.mainlayout div#main { width: 820px; float: left; padding: 0px; margin: 0px; position: relative; font-size: 12px; }
div#main_content { margin: 65px 0px 0px 0px; padding: 0px 20px 0px 20px; }
div#main_content div#pageleft { width: 480px; float: left; padding: 0px 5% 0px 0px; color: #4d4d4d; }
div#main_content div#pageright { width: 255px; float: left;  }
div#main_content div.pageright_noimg { margin-top: 58px; }
div#main_content h1 { margin: 0px 0px 20px 0px; font-size: 40px; padding: 0px; font-family: Helvetica; font-weight: normal; }
div#main_content h2 { font-size: 16px; font-weight: normal; color: #000000; padding: 0px 0px 10px 0px; margin: 20px 0px 3px 0px; }
div#main_content h3 { font-size: 12px; font-weight: bold; color: #4D4D4D; padding: 0px; margin: 0px 0px 3px 0px; }
div#main_content ol li { margin-bottom: 15px; margin-left: 20px; }
div#main_content ol { list-style: decimal outside; }
div#main_content ol li ul { margin-bottom: 15px; }
div#main_content ol li li { margin-bottom: 5px; }
div#main_content p, div#main_content li { color: #4d4d4d; margin-top: 3px; line-height: 20px; font-size: 12px; }
div#main_content p.intro { font-size: 16px; line-height: 20px; color: #000000; }
div#main_content p.bold { font-size: 12px; font-weight: bold; color: #2F2F2F;  } 
div#main_content a { color: #000000; text-decoration: none; font-weight: bold; }
div#main_content strong { color: #4d4d4d; font-size: 12px; }
div#main_content a:link { color: #000000; }
div#main_content a:visited { color: #000000; }
div#main_content a:hover { color: #000000; text-decoration: underline; }
div#newsblock { border-top: 1px dotted #848485; border-bottom: 1px dotted #848485; padding: 5px 0px 5px 0px; }
div#subfooter { margin: 75px 0px 20px 0px; text-align: left; width: 760px; font-size: 10px; color: #4d4d4d; }
div#main_content a.partner_link { color: #80cc28; font-style: italic; }
div#main_content a.partner_link:link { color: #80cc28; }
div#main_content a.partner_link:visited { color: #80cc28; }
div#main_content a.partner_link:hover { color: #80cc28; text-decoration: underline;  }

/***************************************************************
NEWS TABLE
***************************************************************/
div#main_content table.news_table tr td { padding: 5px 0px 5px 0px; line-height: 14px;}
/*div#main_content table.news_table tr td strong { color: #0f80cc; display: block; }*/
div#main_content table.news_table tr td  a { color: #0f80cc; text-decoration: none; }
div#main_content table.news_table tr td  a:hover { color: #0f80cc; text-decoration: underline; } 
div#main_content table.news_table tr td  a.black{ color: #000000; text-decoration: none; }
div#main_content table.news_table tr td  a.black:link { color: #000000; } 
div#main_content table.news_table tr td  a.black:hover { color: #000000; } 
div#main_content table.news_table tr td  a.black:visited { color: #000000; text-decoration: underline; }  

/***************************************************************
SPLASH
***************************************************************/
div#splash { position: relative; }
div#splash div#splash_content { width: 260px; position: absolute; top: 65px; left: 480px; z-index: 1000; }
div#box { width: 257px; height: 120px; position: relative; }

div#box img.splash_button { display: none; }
div#box img.splash_button_show { display: block; }

div#box div.splash_link { width: 125px; height: 55px; position: absolute; cursor: pointer; }

div#box div#splash_link1 { top: 2px; left: 0px; }
div#box div#splash_link2 { top: 2px; left: 132px; }
div#box div#splash_link3 { top: 64px; left: 0px; }
div#box div#splash_link4 { top: 64px; left: 132px; }

div.splash_background { display: none; position: absolute; z-index: 0; }

div.catch { color: #FFFFFF; font-size: 42px; padding: 20px 0px 20px 0px; margin: 0px; width: 400px; line-height: 44px; }
div.catch_phrase { display: none; position: absolute; z-index: 1000; padding: 0px; margin: 0px; }
div.catch_phrase_block { display: block; position: absolute; z-index: 1000; }

div.brief { color: #FFFFFF; line-height: 20px; font-size: 14px; }
div.brief a { color: #FFFFFF; text-decoration: none; font-size: 12px; font-weight: bold; }
div.brief a.link { color: #FFFFFF; }
div.brief a.visited { color: #FFFFFF; }
div.brief a.hover { color: #FFFFFF; text-decoration: underline; }
div.brief_phrase { display: none; position: absolute; z-index: 1000; }
div.brief_phrase_show { display: block; position: absolute; z-index: 1000; }

/***************************************************************
INTRO BAR - SPLASH
***************************************************************/
div#introbar { background: transparent url(../images/introbar_bg.png) repeat-x; width: 100%; height: 36px; position: absolute; top: 525px; left: 0px; z-index: 20000; 
/*	filter: alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;*/
 }
div#introbar ul { width: 100%; list-style: none; position: relative; }
div#introbar ul li { float: left; height: 36px; padding: 0px 30px 0px 30px; line-height: 36px; text-align: center; position: relative; }
div#introbar ul li.spacer { width: 2px; float: left; color: #FFFFFF; padding: 0px; }
div#introbar ul li:hover { background: transparent url(../images/introbar_btn.png) repeat-x -36px 0;background-position: -36px 0; /*background-color: #0F0909;*/ }
div#introbar ul li a { color: #FFFFFF; text-decoration: none; display: block; }
div#introbar ul li a:link { color: #FFFFFF; }
div#introbar ul li a:visited { color: #FFFFFF; }
div#introbar ul li a:hover { color: #FFFFFF; text-decoration: underline; }

div.intropop { width: 315px;  position: absolute; top: -270px; left: 0px; display: none; }
div.intropop div.poptop { width: 100%; height: 15px; }
div.intropop div.poptop div.popleft { width: 15px; height: 15px; float: left; background-image: url(../images/intropop_left.png); background-repeat: no-repeat; }
div.intropop div.poptop div.popcenter { height: 15px; width: 285px; float: left; background: transparent url(../images/introbar_bg.png); }
div.intropop div.poptop div.popright { width: 15px; height: 15px; float: right; background-image: url(../images/intropop_right.png); background-repeat: no-repeat; }
div.intropop div.pop_content { overflow: auto; background: transparent url(../images/introbar_bg.png); width: 100%; height: 255px; }
div.intropop div.pop_content div.poptitle { text-align: left; color: #ffdd00; padding: 0px 0px 0px 20px; line-height: 15px; }
div.intropop div.pop_content div.poptitle span.closepop { float: right; cursor: pointer; padding: 0px 20px 0px 0px; }

div#blingmap_loading { color: #fff; text-align: center; }
iframe#blingmapiframe { z-index: 2; position: absolute; left: 20px; top: 40px; height: 300px; width: 560px; border: 0; margin: auto;}

div#intro_footer { width: 700px; position: absolute; top: 575px; left: 30px; z-index: 20000; color: #FFFFFF; font-size: 10px; }
div#intro_footer  a { text-decoration: none; }

div#intro_news { text-align: left; padding:20px; line-height:15px; }
div#intro_news h3 { color:#fff; font-size:12px; font-weight:bold; margin-bottom: 3px; }
div#intro_news ul li { text-align: left; margin: 0 0 7px 0; line-height: 14px; float: none; height: auto; padding: 0; color: #fff; }
div#intro_news ul li a { display: inline; }


/***************************************************************
BLOG
***************************************************************/
div.wp_blog { position: relative; background-image: url(../images/blog_header.jpg); background-repeat: no-repeat; background-position: left top; }
div.wp_blog div#banner_bar { position: absolute; top: 0px; left: 0px; width: 980px; height: 85px; cursor: pointer; }
div.wp_blog div#main_content { padding-top: 35px; }
div.wp_blog div#blog_sidebar { border: 10px solid #00B6DE; margin-top: 30px; }
div#blog_sidebar h2 { width: 85%; margin: 10px auto 5px auto; }
div#blog_sidebar ul.blog_border_bottom { border-bottom: 10px solid #00B6DE; }
div#blog_sidebar ul.sidebar_section li ul { width: 85%; margin: 0px auto 10px auto; }
div#blog_sidebar input#s { display: block; width: 130px; float: left; margin-top: -5px; border: 1px solid #6d6f71; }
div#blog_sidebar input#i { margin: -6px 0px 0px 5px; }

div#blog_content div.post { margin: 0px 0px 35px; border-bottom: 1px solid #939598; }
div#blog_content h2 { padding: 0px; margin: 0px 0px 10px 0px; }
div#blog_content h2 a { font-weight: bold; color: #000000; text-decoration: none; }
div#blog_content div.entry { margin: 7px 0px 5px 0px; padding: 5px 0px 5px 0px; border-top: 1px solid #939598; border-bottom: 1px solid #939598; }
div#blog_content div.entry p { color: #3F3F3F; }
div#blog_content div.meta img { float: left; padding-right: 8px; }
div#blog_content div.meta a { display: block; width: 100px; float: left; font-weight: bold; margin-top: 5px; }
div#blog_content div.related { margin: 7px 0px 5px 0px; padding: 5px 0px 5px 0px; border-top: 1px solid #939598; border-bottom: 1px solid #939598; }
div#blog_content div.related ul { margin: 3px 0px 3px 15px; }
div#blog_content div.related ul li { background-image: url(../images/list_arrow.jpg); background-repeat: no-repeat; background-position: left center; }
div#blog_content div.related ul li a { padding: 0px 0px 3px 15px; color: #3F3F3F; }
div#blog_content div.tags a { padding: 5px 0px 3px 3px; color: #3F3F3F; }

div#subscribe { color: #3F3F3F; margin: 20px 0px 0px 0px; }
div#subscribe div { margin: 0px 0px 4px 0px; }

/***************************************************************
EXECUTIVE PAGE/SIDEBAR
***************************************************************/
div#executive_team { padding: 0px 0px 7px 0px; border-bottom: 1px solid #4d4d4d; }

div#executive_team h2 { color: #8CC540; margin: 0px 0px 10px 0px; }
div#executive_team h2 span#exec_name {}
div#executive_team h2 span#exec_position { display: block; font-size: 11px; padding: 7px 0px 0px 0px; }

table#executive_team_table { width: 100%; margin: 0px 0px 15px 0px; }
table#executive_team_table tr td { cursor: pointer; height: 95px; background-color: #DFDFDF; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }
table#executive_team_table tr td.hover { cursor: pointer; filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity: 1.0; opacity: 1.0; }
table#executive_team_table tr td.hover2 { cursor: pointer; filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity: 1.0; opacity: 1.0; }

table#executive_team_table tr td img.color_image { display: block; }

#exec_email { cursor: pointer; }

div.execteamshow { display: block; }
div.execteamhide { display: none; }


/***************************************************************
CAREERS STYLES
***************************************************************/
div#careers ul { margin-bottom: 20px; }
div#careers a:link, div#career_position a:link, div#careers a:visited, div#career_position a:visited  { color: #80cc28; font-weight: normal; }
div#career_position h2 { font-weight: bold; }
div#career_position ul { margin-bottom: 20px; }
div#career_position li { list-style: disc; margin: 0 0 3px 15px; line-height: 14px; }


/***************************************************************
ACTIVATION STYLES
***************************************************************/
div.blingtag_activation { height: 25px; line-height: 25px; margin-bottom: 30px; }
div.blingtag_activation img { position: relative; top: 8px; }
span.blingtag_action { color: #00b9e0; font-size: 14px; padding-left: 5px; cursor: pointer; }
div.blingtag_dropdown { display: none; }
div.blingtag_dropdown select { border: 1px solid #000000; width: 300px; }


/***************************************************************
GLOBAL CLASSES
***************************************************************/
div#main_content ul.newsletter_article h3 { margin: 0; }
div#main_content ul.newsletter_article h3 a { color: #0f80cc; }
div#main_content ul.newsletter_article li { margin-bottom: 15px;}
div#main_content ul.newsletter_article a.more { color: #73d031; display: block; }
div#main_content ul.newsletter_article p { margin: 0 0 0 0;line-height: 18px; }

/***************************************************************
GLOBAL CLASSES
***************************************************************/
ul#expand_list { padding: 0 1px 0 0; margin: 0px; }
ul#expand_list li { padding: 8px 0px 13px 0px; }
ul#expand_list li div.expand_title { color: #4D4D4D; font-weight: bold; font-size: 14px; cursor: pointer; }
ul#expand_list li div.expand_content { color: #4D4D4D; margin: 2px 0px 0px 0px; display: none; }
ul#expand_list li div.gray { color: #4D4D4D; background-image: url(../images/down_arrow.jpg); background-repeat: no-repeat; background-position: center right; }
ul#expand_list li div.black { color: #000000; background-image: url(../images/up_arrow.jpg); background-repeat: no-repeat; background-position: center right; }
ul#expand_list li.border_top { border-top: 1px dotted #4D4D4D; }
ul#expand_list li.border_bottom { border-bottom: 1px dotted #4D4D4D; }
ul.show { display: block; }
ul.listone { padding: 0px; margin: 0px; list-style-type: disc;  }
ul.listone li { color: #4d4d4d; padding: 3px 0px 3px 0px; margin: 0px 0px 0px 15px; }
ul.listtwo { padding: 0px; margin: 0px; border-bottom: 1px dotted #848485; }
ul.listtwo li { color: #4d4d4d; padding: 3px 0px 3px 0px; margin: 0px; }
ul.listthree { padding: 0px; margin: 0px; list-style-type: disc;  }
ul.listthree li { color: #4d4d4d; /*padding: 3px 0px 3px 0px;*/ margin: 0px 0px 0px 15px; color: #d9531e; }
ul.listfour { padding: 0px 0px 4px 0px; margin: 0px; list-style-type: none; border-bottom: 1px solid #4d4d4d; } 
ul.listfour li { color: #4d4d4d; padding: 2px 0px 2px 0px; margin: 0px; }
.purple { color: #b85ca9; }
.bright_purple { color: #9d138c; }
.blue_purple { color: #6e64b8; }
.orange { color: #d9531e; }
.light_orange { color: #f5970f; }
.new_orange { color: #d9531e; }
.puke_green { color: #b5dc17; }
.bright_green { color: #80cc28; }
.blue { color: #0085af !important; }
.bright_blue { color: #0f80cc; }
.green { color: #8cc63f; }
.black { color: #000000; }
.light_brown { color: #a95a0c; }
.bold { font-weight: bold; }
.show { display: block; }
.hide { display: none; }
.infoWindow { font-family: Arial, sans-serif; font-size: 10px; background: transparent url(../images/blingmap_overlay.png) no-repeat; ; width: 130px; height: 50px; padding: 15px 15px 15px 35px;  position: absolute; z-index: 99999; overflow: hidden; line-height: 11px;}
.infoAddress { color: #828283; }
.infoMerchant { color: #00b6de; }
.infoAmount { color: #8cc635; margin-top: 3px; }
.bling_search { border:1px solid #000000; }


/***************************************************************
GOOGLE MAP
***************************************************************/
.infoWindow { display: none; font-family: Arial, sans-serif; font-size: 10px; background: transparent url(../images/blingmap_overlay.png) no-repeat; ; width: 130px; height: 50px; padding: 15px 15px 15px 35px;  position: absolute; z-index: 99999; overflow: hidden; line-height: 11px;}
.infoAddress { color: #828283; }
.infoMerchant, .infoFI { color: #00b6de; }
.infoAmount { color: #8cc635; margin-top: 3px; }
.bling_search { border:1px solid #000000; }
iframe#gmap { border: 0; width: 100%; height: 400px; }
div#map_canvas { float: left; width: 400px; }
div#map_links { float: left; width: 160px; padding-left: 10px; line-height: 14px; height: 400px; overflow-x: hidden; overflow-y: visible;  }
div.map_link { margin-bottom: 10px; }
div.map_link span.map_link_active { cursor: pointer; } 
