a, body, div, dl, dt, h1, h2, h3, li, span, textarea, p, ul {
  font: 14px/18px arial, sans-serif;
  margin: 0;
  padding: 0;
}

h3 {
  color: #e12108; 
  font-size: 15px;
  font-weight: bold;
  padding-bottom: 10px;
}

html, body {
  height: 100%;
}

a {
  text-decoration: none;
}

a img {
  border: 0;
}

body {
  background: url( ../images/backgrounds/pinkbubblegum_texture_w5.jpg ) repeat;
}

div.clear {
  clear: both;
}

html, body, #wrap {height: 100%;}

#wrap {
  width: 941px;
  height: auto !important; 
  min-height: 100%;
  margin: 0 auto;
}

div#divMain {
  padding-bottom: 20px;
  padding-top: 20px;
  clear: both;
  width: 941px;
}
div#divMain h1{
  color: #6B8A58;
  font: 20px arial;
}

div#divHeader {
  /* height: 120px;
  background: url( ../images/background_main_menu.png ) repeat; */
  clear: both;
}

div#divMain div.content_top {
  width: 949px;
  height: 25px;
  background: url( ../images/bg_content_top.png ) no-repeat;
}
div#divMain div.content_bottom {
  width: 949px;
  height: 25px;
  background: url( ../images/bg_content_bottom.png ) no-repeat;
  z-index: 20;
}
div#divMain div.content_middle {
  width: 900px;
  padding: 20px;   
  background: url( ../images/bg_content_middle.png ) repeat-y;
}

div#divMain div.content_middle div.content {
  width: 857px;
  margin:-24px 2px;
  padding: 20px;   
  background: #C7EEF5;
  background: white;
  z-index: 21;
}

div#divMain div.content_middle div.content div.left {
  float: left;
  width: 400px; 
}

div#divMain div.content_middle div.content div.right {
  float: left;
}
div#divMain div.content_middle div.content div.signupnewsletter {
  width: 400px;
  margin-left: 10px;
  border-left: 1px solid #ddd;
  padding-left: 20px;
}

.footnote {
  font-size: 11px;
}
.red {
  color: #f00;
}

div#divHeader div#divQuickMenu {
  /* height: 22px;
  position: relative;
  float: right;
  margin-right: 120px; */
  display: none;
  visibility: hidden;
}

div#divHeader div#divLogoRow div#divSlurpeeLogo {
  height: 120px;
  width: 250px;
  position: relative;
  top: 5px;
  float: left;
}
div#divHeader div#divLogoRow div#seven_eleven_logo {
  float: right;
  margin-top: 10px;
}

div#divHeader div#divMenu {
  width: 960px;
  float:left;
  height:38px;
  display: block;
  z-index: 100;
}
div#divHeader div#divMenu ul.subNav {
  z-index:1; 
  left: 10px;
}

div#divHeader div#divMenu ul#listMainMenu {
  width:947px;
  height:38px;
}

div#divHeader div#divMenu ul#listMainMenu li {
  display: inline;
  height: 38px;
  padding: 0;
}
div#divHeader div#divMenu ul#listMainMenu li.main a {
  
  font: bold 12px arial;
  height: 38px;
  display: inline-block;
  margin: 0;
  padding: 0;
  color: white;
  float:left;
}


div#divHeader div#divMenu ul#listMainMenu li.hidden {
  display:none;
}
div#divHeader div#divMenu ul#listMainMenu li a span {
  display:none;
}


div#divHeader div#divMenu ul#listMainMenu li a#flavours {
  background: url( ../images/buttons/menu/flavours_btn.png ) no-repeat;
  width: 148px;
}

