/* html */
body {
    margin: 0 0 20px 0;
    padding: 0;
    font-family: sans-serif;
    font-size: 10pt;
    color: black;
    text-align: center;
    background-color: white;
}

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 dotted #BFBFBF;}
.line-dotted {border-top: 1px dotted #D3D3D3;}
.line-solid {border-top: 1px solid #D3D3D3;}

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

p {margin: 0;}

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

#bodywidth {width: 948px;}

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

#mainbody {
    background-color: white;
    padding-bottom: 10px;
}

#topbanner {width: 948px; height: 120px;}
#topbannerbg {background-image: url( '/shoptocook/Web/v2/bannerbg.jpg' ); position: absolute; left: 0px; top: 0px; width: 948px; height: 120px;}

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

#footer #footerstyle {border-top: 1px dotted #D3D3D3; padding-top: 15px;}

.headingtext {padding-top: 8px;}

/* structure */
/* recipenav */
#recipenav {
    width: 748px;
    height: 0px;
    line-height: 0px;
}

#recipenav .recipenavheading {
    height: 10px;
    line-height: 10px;
}

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

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

/* doubleleftnav */
#doubleleftnav {
    width: 748px;
    background-color: white;
}

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

#doubleleftnav .doublebottomleftnavbody {
    margin: 0;
    background-color: white;
}

/* leftnav */
#leftnav {
    width: 181px;
    background-color: white;
}

#leftnav .leftnavbody {
    margin: 0;
    text-align: left;
    border-right: 1px solid #D3D3D3;
}

#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: #345B94;}
#leftnav .leftnavbody .categories1 {text-decoration: none; font-size: 9pt; font-weight: bold; color: #6B6186;}
#leftnav .leftnavbody .categories2 {text-decoration: none; font-size: 9pt; font-weight: bold; color: #AC0000;}
#leftnav .leftnavbody .categories3 {text-decoration: none; font-size: 9pt; font-weight: bold; color: #749749;}
#leftnav .leftnavbody a:hover {color: #333333; text-decoration: underline;}

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

/* centernav */
#centernav {
    padding-left: 10px;
    width: 566px;
    background-color: white;
}

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

#centernav .centernavbody {
    margin: 0;
    background-color: white;
}

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

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

.centernavbody hr {
  border: 0;
  border-top: 1px solid rgb(51, 51, 51);
  width: 540px;
  height: 0;
  background: rgb(51, 51, 51);
}

#centernav .bottomcenternavbody {
    margin: 0;
    background-color: white;
}

.bottomcenternavbody hr {
  border: 0;
  border-top: 1px solid rgb(51, 51, 51);
  width: 540px;
  height: 0;
  background: rgb(51, 51, 51);
}

/* myaccountnav */
#myaccountnav {
    width: 180px;
}
/* myaccountnav */
#myaccountnav .toprightnavheading {
    background-image: url( "/shoptocook/Web/v2/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: #F5F5F5;
    border-left: 1px solid #D4D4D4;
    border-right: 1px solid #D4D4D4;
}

#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/v2/myaccountfooter.jpg" );
    font-size: 6pt;
    line-height: 15px;
}



/* recipe stuff */
.recipeoutline {border: 1px solid rgb(51, 51, 51);}
.recipebuttonoutline {border: 1px solid rgb(51, 51, 51);}
#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/v2/recipeoftheweekblue.jpg');}
.featuredcategoriesbanner {background-image: url('/shoptocook/Web/v2/featuredcategories.gif');}
.featuredcategoriestitle {color: #333333;}

.doublerecipetd0 {padding-left: 3px; width: 266px; text-align: left; vertical-align: top; padding-top: 10px; padding-bottom: 30px;}
.doublerecipetd1 {padding-left: 18px; width: 266px; 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;
}

/*
Colors:
 BLUE rgb(52, 91, 148)
 RED rgb(172, 0, 0)
 ORANGE rgb(200, 96, 0)
 GREEN rgb(116, 151, 73)
 GREY rgb(94, 94, 94)
*/