body {
    background: url(/shoptocook/Web/kobackers/bg.jpg) repeat-x #f6f4d9; 
    padding:0px; 
    text-align: center;
    margin-top: 0px;
    position: relative;
    font-family: sans-serif;
    font-size: 10pt; 
}
 
#bodycontainer {
    width: 972px; 
    text-align: left;
    margin-left: auto;
    margin-right: auto; 
     position: relative;
 
    /*padding-bottom: 30px; */
    
    /*background:url(/shoptocook/Web/kobackers/table.png);*/
}
 
#topbanner {
    width:960px; 
    height:117px; 
    background:url(/shoptocook/Web/kobackers/header.png); 
    margin-left:6px;
}
	
#header_logo {
    width:340px; 
    height:117px; 
    float:left;
}
	
#header_menu {
    width:372px; 
    height:117px; 
    float:left; 
    padding-left:150px;
}
	
#content {
    width: 971px;
    text-align: center;
    margin: 0 auto; 
    background: url(/shoptocook/Web/kobackers/table.png);
    position: relative;
    /*padding-left: 10px; */
    /*padding-right: 10px;*/
}
	
 

#footer {
    /*color: rgb(51, 51, 51);*/
    padding-left: 0;
    border: 0;
    font-size: 8pt;
    /*text-align: center;*/
    width: 970px;
    height:102px; 
    margin: auto;
    background:url(/shoptocook/Web/kobackers/footercircular.png);
}
	
#footerstyle {
    padding-top: 20px; 
    /*padding-left:15px;*/
				   
    font-family:Arial, Helvetica, sans-serif; 
    font-size:12px; 
    color:#000;
}
 
.left {float:left;}

/*RECIPE WEB*/
/* rightnav */
.rightnavmyshoppinglistheadingtext {color: #E21424;}
.highlightcolor {color: #E21424;}

#rightnav .newaccountlink {color: red;}
#rightnav .newaccountlink:hover {color: rgb(51, 51, 51);}

.addtoshoppinglist {text-decoration: none; color: #E21424;}
.addtoshoppinglist:hover {color: rgb(51, 51, 51);}

#centernav a {color: #b03355;}
#centernav a:hover {color: rgb(51, 51, 51);}
#centernav .navigation a {color: rgb(51, 51, 51);}
#centernav .navigation a:hover {color: #b03355;}

.redlink {color: #b03355;}
.redlink:hover {color: rgb(51, 51, 51);}

.submenu {color: white; font-size: 8pt; font-weight: bold; text-decoration: none;}
.submenu:hover {color: white; text-decoration: underline;}
.highlightedsubmenu {color: white; font-size: 8pt; font-weight: bold; text-decoration: underline;}
.highlightedsubmenu:hover {color: white; text-decoration: underline;}

h2 {font-size: 10pt; color: #E21424; font-weight: bold;}
.style1 {font-weight: bold;}

.leftindent {padding-left: 17px;}
.rightindent {padding-right: 17px;}

#recipenav {
    width: 737px;
    height: 0px;
    line-height: 0px;


}

#recipenav .recipenavheading {
    height: 0px;
    line-height: 0px;

}

#recipenav .adminnavheading {
    height: 0px;
    line-height: 0px;

}

#recipenavfooter {
    width: 737px;
    line-height: 10px;
}

/* doubleleftnav */
#doubleleftnav {
    width: 737px;
}

#doubleleftnav .doubleleftnavbody {
    margin: 0;
    padding-bottom: 10px;
}

#doubleleftnav .doublebottomleftnavbody {
    margin: 0;
}

/* leftnav */
#leftnav {
    width: 172px;
}

#leftnav .leftnavbody {
    margin: 0;
    text-align: left;
    /*font-family: sans-serif;*/
}

#leftnav .leftnavbody .recipeshome {text-decoration: none; font-size: 12pt; font-weight: bold; color: #333333;}
#leftnav .leftnavbody .categories0 {text-decoration: none; font-size: 9pt; font-weight: bold; color: #0157d6;}
#leftnav .leftnavbody .categories1 {text-decoration: none; font-size: 9pt; font-weight: bold; color: #5e04aa;}
#leftnav .leftnavbody .categories2 {text-decoration: none; font-size: 9pt; font-weight: bold; color: #E21424;}
#leftnav .leftnavbody .categories3 {text-decoration: none; font-size: 9pt; font-weight: bold; color: #2e6600;}
#leftnav .leftnavbody a:hover {color: #333333; text-decoration: underline;}
#leftnav .leftnavbody .recipecategoryspacer {line-height: 0px; height: 0px; border-top: 6px solid #356857;}

/* centernav */
#centernav {
    padding-left: 10px;
    width: 555px;
}

#centernav .centernavheading {
    font-size: 14pt;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 5px;
    
}

#centernav .centernavbody {
    margin: 0;
    font-size: 10pt;
}

#recipeoftheweek {
    width: 555px;
    position: absolute;
}

#featuredcategories {
    width: 555px;
    position: absolute;
    /*font-family: sans-serif;*/
}

.centernavbody hr {
  border: 0;
  border-top: 1px solid #B2B1A9;
  width: 540px;
  height: 0;
  background: #B2B1A9;
}

#centernav .bottomcenternavbody {
    margin: 0;
}

