/*

RatRace Event

MAIN.CSS 

*/

@import url(reset.css); /* RESET CSS */

/* BODY ------------------------------------------------------------------ */


body {
	font-size: 63.5%;
	font-family: "Lato","Helvetica Neue",Helvetica,sans-serif;
	color: #000;
	background: #fff url('/_masterbrand/mainbackground.jpg') fixed;
	background-size:100% auto;
	width: 100%;
	text-align: center;
	position: relative;
	background-size:cover;
}

.bullets ul {
font-size: 1.3em;
}


/* HEADINGS -------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
font-family: Verdana, Geneva, sans-serif;
font-weight: bold;
line-height: 1.2em;
margin: 0 0 .5em;
}

h1 {
font-size: 2.2em;
}

h2 {
font-size: 1.8em;
}

h3 {
font-size: 1.6em;
}

h4 {
font-size: 1.4em;
}

h5 {
font-size: 1.4em;
margin: 0;
}

h6 {
font-size: 1.3em;
margin: 0;
}

/* TYPOGRAPHY ----------------------------------------------------------- */

p {
font-size: 1.3em;
margin : 0 0 1em;
}

blockquote {
font-style : normal;
}

div.vcard,
div.vcard .adr {
margin-bottom : 1em; }

li ul, li ol {
margin-bottom : 1em; }

ul, ol {
margin-bottom : 1em; }

ul { 
list-style : disc inside; }

ol { 
list-style : decimal inside; }

dl {
margin : 0 0 1em 0; }

dt {
font-weight : bold; }

dd {
margin-left : 1em; }

strong {
font-weight : bold; }

em, dfn {
font-style : italic; }

dfn {
font-weight : bold; }

sup, sub {
line-height : 0; }

abbr, acronym {
border-bottom-width : 0; }

address {
font-style : normal; }

