@import "normalise.css";
@import "common.css";
@import "feature_boxes.css";
@import "nutrition_menu.css";
@import "nutrition_calc.css";
@import "fridge.css";
@import "garden.css";
@import "navigation.css";
@import "recipes.css";
@import "timewindow.css";
@import "forms.css";
@import "ui.tabs.css";
@import "sitemap.css";
@import "restaurants.css";
@import "ingredients.css";



/*** MAIN LAYOUT ***/

html
{
    background-color:transparent;
    background-image:url(/images/shared/tile.gif);    
    background-repeat:repeat;
    background-position:center 388px;

    
    }

body
{
    margin: 0;
    padding: 0;
    font-size: 0.7em;
    line-height: 1.30em;
    font-family: Verdana, Arial, Sans-Serif;
    background-color:transparent;
    background-image:url(/images/shared/header.jpg);    
    background-repeat:repeat-x;
    background-position:center top;
}


#wrapper
{
    margin:0 auto;
    padding:0;
    width:990px;
}

#innerContainer
{
    float: left;
	/* CHRISTMAS LIGHTS!*/
	background-image:url(/images/seasonal/christmaslights.gif);
	background-position:-3px 0;
	background-repeat:no-repeat;
	
}

#header
{
    width: 991px;    
    float: left;
    min-height: 111px;
    height: auto !important;
    height: 111px;
    position:relative;
    
}

#header #logo
{
    float: left;
    margin-top: 11px;
}

#loginBox
{
    font-family:Arial, Sans-Serif;
    right:0;
    top:50px;
    position:absolute;
    width: 240px;
    margin-right:6px;
    margin-top:14px;
}

#loginBox .col1
{    
    float: left;
    padding-top:3px;
}

#loginBox .col1 input
{
    background: transparent url(/images/shared/login/inputbox.png) no-repeat 0 0;
    width: 67px;
    height: 14px;
    float: left;
    border: none;
    padding: 2px 10px 0 10px;
    margin: 1px 0 0 0;
    font-size:0.8em;
    clear:left;
}

#loginBox .col2
{
    float: left;
    padding-left:3px;
}

#loginBox .col2 a
{
    height:29px;
    float:left;
    display:block;
    background: transparent url(/images/shared/login/buttons.png) no-repeat 0 0;
    color:#ffffff;
    font-size:1.3em;
    font-weight:bolder;
    padding-top:13px    
}

#loginBox .col2 a:hover
{
    text-decoration:underline;
}

#loginBox .col2 a.login 
{
    width:52px;
    padding-left:12px;
    background-position:0 -40px;
    
}

#loginBox .col2 a.register
{
    width:76px;    
    padding-left:10px; 
    background-position:-2px 0;
}

#loginBox .col2 a.account
{
    width:88px;
    padding-left:12px;
    background-position:0 -80px;
}

#loginBox .col2 a.logout
{
    width:61px;
    padding-left:12px;
    background-position:0 -120px;
}

/** navbar css in navigation stylesheet **/

#contentCol
{
    float: left;
    width: 721px;
}

.home #mainContent
{
    float: left;
    width: 483px;
    margin-left: -7px;
}

.common #mainContent
{
    float: left;
    background: transparent url(/images/shared/commonBkg.png) no-repeat 3px -3px;
    position:relative;
    padding-bottom:15px;
}

#commonInner
{   
    float: left;
    width: 666px;
    margin:15px 10px 0px 10px;
    padding:15px 15px 30px 15px;
    position:relative;
    background: #ffffff url(/images/shared/commonBkgBottom.gif) no-repeat bottom left;
    min-height: 250px;
    height: auto !important;
    height: 250px;
    display:inline;
}


#rightCol
{
    float: right;
    width: 269px;
    background: transparent url(/images/shared/rightColBkg.jpg) no-repeat 0 45px;
    position: relative;
}

#rightCol #noticeBoard
{
    width: 226px;
    float: left;
    background: transparent url(/images/shared/noticeboard/noticeboardEnd.png) no-repeat 1px bottom;
    padding-bottom: 48px;
}

#rightCol #noticeBoard h2.plaque
{
    padding-left: 60px;
    margin-bottom: 26px;
}

/* two column layout */

#contentCol .contentColumn
{
    float:left;
}

#contentCol .twoColumn
{
    width:315px;
    margin-right:30px;
}

#contentCol .threeColumn
{
    width:200px;
    margin-right:30px;
}

#contentCol .lastColumn
{
    margin-right:0px;
}

