/* html */
body {
    margin: 0 0 10px 0;
    background-color: white;
}

#bg {background: url("/shoptocook/Web/hurleysfresh/bg.jpg") repeat; border-bottom: 1px #232323 solid;}
#topgradient {background: url("/shoptocook/Web/hurleysfresh/gradient.jpg") repeat-x 0% 0%;}

#topbannerbg {position: absolute; left: 0px; top: 0px; width: 958px; height: 95px;}

.headermenu2 {font-size: 12px; font-weight: bold; color: black;}
.headerlink2 {color: #5E5E5E; text-decoration: underline;}
.headerlink2highlighted {color: rgb(168, 28, 11); text-decoration: underline;}
.headerlink2:hover {color: #5E5E5E; text-decoration: none;}
.headerlink2highlighted:hover {color: rgb(168, 28, 11); text-decoration: none;}

.submenulink {font-size: 12px; color: #e9831d; font-weight: bold; text-decoration: none;}
.submenulink:hover {color: rgb(168, 28, 11); text-decoration: underline;}

.submenubody {background-color: white; color: black; font-size: 12px; padding: 5px; line-height: 20px;}

.homeboldlink {font-style: italic; font-weight: bold; color: rgb(168, 28, 11);}
.homeboldlink:hover {color: rgb(51, 51, 51);}

.sidebar {padding-top: 30px; padding-left: 10px; padding-right: 10px; line-height: 20px;}
.sidebarheader {font-size: 12px; font-weight: bold; padding-bottom: 0px; color: #C0CD2F;}
.sidebarbody {font-size: 12px; color: white;}
.sidebarlink {color: #C0CD2F;}
.sidebarlink:hover {color: #C0CD2F; text-decoration: none;}

.infopage{padding-top: 20px; padding-left: 20px; padding-right: 20px; padding-bottom: 20px; line-height: 20px;}

/* rightnav */
.rightnavmyshoppinglistheadingtext {color: #333333;}
.highlightcolor {color: rgb(168, 28, 11);}

.newaccountlink {color: rgb(168, 28, 11);}
.newaccountlink:hover {color: rgb(51, 51, 51);}

.addtoshoppinglist {text-decoration: none; color: rgb(168, 28, 11);}
.addtoshoppinglist:hover {color: rgb(51, 51, 51);}

#centernav a {color: #e9831d;}
#centernav a:hover {color: rgb(51, 51, 51);}
#centernav .navigation a {color: rgb(51, 51, 51);}
#centernav .navigation a:hover {color: rgb(168, 28, 11);}

.redlink {color: rgb(168, 28, 11);}
.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: rgb(168, 28, 11); font-weight: bold;}
.style1 {font-weight: bold;}

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


.headerlink {color: white; text-decoration: none; padding-left: 26px; padding-right: 26px;}
.headerlink:hover {color: white; text-decoration: underline;}

/* top menu */
#top_menu {
    width: 958px;
    height: 24px;
}

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

.top_menu:hover {
    color: white;
    padding-left: 58px;
    padding-right: 58px;
    padding-top: 6px;
    padding-bottom: 6px;
    text-decoration: underline;
    margin: 0px;
}

/* dropdown menu */
.drop_links {
    font-size: 12px;
    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: 12px; margin-top: 6px; margin-bottom: 6px; width: 1px; background-color: white;}

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_contactus {
    color: #333333;
    float: left;
    position: relative;
    background-color: #F5F5F5;
    width: 250px;
    list-style-type: none;
    margin: 0px;
}

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



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

LI UL {
    border-left: 1px solid #B2B1A9;
    border-right: 1px solid #B2B1A9;
    border-top: 1px solid #B2B1A9;
    display: none;
    position: absolute;
    top: 24px;
    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: 958px; height: 95px;}
#topbanner .loginlink {color: rgb(168, 28, 11); text-decoration: none;}
#topbanner .loginlink:hover {color: rgb(51, 51, 51); text-decoration: underline;}

form {padding: 0; margin: 0;}

a {color: rgb(51, 51, 51);}
a:hover {color: rgb(168, 28, 11);}

.secondarylink {color: #5E5E5E;}
.secondarylink:hover {color: rgb(168, 28, 11);}

.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);}

#bodywidth {width: 958px;}

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

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

#mainbody {
    margin-bottom: 20px;
    padding-bottom: 10px;
}

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

#footer {
    color: rgb(51, 51, 51);
    padding: 0;
    font-size: 8pt;
    text-align: center;
    height: 40px;
}

#footer #footerstyle {padding-top: 4px;}
#footer #footerstyle a {color: rgb(51, 51, 51);}
#footer #footerstyle a:hover {color: rgb(168, 28, 11); 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: #444444;}
#leftnav .leftnavbody .categories1 {text-decoration: none; font-size: 9pt; font-weight: bold; color: #444444;}
#leftnav .leftnavbody .categories2 {text-decoration: none; font-size: 9pt; font-weight: bold; color: #444444;}
#leftnav .leftnavbody .categories3 {text-decoration: none; font-size: 9pt; font-weight: bold; color: #444444;}
#leftnav .leftnavbody a:hover {color: #444444; text-decoration: underline;}
#leftnav .leftnavbody .recipecategoryspacer {line-height: 0px; height: 0px; border-top: 6px solid #e9831d;}

/* 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/hurleysfresh/myaccountheader.gif" );
    font-size: 12pt;
    font-weight: bold;
    color: white;
    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: 7px;}

.rightnavfooter {
    background-image: url( "/shoptocook/Web/hurleysfresh/myaccountfooter.gif" );
    font-size: 6pt;
    line-height: 11px;
}



/* recipe stuff */
.standardborder {border: 1px solid black;}
.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/hurleysfresh/recipeoftheweekbanner.jpg');}
.featuredcategoriesbanner {background-image: url('/shoptocook/Web/hurleysfresh/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;
}