del {
color : #666; }

pre {
margin : 1.5em 0;
white-space : pre; }

pre, code, tt {
font : 1em 'andale mono', 'lucida console', monospace;
line-height : 1.5; }

/* LINKS ------------------------------------------------------------------ */

a, a:link, a:visited {
color: #277bd7;
text-decoration : none; }
 
a:hover, a:active, a:focus { 
text-decoration : underline; 
}

/* LAYOUT -------------------------------------------------------------- */

.section {
clear: both;
float: left;
width: 100%;
height: auto;
position: relative;
text-align: center;
}

.wrapper {
position: relative;
margin: 0 auto;
max-width: 968px;
width: 92%;
height: auto;
text-align: left;
overflow: hidden;

}

.top-flash {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 13px;
z-index: 99;
background: transparent url('../images/backgrounds/top-bg.gif') repeat-x;
}

.boxshadow .top-flash {
-webkit-box-shadow: 0px 12px 20px rgba(0, 0, 0, 1);
-moz-box-shadow: 0px 12px 20px rgba(0, 0, 0, 1);
box-shadow: 0px 12px 20px rgba(0, 0, 0, 1);
}

/* Header ------------------------------------------------------------------ */

.header {
}

.logo {
position: absolute;
top: 0;
right: 10px;
z-index: 9;
}

.masthead {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
}

/* Main Navigation --------------------------------------------------------- */

.navigation {
background: transparent url('../images/backgrounds/nav.png') no-repeat 0 0;
width: 1015px;
height: 52px;
border-left: 0;
border-right: 0;
overflow: visible;
}

.enter-cta {
position: absolute;
top: 0;
right: 40px;
}

.menu { float: left; line-height: 1; width: 732px; height: 28px; position: absolute; top: 7px; left: 38px;}
.menu, .menu * { list-style: none; margin-left: 0; display:inline;}
.menu li { float: left; padding: 0; position: relative;  text-indent: -999em; margin-right: 3px;}
.menu li a { float: left; display: block; position: relative; text-decoration: none; }

.menu li.menu-home, .menu li.menu-home a {
width: 56px;
height: 28px;
}

.menu li.menu-home a {
width: 56px;
height: 28px;
background-image: url('../images/pf/main-nav.png'); 
background-repeat: no-repeat;
background-position: 0 0;
}

.menu li.menu-home a:hover, .menu li.menu-home a:focus {
background-position: 0 -28px;
}

.menu li.menu-info {
margin-right: 1px;
}

.menu li.menu-info, .menu li.menu-info a {
width: 112px;
height: 28px;
}

.menu li.menu-info a {
width: 112px;
height: 28px;
background-image: url('../images/pf/main-nav.png'); 
background-repeat: no-repeat;
background-position: -59px 0;
}

.menu li.menu-info a:hover, .menu li.menu-info a:focus {
background-position: -59px -28px;
}

.menu li.menu-events {
margin-right: 1px;
}

.menu li.menu-events, .menu li.menu-categories a {
width: 68px;
height: 28px;
}

.menu li.menu-events a {
width: 68px;
height: 28px;
background-image: url('../images/pf/main-nav.png'); 
background-repeat: no-repeat;
background-position: -172px 0;
}

.menu li.menu-events a:hover, .menu li.menu-events a:focus {
background-position: -172px -28px;
}

.menu li.menu-courses {
margin-right: 1px;
}

.menu li.menu-courses, .menu li.menu-course a {
width: 79px;
height: 28px;
}

.menu li.menu-courses a {
width: 79px;
height: 28px;
background-image: url('../images/pf/main-nav.png'); 
background-repeat: no-repeat;
background-position: -241px 0;
}

.menu li.menu-courses a:hover, .menu li.menu-courses a:focus {
background-position: -241px -28px;
}

.menu li.menu-kit {
margin-right: 1px;
}

.menu li.menu-kit, .menu li.menu-kit a {
width: 90px;
height: 28px;
}

.menu li.menu-kit a {
width: 90px;
height: 28px;
background-image: url('../images/pf/main-nav.png'); 
background-repeat: no-repeat;
background-position: -321px 0;
}

.menu li.menu-kit a:hover, .menu li.menu-kit a:focus {
background-position: -321px -28px;
}

.menu li.menu-training {
margin-right: 1px;
}

.menu li.menu-training, .menu li.menu-training a {
width: 131px;
height: 28px;
}

.menu li.menu-training a {
width: 131px;
height: 28px;
background-image: url('../images/pf/main-nav.png'); 
background-repeat: no-repeat;
background-position: -412px 0;
}

.menu li.menu-training a:hover, .menu li.menu-training a:focus {
background-position: -412px -28px;
}

.menu li.menu-party, .menu li.menu-party a {
width: 139px;
height: 28px;
}

.menu li.menu-party a {
width: 139px;
height: 28px;
background-image: url('../images/pf/main-nav.png'); 
background-repeat: no-repeat;
background-position: -544px 0;
}

.menu li.menu-party a:hover, .menu li.menu-party a:focus {
background-position: -544px -28px;
}

.menu li.menu-faq {
margin-right: 0;
}

.menu li.menu-faq, .menu li.menu-faq a {
width: 43px;
height: 28px;
}

.menu li.menu-faq a {
width: 43px;
height: 28px;
background-image: url('../images/pf/main-nav.png'); 
background-repeat: no-repeat;
background-position: -686px 0;
}

.menu li.menu-faq a:hover, .menu li.menu-faq a:focus {
background-position: -686px -28px;
}

.menu li ul.submenu li, .menu li ul.submenu2 li {
float: left;
}

.menu li ul.submenu li, .menu li ul.submenu li a, .menu li ul.submenu2 li, .menu li ul.submenu2 li a {
background: transparent;
}

.menu li.menu-info ul.submenu, .menu li.menu-events ul.submenu2  {
width: 188px;
height: 173px;
padding: 19px 0 0 0;
background: url('../images/pf/sub-nav.png') no-repeat 0 0 ;
}

.menu li.menu-events ul.submenu2 {
height: 115px;
background: url('../images/pf/sub-nav2.png') no-repeat 0 0 ;
}

.menu li.menu-info ul.submenu li, .menu li.menu-events ul.submenu2 li {
clear: left;
float: left;
width: 188px;
height: 28px;
margin-bottom: 1px;
}

.menu li.menu-info ul.submenu li a, .menu li.menu-events ul.submenu2 li a {
width: 188px;
height: 28px;
display: block;
}

.menu li.menu-info ul.submenu li a:hover, .menu li.menu-info ul.submenu li a:focus {
background: url('../images/pf/sub-nav.png') no-repeat -188px 0 ;
}

.menu li.menu-info ul.submenu li.menu-pricing a:hover, .menu li.menu-info ul.submenu li.menu-pricing a:focus {
background: url('../images/pf/sub-nav.png') no-repeat -188px -19px ;
}

.menu li.menu-info ul.submenu li.menu-charity a:hover, .menu li.menu-info ul.submenu li.menu-charity a:focus {
background: url('../images/pf/sub-nav.png') no-repeat -188px -48px ;
}

.menu li.menu-info ul.submenu li.menu-results a:hover, .menu li.menu-info ul.submenu li.menu-results a:focus {
background: url('../images/pf/sub-nav.png') no-repeat -188px -77px ;
}

.menu li.menu-info ul.submenu li.menu-photo a:hover, .menu li.menu-info ul.submenu li.menu-photo a:focus {
background: url('../images/pf/sub-nav.png') no-repeat -188px -106px ;
}


.menu li.menu-events ul.submenu2 li a:hover, .menu li.menu-events ul.submenu2 li a:focus {
background: url('../images/pf/sub-nav2.png') no-repeat -188px 0 ;
}

.menu li.menu-events ul.submenu2 li.menu-challenger a:hover, .menu li.menu-events ul.submenu2 li.menu-challenger a:focus {
background: url('../images/pf/sub-nav2.png') no-repeat -188px -19px ;
}

.menu li.menu-events ul.submenu2 li.menu-racer a:hover, .menu li.menu-events ul.submenu2 li.menu-racer a:focus {
background: url('../images/pf/sub-nav2.png') no-repeat -188px -48px ;
}

.menu li.menu-events ul.submenu2 li.menu-expert a:hover, .menu li.menu-events ul.submenu2 li.menu-expert a:focus {
background: url('../images/pf/sub-nav2.png') no-repeat -188px -77px ;
}

.menu li.menu-events ul.submenu2 li.menu-relay a:hover, .menu li.menu-events ul.submenu2 li.menu-relay a:focus {
background: url('../images/pf/sub-nav2.png') no-repeat -188px -106px ;
}

.submenu a, .submenu2 a {
float: left;
display: block;
}

.menu a:hover, .menu a:focus {

}

.menu ul.sub-menu {

}

.menu ul.sub-sub-menu {

}

/* Hides items under top menu */
.menu ul { position: absolute; top: -9999em; width: 240px; padding: 10px 0 20px; z-index: 999; }

/* Shows submenus */
.menu li:hover ul,
.menu li.menu-hover ul { left: 60px; top: 28px; /* match top ul list item height */ z-index: 99;}

.menu li:hover ul.submenu2, .menu li.menu-hover ul.submenu2 { left: 25px; top: 28px; /* match top ul list item height */ z-index: 99;}

/* Hides all sub items (4 levels deep) */
.menu li:hover li ul,
.menu li.menu-hover li ul,
.menu li li:hover li ul,
.menu li li.menu-hover li ul,
.menu li li li:hover li ul,
.menu li li li.menu-hover li ul { top: -999em; }

/* On :hover, displays all sub items (4 levels deep) */
.menu li li:hover ul,
.menu li li.menu-hover ul,
.menu li li li:hover ul,
.menu li li li.menu-hover ul,
.menu li li li li:hover ul,
.menu li li li li.menu-hover ul { left: 20em; /* match .menu ul width */ top: -1px; }

/* Menu bugfix */
.ie7 .menu:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }

