﻿/*import fonts*/
@font-face {
    font-family: 'OpenSansRegular';
    src: url('fonts/OpenSans-Regular-webfont.eot');
    src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansLight';
    src: url('fonts/OpenSans-Light-webfont.eot');
    src: url('fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansBold';
    src: url('fonts/OpenSans-Bold-webfont.eot');
    src: url('fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Bold-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;
}



/* Reset
***************************************************************/

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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

/* Remember focus styles! */
:focus { outline: 0; }

ol, ul { list-style: none; }

/* Tables still need 'cellspacing="0"' in the markup */
table {  border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }

blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* HTML 5 elements as block */  
header, footer, aside, nav, article { display: block; }



/* Clearing Floats
***************************************************************/

.group:after 
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.zone:after, .widget-control:after /* .zone:after self clears every zone container - .widget-control:after self clears any floats used in a widget */
{
/*    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    */
}



/* General
***************************************************************/

/* Default font settings. 
The font-size 81.3% sets the base font to 13px 

Pixels     EMs         Percent Points
6px     0.462em     46.2%     5pt
7px     0.538em     53.8%     5pt
8px     0.615em     61.5%     6pt
9px     0.692em     69.2%     7pt
10px     0.769em     76.9%     8pt
11px     0.846em     84.6%     8pt
12px     0.923em     92.3%     9pt
13px     1em         100%     10pt
14px     1.077em     107.7%     11pt
15px     1.154em     115.4%     11pt
16px     1.231em     123.1%     12pt
17px     1.308em     130.8%     13pt
18px     1.385em     138.5%     14pt
19px     1.462em     146.2%     14pt
20px     1.538em     153.8%     15pt
21px     1.615em     161.5%     16pt
22px     1.692em     169.2%     17pt
23px     1.769em     176.9%     17pt
24px     1.846em     184.6%     18pt
*/

html {overflow-y:scroll;}

body  {
  line-height: 0; 
  font-size: 81.3%; 
  background: #fff;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  
}

/* Headings */
h1,h2,h3,h4,h5,h6 { font-weight: normal; margin:.6em 0;}

h1 { font-size: /*3.076em*/ 50px; font-family: 'OpenSansLight', 'Open Sans', sans-serif;}
h2 { font-size: 2em; font-family: 'OpenSansLight', 'Open Sans', sans-serif;}
h3 { font-size: 1.538em;font-family: 'OpenSansLight', 'Open Sans', sans-serif; }
h4 { font-size: 1.231em; }
h5 { font-size: 1em; }
h6 { font-size: 1em; }




h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}

/* Aside Headings */
aside h1 { font-size: 1.154em; }
aside h2 { font-size: 1.077em; }
aside h3 { font-size: 1em; }
aside h4 { font-size: 1em; }
aside h5 { font-size: 1em; }
aside h6 { font-size: 1em; }

/* Lists */
li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 1.5em; line-height: 1.538em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

/* Text elements */
p           { margin: 0 0 1em; line-height: 1.538em; font-size:1.077em; }
p img.left  { float: left; margin: 0.923em 0.923em 0.923em 0; padding: 0; }
p img.right { float: right; margin: 0.923em 0 0.923em 0.923em; }

a:focus, 
a:hover     { text-decoration: underline; }
a           { color: #5f97af; text-decoration: none; }

blockquote  { margin: 0.923em; color: #666; font-style: italic;background: url('images/blockquote_bg.png') 0 0 no-repeat;padding-left: 80px;}
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 0.923em; font-style: italic; }
del         { color:#666; }

pre         { margin: 0.923em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.462em; }

legend {font-family: 'OpenSansLight', 'Open Sans', sans-serif;font-size:2em;}

#top-slider {height:460px;background:#dddddd !important;}



/*Navigation - Menu*/













/*Login & Sign up*/

#login-box a.close { background:url(images/close-button.png) 50% 50% no-repeat !important;width:16px;height:16px;padding:0;opacity:1;}
#login-box input { display:block;margin:0 auto;}

.login-popup { background: none repeat scroll 0 0 #FFFFFF; width: 280px; }

#theloginpage { background:none;padding:20px 0 0 0;}
    #theloginpage .content { box-shadow:5px 5px 0 #999999; border: 1px solid #999999;}
    #theloginpage h3 { text-align:center;}

#remembrance { margin:0 !important;}

#uniform-undefined { float: left;padding: 0;}
    #uniform-undefined input { opacity:1;margin-top:2px !important;}
#tos-checkbox { float:right;width:248px;margin:0 !important;}
    .error #tos-checkbox { color:#000000;}
    
a#facebookLogin { background-image: -moz-linear-gradient(top, #3b5998, #182d59);
background-image: -ms-linear-gradient(top, #3b5998, #182d59);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3b5998), to(#182d59));
background-image: -webkit-linear-gradient(top, #3b5998, #182d59);
background-image: -o-linear-gradient(top, #3b5998, #182d59);
background-image: linear-gradient(top, #3b5998, #182d59);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3B5998', endColorstr='#182D59', GradientType=0);
border-color: #182d59 #182d59 #3b5998;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
text-align:center;text-decoration:none;font-size:15px;font-weight:bold;padding:10px;margin:0 0 20px 0;
border-radius:9px !important;
}

.modal-footer #sub { color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #006dcc;
background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
background-image: -o-linear-gradient(top, #0088cc, #0044cc);
background-image: linear-gradient(to bottom, #0088cc, #0044cc);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
border-color: #0044cc #0044cc #002a80;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
width:64px;height:35px;border-radius: 9px 9px 9px 9px !important;
}

#login-box .modal-body label {display:block;margin:0 auto;font-size:12px;width:206px; }
i.icon-phone { background: url("images/glyphicons-halflings.png") -120px -95px no-repeat; }


 /*Map*/
.block-grey { padding:0 !important;}
/*.zone-map article p { margin:0;line-height:0;}*/




/*Google Map hiding*/
.gmnoprint { display:none;}


/*Homepage*/
#invisible { display:none;}
#homepage-content h2, #h-i-w-image {text-align:center; }
#store-links { width:540px;margin:0 auto;}
#store-links-app { float:left;}
    #store-links-app a { display:block;height: 87px;width: 259px;background:url(images/store-links-app_spr.png) 0 0 no-repeat}
    #store-links-app a:hover { background:url(images/store-links-app_spr.png) 0 -87px no-repeat}
#store-links-and {float:right; }
    #store-links-and a { display:block;height: 87px;width: 259px;background:url(images/store-links-and_spr.png) 0 0 no-repeat}
    #store-links-and a:hover { background:url(images/store-links-and_spr.png) 0 -87px no-repeat}
        #store-links-app a span, #store-links-and a span { display:none}
    

/*FAQ*/
.accordion-heading { }
    .accordion-heading a { color:#000000;}
	
/* Apps */
.newAppText {margin-top:40px;}

.newAppImg {margin:20px; }
.newAppImg .leftPhone {margin-right:40px;}

#newAppsContent {margin:40px auto}
#newAppsContent .span6 h2 {margin-top:0;}

.app-img-slider {margin-top:20px;}