body {
   font-family: Verdana, Arial, Sans-serif;
   font-size: 12px;
   margin-top: 0px;
   padding-top: 0px;
}

.title {
   font-size: 28px;
   text-align: center;
   margin: 24px;
   margin-bottom: 0px;
   border: 0px solid #454545;
   padding: 4px;
}

.detailTitle {
   font-size: 28px;
   text-align: left;
   margin: 24px;
   margin-bottom: 0px;
   border: 0px solid #454545;
   padding: 4px;
   padding-left: 6%;
}

img {
   border: 0px;
}

.bigLinks {
   display: block;
   float: left;  
   width: 75%;
   margin-top: 0px;
}

.bigLinks a {
   display: block;
   padding: 2%;
   padding-left: 8%;
   margin: 20px;
   text-decoration: none;
   color: #000000;
   font-size: 40px;
   border: 1px solid #FFFFFF;
}

.bigLinks a:hover {
   color: #22BB22;
   border: 1px solid #F3F3F3;
}

.bigLinks a span {
   float: right;
   font-size: 15px;
   margin-top: 11%;
   margin-right: 30%;
}

.bigLinks img {
   vertical-align: middle;
   margin-right: 10px;
}

.topFive {
   float:right;
   text-align: center;
   width: 20%;
   border: 1px solid #CDCDCD;
   border-top: 0px;
   border-bottom: 0px;
   margin-right: 10px;
}

.topFive a {
   text-align: justify;


}

.topFive hr {
   width: 80%;
   color: #EEE;
   background-color: #CDCDCD;
   height: 1px;
   border: 0px solid #CDCDCD;
}

.quickLink {
   width: 96%;
   padding: 2%;

   display: block;   

}

.quickLink a {
   text-decoration: none;
   width: 100%;
   display: block;
   text-align: center;
   color: #454545;
   padding-top: 8px;
   padding-bottom: 8px;
}

.quickLink a:hover {
   background-color: #D2FFD2;

}

.quickLink img {
   float: right;

}

.header {
   font-size: 20px;
   color: #999999;
   margin-bottom: 10px;
}

/* Recipe and Restaurant Pages */

.navigation {
   display: block;
   height: 45px;
   width: 100%;
   text-align: center;
   border: 0px solid #BBB;
   border-bottom-width: 1px;
   margin-top: 6px;
}

.navigation a {
   display: block;
   text-decoration: none;
   font-size: 24px;

}

.homeLink {
   display: block;
   position: absolute;
   left: 20px;
   top: 33px;
   height: 13px;
   width: 50px;
   text-align: center;
   padding: 2px;
   border: 1px solid #BBB;
   text-decoration: none;
   color: #545454;
   background-color: #DDFFDD;
}

.homeLink:hover {
   color: #121212;
   background-color: #BBFFBB;
}


.navRec_enabled {
   position: absolute;
   left: 29%;
   clear: none;
   margin: 0px;
   width: 160px;
   height: 37px;
   border: 2px solid #777;
   border-bottom: 0px;
   padding-top: 10px;
   padding-left: 40px;
   color: #454545;
   background: #FFFFFF url("../images/recipeIconNav.gif") no-repeat 13% 50%;

}

.navRec_enabled:hover {
   color: #000;
   border-color: #000;
   background-color: #FFFFF4;
}

.navRec_disabled {
   position: absolute;
   left: 29%;
   clear: none;
   margin: 0px;
   width: 160px;
   height: 33px;
   border: 2px solid #CCC;
   border-bottom: 0px;
   padding-top: 10px;
   padding-left: 40px;
   color: #BBB;
   background: #EEE url("../images/recipeIconNavDisabled.gif") no-repeat 13% 100%;
}

.navRec_disabled:hover {
   border-color: #BBB;
   color: #777;
   background-color: #E2E2E2;
}

.navRest_enabled {
   position: absolute;
   left: 51%;
   clear: none;
   margin: 0px;
   width: 200px;
   height: 37px;
   border: 2px solid #454545;
   border-bottom: 0px;
   padding-top: 10px;
   padding-left: 40px;
   color: #212121;
   background: #FFFFFF url("../images/restaurantIconNav.gif") no-repeat 13% 50%;

}

.navRest_enabled:hover {
   color: #000;
   border-color: #000;
   background-color: #FFFFF4;
}

.navRest_disabled {
   position: absolute;
   left: 51%;
   clear: none;
   margin: 0px;
   width: 200px;
   height: 33px;
   border: 2px solid #CCC;
   border-bottom: 0px;
   padding-top: 10px;
   padding-left: 40px;
   color: #BBB;
   background-color: #EEE;
   background: #FFFFFF url("../images/restaurantIconNavDisabled.gif") no-repeat 13% 100%;
}

.navRest_disabled:hover {
   border-color: #BBB;
   color: #777;
   background-color: #E2E2E2;
}

.recipe {
   display: block;
   width: 90%;
   margin-left: 5%;
   padding: 10px;
   text-decoration: none;
   color: #000000;
   border: 1px solid #FFFFFF;
   border-right: 0px;
   border-left: 0px;
}