/*** FOOTER ELEMENTS ***/

#footer
{
    float: left;
    width: 662px;
    height: 194px;
    padding-top: 78px;
    background: transparent url(/images/shared/footerBkg.png) no-repeat top left;
}

.home #footer{
    margin-top: -77px;}

.common #footer{
    margin-top: -77px;}

#footer a
{
    padding: 0 4px;
    color: #ffffff;
}

#footer a:hover
{
    padding: 0 4px;
    color: #ffffff;
    background:none;
    text-decoration:underline;
}

#footer a.rssIcon
{
    display: block;
    background: transparent url(/images/shared/rss.gif) no-repeat top left;
    width: 16px;
    height: 0px;
    margin: 1px 5px 0 0;
    padding: 16px 0 0 0;
    float: left;
    overflow: hidden;
}

#footer h4
{
    background: #000000 url(/images/footer/recentSearchesRoundedLeft.gif) no-repeat left top;
    display: block;
    float: left;
    margin: 0;
    padding: 1px 2px 0px 8px;
    color: #ffffff;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
        min-height: 17px;
    height: auto !important;
    height: 17px;
    font-family: Arial, Sans-Serif;
    font-size: 1em;
}

#footer ul
{
    margin: 0;
    float: left;
    padding: 0 2px 0 0;
    background: #000000 url(/images/footer/recentSearchesRoundedRight.gif) no-repeat right top;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    height: 18px;
    max-width:530px;
    overflow:hidden;
}

/*** TODO: Look into clipping rather than overflow hidden ***/

#footer ul li
{
    float: left;
    padding: 1px 0;
    display: block;
}

/* RATINGS */