/* Form Styling ------------------------------------------------------------ */



/* Tables Styling ---------------------------------------------------------- */



/* Sundry Styling ---------------------------------------------------------- */

.btm-margin {
margin-bottom: 10px;
}

/* Content Styling ----------------------------------------------------- */

.content {
}

.main-content {
	float: left;
	background: #fff;
	height: auto;
	border-left: 0px solid #000;
	border-top: 0;
	border-bottom: 0;
	margin-bottom:60px;
}

.hero-img {
margin-bottom: 20px;
}

.aside {
float: left;
background: #000;
width: 222px;
height: auto;
padding: 7px;
border: 3px solid #fff;
border-bottom: 0;
color: #fff;
padding-bottom: 37px;
}

.aside h1, .aside h2, .aside h3, .aside h4, .aside h5, .aside h6 {
color: #fff;
}

.aside a {
clear: left;
float: left;
}

.aside h2.whats-included {
clear: left;
float: left;
margin: 0;
width: 221px;
height: 56px;
margin-bottom: 10px;
background: url('../images/buttons/what-is-included-on-entry.png')no-repeat 0 0;
text-indent: -9999em;
}

.fb-like-box {
clear: left;
float: left;
width: 222px;
height: 80px;
margin-bottom: 10px;
}

.aside ul {
clear: left;
float: left;
width: 222px;
height: auto;
list-style: none;
font-size: 1.2em;
border-bottom: 3px solid #fff;
}

