﻿* {
    margin:0;
    padding:0;
    font-family:Arial, Helvetica, Sans-Serif;
}

body {
	background:#ffc000 url(/Images/bg_main.jpg) no-repeat center 0;
}

a { color:#005ea5; }

.left { float:left; }
.right { float:right; }

.displayNone { display:none; }

/* Info Pop Up Styles */

.infoPop {
    background:url('/Images/2011/really-good-food/question_icon.png') no-repeat right center;
    padding-right:12px;
    cursor:pointer;
    color:#79797a;
}

.infoPop .word {
    background:url('/Images/2011/really-good-food/infoPop_underline.png') repeat-x bottom left;
    position:relative;
    padding-bottom:3px;
    color:#79797a;
    font-size:16px;
}

.infoPopContainer {
    position:absolute;
    top:57px;
    left:165px;
    width:255px;
    display:none;
    padding-top:5px;
    z-index:2001;
}

.infoPopContainer div {
    float:left;
}

.infoPopContainer div.edge {
    float:none;
}

.infoPopContainer .tl {
    background:url('/Images/2011/infoPop/tl.png') no-repeat left top;
    width:24px;
    height:40px;
    
}

.infoPopContainer .tr {
    background:url('/Images/2011/infoPop/tr.png') no-repeat right top;
    width:24px;
    height:40px;
    
}

.infoPopContainer .top {
    background:url('/Images/2011/infoPop/t_tile.png') repeat-x left top;
    height:40px;
    width:90px;
    
}

.infoPopContainer .arrow {
    background:url('/Images/2011/infoPop/arrow.png') no-repeat center top;
    height:40px;
    width:27px;
}

.infoPopContainer .bl {
    background:url('/Images/2011/infoPop/bl.png') no-repeat left bottom;
    width:24px;
    height:30px;
    
}

.infoPopContainer .br {
    background:url('/Images/2011/infoPop/br.png') no-repeat right bottom;
    width:24px;
    height:30px;
    
}

.infoPopContainer .bottom {
    background:url('/Images/2011/infoPop/b_tile.png') repeat-x left bottom;
    height:30px;
    width:207px;
    
}

.infoPopContainer .leftSide {
    background:url('/Images/2011/infoPop/l_tile.png') repeat-y left top;
    margin-top:40px;
}

.infoPopContainer .rightSide {
    background:url('/Images/2011/infoPop/r_tile.png') repeat-y right top;
}

.infoPopContainer .content {
    background:#fff;
    margin:0 24px;
}

.infoPopContainer .content .heading {
    color:#005ea5;
    font-weight:bold;
    font-style:italic;
    font-size:18px;
    line-height:18px;
    padding-bottom:10px;
    height:20px;
}

.infoPopContainer .content .text {
    font-size:12px;
    color:#666;
}

/* Generic Navigation Control Styles */

.pageNav {
    float:right;
}

.pageNav a {
    float:left;
}

.pageNav a.num {
    font-size:12px;
    line-height:14px;
    color:#737373;
    text-decoration:none;
    display:block;
    padding:3px 0;
    width:20px;
    height:14px;
    text-align:center;
}

.pageNav a.num:hover {
    text-decoration:underline;
}

.pageNav a.num.active {
    background:url('/Images/2011/nav_highlight_blue.png') no-repeat center center;
    color:#fff;
    cursor:default;
}

.pageNav a.num.active:hover {
    text-decoration:none;
}

.pageNav .prev {
    margin-right:18px;
}

.pageNav .next {
    margin-left:18px;
}

#Page {
    width:980px;
    position:relative;
}

#Page #Header {
    position:relative;
    z-index:950;
    overflow:visible;
}

#Page #Header .pad { padding:0 3px 0 20px; height:176px; margin-bottom:20px; }

#Page #Header #Nav {
    background:url('/Images/2011/nav/nav_bg.jpg') no-repeat left top;
    height:35px;
    padding:0 0 0 108px;
    z-index:901;
}

#Page #Header #Nav li {
    margin:0;
}

#Page #MainContainer {
    position:relative;
    z-index:1;
}

#Page #MainContainer .corner.top {
    position:absolute;
    top:0;
}

#Page #MainContainer .corner.bottom {
    position:absolute;
    bottom:0;
}

#Page #MainContainer .corner.left {
    left:0;
}

#Page #MainContainer .corner.right {
    right:0;
}

#Page #MainContainer .gutter {
    min-height:40px;
}

#Page #MainContainer #PedigreeContent {
    background:#fff url('/Images/2011/container/main_container_bg.jpg') repeat-y left top;
    width:884px;
    padding:0 48px;
}

#SubnavContainer {
    background:url('/Images/2011/nav/subnav_shadow.jpg') repeat-x left top;
    width:884px;
}

#subnavContainer #sub_menu {
    background:#fff;
    border:0 none;
    padding:0;
}

#Content {
    position:relative;
}

#Toggle_Video {
    top:-57px;
    left:875px;
}

#body_content {
    border:0 none;
    width:884px;
}

#ContentBottom {
    background:url('/Images/2011/container/bottom.jpg') repeat-x left top;
    height:16px;
}

/* Bottom Promo Styles */

.bottom-promos {
    /*height:145px;*/
    width:836px;
    margin: 0 auto;
}
.bottom-promos div.promo {
    float:left;
}
.bottom-promos div.middle-promo {
    margin:0 13px;
}
#smilemaker-promo{display:none;}

/* Nav Overlay Panels */

#Page #Header #NavContainer {
    position:relative;
    width:980px;
    zoom:1;
}

.navOverlay h2 { background:none !important; }

.navOverlay {
    background:url('/Images/2011/nav/overlays/overlay_bg.png') no-repeat left top;
    height:215px;
    width:884px;
    position:absolute;
    top:35px;
    left:48px;
    z-index:9000;
    display:none;
}

.navOverlay .wrapper {
    position:relative;
    padding:15px 15px 10px 30px;
}

.navOverlay a.close {
    position:absolute;
    right:17px;
    top:10px;
    height:18px;
    width:15px;
    cursor:pointer;
}

.navOverlay .heading { border-bottom:1px solid #d6dee0; height:35px; width:300px; margin-left:10px; padding-top:10px; }
    .navOverlay .heading h2 { font:normal 24px 'PedigreeUltraBoldRegular', Arial, Helvetica, sans-serif; }

.navOverlay .links {
    border-right:1px solid #d6dee0;
    width:340px;
    height:100px;
    padding-top:20px;
    position:relative;
    top:-1px;
}

.navOverlay .links .col {
    float:left;
    width:165px;
}

.navOverlay .links a {
    padding-left:10px;
    margin-bottom:12px;
    display:block;
    line-height:10px;
    color:#005ea5;
    text-decoration:none;
    text-transform:uppercase;
    font:normal 13px 'Open Sans', Arial, Helvetica, sans-serif;
}

.navOverlay .links a:hover { color:#000000; }

.navOverlay .links a.active {
    background:url('/Images/2011/nav/overlays/arrow.png') no-repeat left center;
}

.navOverlay .features { position:absolute; left:400px; top:29px; }
   .navOverlay .features h3 { font:normal 16px 'PedigreeUltraBoldRegular'; text-transform:uppercase; }

.navOverlay .features .promos {
    height:135px;
    position:relative;
}

.navOverlay .features .promos .promo {
    float:left;
    width:235px;
    height:135px;
    display:block;
}

.navOverlay .features .promos .promo img {
    position:absolute;
    bottom:0;
}

#RGFOverlay 
{
    
}