.ratingCheese
{
    font-size: 0pt;
    width: 28px;
    height: 33px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.product-rating .ratingCheese
{
    cursor: auto;
}

.filledRatingStar
{
    background-image: url(/images/shared/recipes/rating3.gif);
}

.emptyRatingStar
{
    background-image: url(/images/shared/recipes/rating4.gif);
}

.savedRatingStar
{
    background-image: url(/images/shared/recipes/rating5.gif);
}

#contentCol .recipeRating
{
    margin:0 30px;
}

/*** Home Welcome ***/
#homeWelcome
{
    width: 451px;
    height: 306px;
    float: left;
    background: transparent url(/images/home/welcomePanel.png) no-repeat 0 0;
    padding-top: 20px;
    padding-left: 16px;
    padding-right: 20px;
    z-index: 2;
}

#homeWelcome .col1
{
    float: left;
    width: 243px;
    padding-left: 4px;
}

#homeWelcome .col1 p
{
    margin-bottom:5px;
}

#homeWelcome img
{
    margin-left: -4px;
}

#homeWelcome .col2
{
    float: right;
    background-image:url(/images/home/videos.jpg);
    background-position:0 0;
    background-repeat:no-repeat;
    width:148px;
    height:101px;
    padding:50px 0 0 50px;
}

#homeWelcome .col2 img
{
    margin:0;
}

#homeWelcome .col2 #screen
{
    width:78px;
    height:60px;
    background-position:0 0;
    background-repeat:no-repeat;
}

#homeWelcome .col3
{
    float: left;
    padding-left: 4px;
}

#homeWelcome #recentRecipeList
{
    padding-top:2px;
    width: 440px;
    text-align:center;
}
#homeWelcome #recentRecipeList a:hover
{
background:#FFFFC1;
}

/*
#homeWelcome .col3 ul
{
    width: 440px;
    float: left;
    overflow: hidden;
    height: 2.7em;
    padding-top: 4px;
    line-height:1.3em;
}
#homeWelcome .col3 ul li
{
    float: left;
    height:1.3em;
    overflow:hidden;
    display: block;
}

#homeWelcome .col3 ul li a
{
    display: block;    
    padding-left: 4px;
}*/


/** Search **/

#rightCol #recipeFinder input.searchBox
{
    width: 141px;
    height: 26px;
    background-color:Transparent;
    border: none;
    margin-top: 3px;
    margin-right: 3px;
    padding: 6px 0 0 18px;
    font-size: 1.4em;
   
}

#rightCol #recipeFinder
{
    padding-left: 10px;
    background: transparent url(/images/shared/searchInput.gif)  no-repeat 0 3px;
    margin-bottom: 16px;
    position: relative;
    margin-left:10px;
    margin-top:0px; display:inline;
}

#rightCol #recipeFinder input
{
    float: left;
    margin:0;
    padding:0;
?}

#ladel
{
    background: transparent url(/images/shared/ladel.png) no-repeat 0 0;
    width: 83px;
    height: 261px;
    position: absolute;
    right: -5px;
    top: -48px;
}

/* browse tabs */
#browse-tabs-container 
{
    width:660px;
}

#browse-tabs-container .ui-tabs-panel ul 
{
    margin:0 1em;
    padding:0px;
}

#browse-tabs-container .ui-tabs-panel li 
{
    float:left;
    width:150px;
    margin:1px 0px;
    padding:0px;
}

/*** PRELOAD DIV ***/

.preLoad
{
    width:0;
    height:0;
    overflow:hidden;
}

/*** Autoscroll Apple ***/

html>img { width: 0!important; height: 37px!important; padding-left: 28px!important; background: url(/images/shared/autoscrollApple.png); }

/*** Logo ***/

a#logo:hover
{
    background-image:none;
    }
    
/*** Recipes page ***/

.videoPlayer
{
   background-image:url(/images/shared/recipes/tvbkg.jpg);
   background-repeat:no-repeat;
   width:647px;
   height:293px;
   background-position:0px 2px;
}

.cuisineClass_Asian .videoPlayer
{
   background-image:url(/images/shared/recipes/tvbkg_asian.jpg);
}

.cuisineClass_British .videoPlayer
{
   background-image:url(/images/shared/recipes/tvbkg_british.jpg);
}

.cuisineClass_Chinese .videoPlayer
{
   background-image:url(/images/shared/recipes/tvbkg_chinese.jpg);
}

.cuisineClass_French .videoPlayer
{
   background-image:url(/images/shared/recipes/tvbkg_french.jpg);
}

.cuisineClass_Greek .videoPlayer
{
   background-image:url(/images/shared/recipes/tvbkg_greek.jpg);
}

/*.cuisineClass_Indian .videoPlayer
{
   background-image:url(/images/shared/recipes/tvbkg_indian.jpg);
}*/

.cuisineClass_Irish .videoPlayer
{
   background-image:url(/images/shared/recipes/tvbkg_irish.jpg);
}

.cuisineClass_Italian .videoPlayer
{
   background-image:url(/images/shared/recipes/tvbkg_italian.jpg);
}

/*.cuisineClass_Mexican .videoPlayer
{
   background-image:url(/images/shared/recipes/tvbkg_mexican.jpg);
}

.cuisineClass_Spanish .videoPlayer
{
   background-image:url(/images/shared/recipes/tvbkg_spanish.jpg);
}*/

.cuisineClass_Thai .videoPlayer
{
   background-image:url(/images/shared/recipes/tvbkg_thai.jpg);
}


/* dashboard */

#contentCol li.currentRestaurant
{
    font-weight:bold;
}



/*** landing page 3 column layout ***/

.landingPage{    min-height:170px;}

.landingPageCol
{
    float:left;
    width:212px;
    text-align:center;
    padding:0 5px;
    }
    
  #commonInner  .landingPageCol h3
    {
        font-size:2em;        
        }
        
        
/*** About page ***/

#aboutText{ float: left; width: 340px;}

#aboutPic{ float:right;}

/*** what to check out page ***/

.whatsCoolBox
{
    float:left;
    width:400px;
    background-repeat:no-repeat;
    padding-left:193px;
    background-position:left;
}

#myFridgeBox
{
    background-image:url(/images/articles/fridge.jpg);
    }

#nutCalcBox{
    background-image:url(/images/articles/nutrition.jpg);
    }

#myGardenBox{
    background-image:url(/images/articles/garden.jpg);
    }
    
#loginPage 
{
   float:left;
}

#loginPage #checkPass
{
    margin-top:10px;
    }

#loginPage #checkPass label, #loginPage #checkPass input
{
    margin:0;
    
    }
    
    .loginButton1
    {
        float:left;
        clear:both;
        margin-top:10px;
        margin-left:120px;
        }
        
#otherLoginLinks
{        float:left;
        clear:both;
    margin-left:120px;
    margin-top:5px;
}

#loginPage h3, #loginPage ul, #loginPage p, #loginPage #registernow
{
clear:both;
float:left;    
}

#loginPage #registernow
{
    margin-top:10px;
    }

/** Flash windowsill holder **/

#flashWindowHolder {
	position: absolute;
	left: 563px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	width:530px;
	height:49px;
}

/** sliding lists **/

.slidingList{
overflow:hidden;
height:174px;
}