.aside ul li {
margin-bottom: 2px;
width: 200px;
padding-left: 22px;
background: url('../images/pf/aside-bullet.gif') no-repeat 10px 5px;
}

.aside h2.store-weekly-special {
clear: left;
float: left;
margin: 0;
width: 216px;
height: 53px;
background: url('../images/pf/rat-race-store-weekly-special.png') no-repeat 0 0;
text-indent: -9999em;
}

.aside h2.aside-gallery {
clear: left;
float: left;
margin: 0;
width: 222px;
height: 23px;
background: url('../images/pf/gallery-title.gif') no-repeat top center;
text-indent: -9999em;
margin-bottom: 0.5em;
}

#flickr_badge_uber_wrapper {
clear: left;
float: left;
width: 222px;
height: auto;
}

#flickr_badge_wrapper {
clear: left;
float: left;
width: 170px;
height: auto;
padding: 0 20px 0 36px;
}

#flickr_badge_uber_wrapper .flickr_badge_image {
float: left;
width: 75px;
height:: 75px;
margin: 0 5px 5px 0;
}

#flickr_badge_uber_wrapper .flickr_badge_image a {
float: left;
width: 75px;
height: 75px;
}

/* Footer Stylings --------------------------------------------------------- */

.footer {
background: url('../images/backgrounds/footer-bg.gif') no-repeat top center;
height: 89px;
width: 981px;
border: 0;
}

.boxshadow .footer {
-webkit-box-shadow: 0px -12px 20px rgba(0, 0, 0, 1);
-moz-box-shadow: 0px -12px 20px rgba(0, 0, 0, 1);
box-shadow: 0px -12px 20px rgba(0, 0, 0, 1);
}

a.ft-logo {
position: absolute;
top: 30px;
left: 30px;
}

ul.ft-menu {
position: absolute;
top: 43px;
left: 176px;
background: url('../images/pf/footer-nav.gif') no-repeat 0 0;
width: 344px;
height: 13px;
list-style: none;
}

ul.ft-menu li, ul.ft-menu li a {
float: left;
height: 13px;
}

ul.ft-menu li a {
display: block;
text-indent: -9999em;
}

ul.ft-menu li.ft-menu-faq, ul.ft-menu li.ft-menu-faq a {
width: 62px;
}

ul.ft-menu li.ft-menu-contact, ul.ft-menu li.ft-menu-contact a {
width: 103px;
}

ul.ft-menu li.ft-menu-privacy, ul.ft-menu li.ft-menu-privacy a {
width: 108px;
}

ul.ft-menu li.ft-menu-terms, ul.ft-menu li.ft-menu-terms a {
width: 71px;
}

ul.ft-menu li.ft-menu-faq a:hover, ul.ft-menu li.ft-menu-faq a:focus {
background: url('../images/pf/footer-nav.gif') no-repeat 0 -13px;
}

ul.ft-menu li.ft-menu-contact a:hover, ul.ft-menu li.ft-menu-contact a:focus {
background: url('../images/pf/footer-nav.gif') no-repeat -62px -13px;
}

ul.ft-menu li.ft-menu-privacy a:hover, ul.ft-menu li.ft-menu-privacy a:focus {
background: url('../images/pf/footer-nav.gif') no-repeat -165px -13px;
}

ul.ft-menu li.ft-menu-terms a:hover, ul.ft-menu li.ft-menu-terms a:focus {
background: url('../images/pf/footer-nav.gif') no-repeat -273px -13px;
}

a.ft-cta {
position: absolute;
top: 9px;
left: 540px;
}

a.ft-youtube {
position: absolute;
top: 35px;
left: 740px;
}

a.ft-facebook {
position: absolute;
top: 36px;
left: 812px;
}

a.ft-twitter {
position: absolute;
top: 36px;
left: 887px;
}


#PriceCheck {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ffcc00 0%, #fff18c 100%) repeat scroll 0 0;
    border-radius: 0 12px;
}

#PriceCheck p {
    color: #000;
    margin: 0;
}
#PriceCheckError {
    padding: 8px 12px;
}
#PriceCheckGood {
    padding: 8px 12px;
}



@media only screen and (min-width: 1205px) {
	.width50 {
		width:48% !important;
		float:left;
	}
	
.width50:nth-of-type(1) {
	padding-right:15px;
}
}
	
@media only screen and (max-width: 1206px) {
	.width50 {
		width:100% !important;
		float:left;
	}
}