.bottomcenternavbody hr {
  border: 0;
  border-top: 1px solid #B2B1A9;
  width: 540px;
  height: 0;
  color: red;
  background: #B2B1A9;
}

/* myaccountnav */
#myaccountnav {
    width: 180px;
}
/* myaccountnav */
#myaccountnav .toprightnavheading {
    background-image: url( "/shoptocook/Web/kobackers/myaccountheader.jpg" );
    background-repeat: no-repeat;
    font-size: 12pt;
    font-weight: bold;
    color: rgb(51, 51, 51);
    height: 42px;
    padding-right: 10px;
    text-align: center;
}

.myaccountspace {height: 20px; line-height: 20px;}
.shoppinglistwidth {width: 148px;}

/* rightnav */
#rightnav {
    width: 180px;

}

#rightnav .rightnavbody {
    margin: 0;
    background-color: white;
    border-left: 1px solid #B2B1A9;
    border-right: 1px solid #B2B1A9;
}

#rightnav .rightnavheading {
    
    height: 28px;
    color: #333333;
    font-weight: bold;
    font-size: 12pt;
    text-align: center;
}

.rightnavheadingtext {padding-top: 11px;}

.rightnavfooter {
    background-image: url( "/shoptocook/Web/kobackers/myaccountfooter.jpg" );
    font-size: 6pt;
    line-height: 15px;
}
#rightnav a {color: rgb(51, 51, 51);}
#rightnav a:hover {color: #E21424;}
#rightnav .navigation a {color: rgb(51, 51, 51);}
#rightnav .navigation a:hover {color: #E21424;}

a {color: rgb(51, 51, 51);}
a:hover {color: rgb(253, 26, 19);}

.circularthumbnail {border: #B2B1A9 2px solid;}
.circulartext {color: rgb(253, 26, 19);}

.solidline {margin-top: 10px; line-height: 1px; border-top: 1px solid #B2B1A9;}
.line-dotted {border-top: 1px solid #B2B1A9;}
.line-solid {border-top: 1px solid #B2B1A9;}


/* recipe stuff */
.standardborder {border: 1px solid #B2B1A9;}
.recipeoutline {border: 1px solid #B2B1A9;}
.recipebuttonoutline {border: 1px solid #B2B1A9;}
#recipeoftheweek .featuredrecipelink {color: white; text-decoration: none; font-size: 18pt; font-weight: bold; border-bottom: 1px dotted white;}
#recipeoftheweek .featuredrecipelink:hover {color: white; border-bottom: none;}

.recipeoftheweekbanner {background-image: url('/shoptocook/Web/kobackers/recipeoftheweekbanner.jpg');}
.featuredcategoriesbanner {background-image: url('/shoptocook/Web/kobackers/featuredcategories.gif');}

.doublerecipetd0 {padding-left: 0px; width: 262px; text-align: left; vertical-align: top; padding-top: 10px; padding-bottom: 30px;}
.doublerecipetd1 {padding-left: 15px; width: 262px; text-align: left; vertical-align: top; padding-top: 10px; padding-bottom: 30px;}
.doublerecipetdwidth {width: 266px;}

/* admin */
.admin {font-size: 8pt;}
.admin .input400 {font-size: 8pt; width: 400px;}
.admin .input250 {font-size: 8pt; width: 250px;}
.admin .input210 {font-size: 8pt; width: 210px;}
.admin .input200 {font-size: 8pt; width: 200px;}
.admin .input150 {font-size: 8pt; width: 150px;}
.admin .input100 {font-size: 8pt; width: 100px;}
.admin .input90 {font-size: 8pt; width: 90px;}
.admin .input50 {font-size: 8pt; width: 50px;}
.admin .input40 {font-size: 8pt; width: 40px;}
.admin .input30 {font-size: 8pt; width: 30px; height: 16px;}
.admin .header {padding-top: 2px; padding-bottom: 2px; font-weight: bold; color: white; background-color: rgb(52, 91, 148);}
.row0 {background-color: rgb(220, 220, 220);}
.row1 {background-color: white;}
.admin .copylink {color: green;}
.admin .copylink:hover {color: blue;}
.admin .editlink {color: olive;}
.admin .editlink:hover {color: blue;}
.admin .deletelink {color: red;}
.admin .deletelink:hover {color: blue;}

#myshoppinglistbody .changelink {color: olive;}
#myshoppinglistbody .changelink:hover {color: rgb(51, 51, 51);}
#myshoppinglistbody .removelink {color: #E23940;}
#myshoppinglistbody .removelink:hover {color: rgb(51, 51, 51);}

.closelink {text-decoration: none; font-size: 8pt; color: red;}
.closelink:hover {color: blue;}
#login {
    color: black;
    width: 168px;
}

.logininput {
    height: 18px;
    width: 140px;
    font-size: 11pt;
    font-weight: normal;
}

/* misc */
.errorstring {color: red;}
.req {color: red;}
.registerinput {width: 250px;}


#blackoutsite {
    background-color: rgb(0, 0, 0);
    background-repeat:repeat;
    position:fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1000;
    filter:alpha(opacity=75); -moz-opacity: 0.75; -khtml-opacity: 0.75; opacity: 0.75;
}

#blackoutpopup {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1001;
}