/*
    Dark Orange #f59323
    Light Orange 
    Brown #e8b92d
    Dark yellow #ffde25

    Light blue: #bce4e6
    Darker blue: 01bac6
    Dark blue: 326c9f
*/

html,body,form { 
    margin:0;
    padding:0;
    height:100%;
}


body { font-size:12px; color:#666; font-family:Tahoma, Geneva, sans-serif; background:#bce4e6 url(/_images/layup/bg_body.png) repeat-x left top; text-align:center; }
hr { margin:20px 0; }
h2 { font-size:26px; font-weight:bold; margin-bottom:20px; color:#326c9f; }
h3 { font-size:18px; font-weight:bold; margin:20px 0; color:#01bac6; }
p { margin-bottom:10px; line-height:22px; text-align:justify; }

ol { margin:10px 30px; list-style-type:decimal; }
ol li { line-height:22px; }

a { color:#01bac6; }
a:hover { color:#326c9f; text-decoration:none; }

#wrapper_outer { /*height:100%; border:solid 1px #bce4e6; border-top:none; border-bottom:none;*/ width:930px; margin:auto; text-align:left; } 
#wrapper { position:relative; padding-bottom:25px; /*min-height:100%;*/ background-color:#01bac6; border:solid 10px #326c9f; border-bottom:none; border-top:none; }

#header { height:121px; border-bottom:solid 10px #326c9f; background-color:#bce4e6; margin-bottom:20px; }
#footer { position:absolute; color:#326c9f; left:20px; bottom:1px; width:870px; height:20px; line-height:18px; /*border-top:dotted 1px #326c9f;*/ font-size:10px; }
#footer ul { float:left; margin:0; }
#footer ul li { display:inline; padding:0 5px 0 8px; margin:0; border-left:solid 1px #326c9f; }
#footer ul li.first { border:none; padding-left:0; }
#footer a { color:#bce4e6; text-decoration:none; }
#footer a:hover { color:#326c9f; text-decoration:underline; }

#copyright { margin-left:300px; text-align:right;  }

#logo { width:319px; height:103px; float:left; margin:10px 0 0 20px; }
#logo a { display:block; height:103px; background:url(/_images/layup/logo.jpg) no-repeat center center; }
#logo a span { display:none; }

#menu { position:absolute; top:111px; right:0px; }
#menu ul { text-align:center; }
#menu ul li { float:left; height:30px; background-color:#326c9f; margin-right:20px; min-width:100px; }
#menu ul li a { display:block; padding:5px 10px; height:20px; line-height:20px; text-decoration:none; color:#fff; font-weight:bold; font-size:12px; text-transform:uppercase; }
#menu ul li a:hover { color:#01bac6; }

#menu ul li.selected { background-color:#fff; height:20px; border:solid 5px #326c9f; }
#menu ul li.selected a,
#menu ul li.selected a:hover { padding:0 10px; color:#01bac6; }

#content { margin:0 20px; padding:20px; background-color:#fff;  /* Height of the footer */  }


.cake_categories { margin-left:20px; }
.cake_categories li { float:left; width:365px; height:130px; margin:15px; background:#fff url(/_images/layup/bg_cake_menu.png) repeat-x left bottom; }
.cake_categories li a { display:block; color:#326c9f; height:100px; padding:10px; border:dotted 5px #bce4e6; text-decoration:none; font-size:15px; font-weight:bold; }
.cake_categories li a:hover { color:#01bac6;  }

.cake_categories li.large { width:760px; height:130px; margin:15px; }
.cake_categories li.large a img { padding:5px; background-color:#fff; margin:15px 3px 0 3px; }

.cake_categories li a span { text-align:center; display:block; }
.cake_categories li a img { padding:5px; background-color:#fff; margin:15px 4px 0 4px; }
.cake_categories li a:hover img { background-color:#bce4e6; }



#cake_info { float:left; width:415px; }

#cake_imgs { margin-left:25px; float:left; width:365px; padding-left:20px; border-left:dotted 1px #326c9f; }
#cake_imgs a { float:left;  background-color:#01bac6; padding:5px; margin:5px; }
#cake_imgs img { }
#cake_imgs a:hover { background-color:#326c9f; }

#cake_imgs .links li a { float:none; background:none; padding:0; margin:0; }
#cake_imgs .links li a:hover { float:none; background:none; }


.links { list-style-type:square; margin-left:20px; }
.links li { color:#326c9f; line-height:16px; margin-bottom:20px;  }
.links li span { color:#666;  }
.links li a { }




#cake_enquiry { margin-top:30px; margin-bottom:10px; }
#cake_enquiry fieldset { background-color:#bce4e6; padding:10px; }







#cake_order { }
#cake_order .fieldset { width:500px; float:left; clear:left; }
#cake_order { }







.row { margin-bottom:10px; text-align:center; }
.row label { display:block; text-align:left; font-size:12px; margin-bottom:5px; }
.row input[type="text"] { width:97%; }
.row textarea { width:97%; }
.row input[type="text"], .row textarea { font-family:Tahoma, Geneva, sans-serif; }
.row.btns { text-align:right; }

.row p { line-height:normal; font-size:11px; }

.fieldset {background-color:#bce4e6; padding:5px; margin:0 0 10px 0;  }
fieldset { }
fieldset legend { font-size:20px; color:#01bac6; margin-bottom:10px; }
fieldset table { width:100%; }
fieldset table th { padding:5px; text-align:right; width:140px; }
fieldset table td { padding:5px; }

fieldset table td span.desc { font-size:11px;  }

fieldset table label { }
label.required { font-weight:bold; }

fieldset table input[type="text"] { width:97%; }
fieldset table textarea { width:97%; }
fieldset table input[type="text"], fieldset table textarea { font-family:Tahoma, Geneva, sans-serif; }
fieldset table .btns { text-align:right; }

fieldset table td.multi-col { padding:0; }

fieldset table.radio-list { }
fieldset table.radio-list td { padding:0; }

.fieldset-info { float:left; margin-left:10px; border:solid 1px #bce4e6; padding:5px; width:295px; }
.fieldset-info h3 { font-size:20px; color:#888; margin-top:0; margin-bottom:10px; }
.fieldset-info p { font-size:11px; color:#999; line-height:15px; text-align:left; }

.aTop { vertical-align:top; }
.bold { font-weight:bold; }
.clear { clear:both; }