.recipe:hover {
   background-color: #FF9;
   border: 1px solid #CDCDCD;
   border-right: 0px;
   border-left: 0px;
}

.restaurant {
   display: block;
   width: 90%;
   margin-left: 5%;
   padding: 10px;
   text-decoration: none;
   color: #000000;
   border: 1px solid #FFFFFF;
   border-right: 0px;
   border-left: 0px;
}

.restaurant:hover {
   background-color: #FF9;
   border: 1px solid #CDCDCD;
   border-right: 0px;
   border-left: 0px;
}

.colServings {
   float: right;
   width: 10%;
   text-align: center;
   vertical-align: middle;
   margin-right: 4%;
}

.colCity {
   float: right;
   width: 10%;
   text-align: center;
   vertical-align: middle;
   margin-right: 4%;
}

.colTime {
   float: right;
   width: 10%;
   text-align: center;
   vertical-align: middle;
}

.colPrice {
   float: right;
   width: 10%;
   text-align: center;
   vertical-align: middle;
}

.colRating {
   float: right;
   text-align: left;
   width: 10%;
   margin-left: 3%;
   vertical-align: middle;
}
 .colType {
   float: right;
   width: 10%;   
   margin-right: 5%;
   text-align: center;
   vertical-align: middle;
 }

 .colName {
   clear: none;
   font-size: 16px;
   margin-left: 0px;
   width: 50%;
   vertical-align: middle;
   font-weight: bold;
 }




/* Recipe and Rest detail Pages */

.overallRating {
   position: absolute;
   top: 80px;
   right: 100px;
}

.generalInfo {
   /* image of card for background */
   width: 70%;
   border: 1px solid #454545;
   margin-left: 3%;
   text-align: right;
   padding: 10px;
   background-color: #FFFFDD;
   margin-top: 1%;
}

.generalInfo a {
   color: #FF6666;
   text-decoration: underline;
}

.generalInfo a:hover {
   color: #FF0000;
   text-decoration: none;
}

.contactInfo a {
   color: #FF6666;
   text-decoration: underline;
}

.contactInfo a:hover {
   color: #FF0000;
   text-decoration: none;
}

.generalInfo_c1 {
   text-align: left;   
   width: 55%;
}

.generalInfo_c2 {
   float: right;
   text-align: left;
   margin-right: 0%;
   width: 40%;
}


.generalInfo_c3 {
   float: right;
   text-align: left;
   margin-right: 1%;
   width: 20%;
}

.recipeImages {
   float: right;
   margin-right: 7%;
   text-align: center;
}

.recipeImages a {
   display: block;
   width: 150px;
   height: 150px;

}

.recipeImages img:hover {
   background-color: #B0FF5E;
}

.recipeImages img {
   display: block;
   border: 1px solid #454545;
   margin: 2px;
   padding: 4px;
   background-color: #FFF;
}

.ingredients {
   margin-left: 3%;

}

.ingredHeader {
   font-size: 20px;
   color: #CC2222;
   margin-bottom: 10px;
   margin-top: 20px;
   display: block;
   width: 75%;
   border: 0px solid #CC2222;
   border-bottom-width: 1px;
}

.ingredient {
   margin-left: 8px;
}

.ingredient input {
   margin-right: 5px;
}

.preparation{
   margin-left: 3%;
}

.prepHeader {
   font-size: 20px;
   color: #22CC22;
   margin-bottom: 20px;
   margin-top: 20px;
   display: block;
   width: 75%;
   border: 0px solid #22CC22;
   border-bottom-width: 1px;

}

.step {
   margin-left: 8px;
   margin-bottom: 12px;
   margin-top: 10px;
   display: block;
   clear: left;
}

.stepNum{
   float:left;
   font-size: 36px;
   margin: 6px;
   margin-top: -16px;
   margin-bottom: 30px; 
}

.stepDetails {
   margin-bottom: 20px; 
}


.visit {
   display: block;
   
}


.contactInfo {
   width: 90%;
   border: 1px solid #454545;
   margin-left: 3%;
   text-align: right;
   padding: 10px;
   background-color: #FFFFCC;
   margin-top: 1%;
}



.visit {
   width: 90%;
   border: 1px solid #454545;
   margin-left: 3%;
   text-align: left;
   padding: 1%;
   background-color: #DDF2C0;
   margin-top: 1%;

}

.visitGeneral {
   margin-bottom: 2%;
}


.dish {
   width: 99%;
   border: 0px solid #454545;
   text-align: left;
   padding: 10px;
   background-color: #0A0A0A;
   padding-bottom: 15px;
   padding-top: 15px;
   margin-left: 0px;
   color: #EEE;
}

.dishTitle {
   font-weight: bold;
   color: #FFFF77;
}







.bottomButtons a {
   display: inline;
   padding: 0px;
   padding-right: 3px;
   padding-left: 3px;
   margin: 0px;
   height: 16px;
   border: 0px;
}
.bottomButtons {

   bottom: 10px;
   left: 42%;
   text-align: center;
   margin-top: 4%;
}

.bottomButtons img {
   padding: 0px;
   border: 0px;
   margin: 0px;
}