div#divHeader div#divMenu ul#listMainMenu li a#promos {
  background: url( ../images/buttons/menu/promos_btn.png ) no-repeat;
  width: 135px;
  z-index:100;
}
div#divHeader div#divMenu ul#listMainMenu li a#slurpee_101 {
  background: url( ../images/buttons/menu/slurpee101_btn.png ) no-repeat;
  width: 167px;
  z-index:100;
}
div#divHeader div#divMenu ul#listMainMenu li a#downloads {
  background: url( ../images/buttons/menu/downloads_btn.png ) no-repeat;
  width: 166px;
  z-index:100;
}
div#divHeader div#divMenu ul#listMainMenu li a#store_locator {
  background: url( ../images/buttons/menu/storeLOCATOR_btn.png ) no-repeat;
  width: 187px;
  z-index:100;
}
div#divHeader div#divMenu ul#listMainMenu li a#slurpee_shop {
  background: url( ../images/menu_slurpeeshop.png ) no-repeat;
  width: 167px;
  z-index:100;
}
div#divHeader div#divMenu ul#listMainMenu li a#sign_up {
  background: url( ../images/buttons/menu/signUP_btn.png ) no-repeat;
  width: 138px;
  z-index:100;
}

div#divHeader div#divMenu ul#listMainMenu li a#flavours:hover,
div#divHeader div#divMenu ul#listMainMenu li a#promos:hover,
div#divHeader div#divMenu ul#listMainMenu li a#slurpee_101:hover,
div#divHeader div#divMenu ul#listMainMenu li a#downloads:hover,
div#divHeader div#divMenu ul#listMainMenu li a#store_locator:hover,
div#divHeader div#divMenu ul#listMainMenu li a#sign_up:hover
{
  background-position: 0 -38px;
  z-index:100;
}
div#divHeader div#divMenu ul#listMainMenu li a#flavours.current,
div#divHeader div#divMenu ul#listMainMenu li a#promos.current,
div#divHeader div#divMenu ul#listMainMenu li a#slurpee_101.current,
div#divHeader div#divMenu ul#listMainMenu li a#downloads.current,
div#divHeader div#divMenu ul#listMainMenu li a#store_locator.current,
div#divHeader div#divMenu ul#listMainMenu li a#sign_up.current
{
  background-position: 0 -38px;
  z-index:100;
}

.sf-menu ul ul {
  z-index: -1; 
}
.sf-menu li li {
  width: 159px; 
}
.sf-menu li li a {
  padding-top: 13px !important;
  text-align: center;
  width: 155px;
}

div#divFooter {
  margin-top: -112px; /* negative value of footer height */
  width: 100%;
  height: 112px;
  background: url( ../images/bg_footer.png ) repeat;
}

.push {
   height: 114px; 
}

div#divFooter div.content {
  width: 960px;
  margin: 0 auto;
  clear: both;
  height: 104px;
  padding-top: 8px;
}

div#divFooter div#divFooterLeft {
  float: left;
  width: 350px;
}

div#divFooter div#divFooterLeft img#disclaimerHeader{
  margin-top: 5px; 
}
div#divFooter div#divFooterLeft p#disclaimerText {
  color: white;
  font: 12px/14px arial;
  padding-right: 15px;
}
div#divFooter div#divFooterCenter {
  float: left;
  width: 300px;
  text-align: center;
}
div#divFooter div#divFooterRight {
  float: left;
  width: 300px;
}
div#divFooter div.divFooterBorder {
  background: url( ../images/bg_footer_vertical_border.png ) repeat;
  width: 2px;
  float: left;
  height: 92%;
}
div#divFooterRight div#divSocialLinks {
  margin-left:15px;
  margin-top:40px;
}

div#divFooterCenter ul#listFooter {
line-height: 101px;
}

div#divFooterCenter ul#listFooter li{
 display: inline;
 color: white;
 padding: 0 1px;
}

div#divFooterCenter ul#listFooter li a{
 color: white;
 font: 13px arial;
}

div#divFooterCenter ul#listFooter li a:hover{
 color: white;
}




