/* html */
body {
    margin: 0 0 20px 0;
    background-color: #687c59;
}

#topbannerbg {background-image: url( '/shoptocook/Web/lorenzos/bannerbg.jpg' ); position: absolute; left: 0px; top: 0px; width: 972px; height: 147px;}

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

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

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

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

.redlink {color: #E21424;}
.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;}

/* top menu */
#top_menu {
    width: 733px;
    height: 30px;
}

.top_menu {
    line-height: 30px;
    font-size: 10pt;
    color: white;
    font-weight: bold;
    padding-left: 12px;
    padding-right: 12px;
    text-decoration: none;
    margin: 0px;
}

.top_menu:hover {
    background-color: white;
    color: #E21424;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 7px;
    padding-bottom: 8px;
    margin: 0px;
}

/* dropdown menu */
.drop_links {
    font-size: 10pt;
    color: #333333;
    font-weight: bold;
    text-decoration: none;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 12px;
    display: block;
    border-bottom: 1px solid #B2B1A9;
    margin: 0px;
}

.drop_links:hover {
    color: #E21424;
    background-color: white;
    margin: 0px;
}

#li_spacer {padding-top: 0px; float: left; position: relative; list-style-type: none; margin: 0px;}
.li_spacer {padding-top: 0px; float: left; position: relative; list-style-type: none; margin: 0px;}

.spacerfiller {height: 31px; width: 1px; background-color: #B3B5A8;}

UL#nav {padding: 0px; margin: 0px; list-style-type: none;}
#li_top {float: left; position: relative; list-style-type: none; margin: 0px;}
.li_top {float: left; position: relative; list-style-type: none; margin: 0px;}

#li_drop_aboutus {
    color: #333333;
    float: left;
    position: relative;
    background-color: #F5F5F5;
    width: 170px;
    list-style-type: none;
    margin: 0px;
}

.li_drop_aboutus {
    color: #333333;
    float: left;
    position: relative;
    background-color: #F5F5F5;
    width: 170px;
    list-style-type: none;
    margin: 0px;
}


#li_drop_contactus {
    color: #333333;
    float: left;
    position: relative;
    background-color: #F5F5F5;
    width: 170px;
    list-style-type: none;
    margin: 0px;
}

.li_drop_contactus {
    color: #333333;
    float: left;
    position: relative;
    background-color: #F5F5F5;
    width: 170px;
    list-style-type: none;
    margin: 0px;
}




#nav LI LI A {display: block; padding-left: 10px; padding-right: 10px; color: #333333; margin: 0px;}
#nav LI LI A:hover {padding-left: 10px; padding-right: 10px; color: #E21424; margin: 0px;}

LI UL {
    border-left: 1px solid #B2B1A9;
    border-right: 1px solid #B2B1A9;
    border-top: 1px solid #B2B1A9;
    display: none;
    position: absolute;
    top: 30px;
    background-color: #F5F5F5;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

LI:hover UL {
    display: block;
    background-color: #F5F5F5;
    margin: 0px;
}

LI.over UL {display: block; margin: 0px;}
UL#nav #li_top.over UL {display: block; margin: 0px; list-style-type: none;}
UL#nav #li_top:hover {margin: 0px;}
UL#nav #li_top.over {margin: 0px;}
UL#nav .li_top.over UL {display: block; margin: 0px; list-style-type: none;}
UL#nav .li_top:hover {margin: 0px;}
UL#nav .li_top.over {margin: 0px;}


/* v4 */
/* html */
body {
    padding: 0;
    font-family: sans-serif;
    font-size: 10pt;
    color: black;
    text-align: center;
}

#topbanner {width: 972px; height: 147px;}
#topbanner .loginlink {color: white; text-decoration: underline;}
#topbanner .loginlink:hover {color: white; text-decoration: none;}

.fixedmenu {position: fixed; left: 0px; top: 0px; width: 100%; height: 30px; background-color: #FFFBD0; z-index: 25000; border-bottom: 1px solid black;}
.fixedmenuinner {text-align: left; position: relative; margin-left: auto; margin-right: auto; width: 972px;}
.fixedmenu a {font-size: 10pt;}
.fixedmenu a:hover {}

form {padding: 0; margin: 0;}

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

.secondarylink {color: #5E5E5E;}
.secondarylink:hover {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;}

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


#bodycontainer {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 972px;
    text-align: left;
}

#bodywidth {width: 972px;}

#printbodycontainer {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 671px;
    text-align: left;
}

#mainbody {
    padding-bottom: 10px;
}

#footer {
    color: white;
    padding: 0;
    border: 0;
    font-size: 8pt;
    text-align: center;
    width: 972px;
    height: 54px;
}

#footer #footerstyle {padding-top: 15px;}
#footer #footerstyle a {color: white; text-decoration: underline;}
#footer #footerstyle a:hover {color: white; text-decoration: none;}


.headingtext {padding-top: 8px;}

/* structure */
/* recipenav */
#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;
}

#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;}

/* 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;
}

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

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

.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;
  background: #B2B1A9;
}

/* myaccountnav */
#myaccountnav {
    width: 180px;
}
/* myaccountnav */
#myaccountnav .toprightnavheading {
    background-image: url( "/shoptocook/Web/lorenzos/myaccountheader.jpg" );
    font-size: 12pt;
    font-weight: bold;
    color: rgb(51, 51, 51);
    height: 42px;
    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/lorenzos/myaccountfooter.jpg" );
    font-size: 6pt;
    line-height: 15px;
}



/* 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/lorenzos/recipeoftheweekbanner.jpg');}
.featuredcategoriesbanner {background-image: url('/shoptocook/Web/lorenzos/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 */
#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;
}