div.head {
  border-bottom: 2px solid #F4F4F4;
  height: 45px;
  padding-bottom:5px;
  margin-bottom:5px;
  
}

div.heading {
  float: left; 
}

div.heading h2 {
  text-transform: uppercase;
  font: bold 16px arial;
  color: #434344;
  padding-top: 10px;
}
div.link {
  float: right; 
}
p.description {
  font: 13px/18px arial;
  color: #434344;
  margin-top:10px;
}

div#divSeo {
  width: 45%;
  margin: 10px;
  padding: 15px;
  float: left;
  background:white;
}

ul#seoList {
  list-style: url( ../images/list_pointer.png ) inside; 
  margin-top: 15px;  
}
ul#seoList li {
  margin-bottom: 10px; 
    font: 13px/18px arial;
  color: #434344;
}
  

div#divEvent {
  margin: 10px;
  padding: 15px;
  float: left;
  background:white;
  width: 44%;
}

div#divPageHeader{
  width: 100%; 
  height: 50px;
  position: relative;
  margin-bottom: 20px;
}
div#divPageHeading {
  float:left;
  font: 34px/38px arial;
  color: #DC2317;
  text-transform: uppercase;
  letter-spacing: 2px;
}
div#divPageSubmenu {
 float: right; 
 top: -10px;
 position: relative;
}
div#divPageSubmenu div.outer {
  background: url( '../images/bg_flavour_outer.png' );
  padding: 10px;
}

div#divPageSubmenu div.outer:hover {
  background: url( '../images/bg_flavour_outer_hover.png' );
}

div#divPageSubmenu div.outer div.inner {
  background: white;
  padding: 8px;
}

div#divPageSubmenu select {
  color: #EE1F0D;
  border: 1px solid #EE1F0D;
  background: url( '../images/bg_flavour_outer_hover.png' );
}
div.box1_top {
  width: 616px;
  height: 25px;
  background: url( ../images/bg_box1_top.png ) no-repeat;
}
div.box1_bottom {
  width: 616px;
  height: 25px;
  background: url( ../images/bg_box1_bottom.png ) left bottom no-repeat;
}
div.box1_middle {
  width: 616px;
  padding: 0 20px;   
  background: url( ../images/bg_box1_middle.png ) repeat-y;
}
div.box2_top {
  width: 463px;
  height: 25px;
  background: url( ../images/bg_box2_top.png ) no-repeat;
}
div.box2_bottom {
  width: 463px;
  height: 25px;
  background: url( ../images/bg_box2_bottom.png ) left bottom no-repeat;
}
div.box2_middle {
  width: 423px;
  padding: 0 20px;   
  background: url( ../images/bg_box2_middle.png ) repeat-y;
}
div.box3_top {
  width: 300px;
  height: 23px;                                                                
  background: url( ../images/bg_box3_top.png ) no-repeat;
}
div.box3_bottom {
  width: 300px;
  height: 23px;
  background: url( ../images/bg_box3_bottom.png ) left bottom no-repeat;
}
div.box3_middle {
  width: 260px;
  padding: 0 20px;   
  background: url( ../images/bg_box3_middle.png ) repeat-y;
}

div.box6_left {
  width: 21px;
  height: 60px;
  background: url( ../images/bg_box6_left.png ) no-repeat;
  float:left;
}
div.box6_center {
  height: 20px;
  background: url( ../images/bg_box6_center.png ) repeat-x;
  padding: 21px 0 19px 0;
  float:left;
}
div.box6_right {
  width: 21px; 
  height: 60px;  
  background: url( ../images/bg_box6_right.png ) no-repeat;
  float:left;
}

div.box6_center select{
  cursor:pointer;
}

#loading {
	background-color:#fff;
	border:1px dashed #999;
	display:none;
	left:30%;
	margin:0 auto;
	padding:30px;
	position:absolute;
	text-align:center;
	top:50%;
	width:400px;
}
#loading img {
	vertical-align:middle;
}