/*
  Copyright (c) 2009 Country Kitchens Bakery
*/

body {
 font:12px Serifa,'Times New Roman',times, serif;
 background:#050608 url(images/ckb-bg.jpg) repeat scroll top left;
 text-align:center;
 margin:0;
 padding:0;
}
img {
 border:0px;
 margin:0;
 padding:0;
}

a:visited, a:link {
 text-decoration:none;
}
a:hover {
 text-decoration:underline;
}

input, textarea, select {
 font:12px Verdana,Arial, sans-serif;
}

#body {
 width:925px;
 margin:10px auto 0 auto;
 text-align:left;
}

#banner {
 height:110px;
 position:relative;
}
#banner #logo {
 position:absolute;
 top:10px;
 left:0;
}

#banner #hotbox {
 position:absolute;
 top:0;
 right:5px;
 height:80px;
 width:230px;
 padding:20px 0 0 165px;
 background:url(images/banner-latestoffer.png) no-repeat scroll left top;
 color:#D0B395;
 font:11px Verdana,Arial, sans-serif;
 cursor:pointer;
}
#banner #hotbox hr {
 border:0;
 border-top:1px solid #D0B395;
 margin:8px 0;
}
#banner #hotbox a {
 color:#D0B395;
}
#banner #hotbox a:hover {
 color:#CA0032;
}

#content {
 position:relative;
 width:922px;
 height:330px;
 background:url(images/content-bg.png) no-repeat scroll left top;
 font:12px Verdana,Arial, sans-serif;
}

#content p {
 color:#454648;
 margin:0 0 10px 0;
}

#content a {
 color:#CA0032;
}

h4 {
 color:#CA0032;
 padding:0;
 font-size:14px;
 font-weight:bold;
 margin:0;
}
h2 {
 font:bold 22px Helvetica,Arial,sans-serif;
 color:black;
 margin:3px 0 10px 0;
}

#menu {
 height:130px;
}
#menu a {
 display:block;
 float:left;
 height:130px;
 width:215px;
}
#menu a i {
 display:none;
}
#menu a.our-story {
 background:url(images/menu-ourstory.png) no-repeat scroll left top;
}
#menu a.our-breads {
 background:url(images/menu-ourbreads.png) no-repeat scroll left top;
}
#menu a.suggestions {
 background:url(images/menu-suggestions.png) no-repeat scroll left top;
}
#menu a.feedback {
 background:url(images/menu-feedback.png) no-repeat scroll left top;
}
.our.story #menu a.our-story,
.our.breads #menu a.our-breads,
.suggestions #menu a.suggestions,
.feedback #menu a.feedback,
#menu a:hover {
 background-position:left -130px;
}
#menu img {
 float:left;
}

#footer {
 text-align:right;
 font:11px Serifa,'Times New Roman',times,serif;
 margin:0;
 color:#A18E6D;
}
#footer b {
 margin-left:5px;
}
#footer a {
 color:#A18E6D;
}

#ourstory-nav {
 position:absolute;
 z-index:30;
 left:225px;
 bottom:16px;
 width:490px;
 padding-left:80px;
 height:48px;
 background:url(images/ourstory-nav.png) no-repeat scroll left top;
}
#ourstory-nav a {
 display:block;
 float:left;
 margin-right:2px;
 width:80px;
 height:48px;
 background:no-repeat scroll left top;
}
#ourstory-nav a i {
 display:none;
}
#ourstory-nav a:hover {
 text-decoration:none;
}
#ourstory-nav a.prev:hover {
 background-image:url(images/ourstory-nav-prev.png);
}
#ourstory-nav a.y1912:hover {
 background-image:url(images/ourstory-nav-1912.png);
}
#ourstory-nav a.y1950:hover {
 background-image:url(images/ourstory-nav-1950.png);
}
#ourstory-nav a.y1990:hover {
 background-image:url(images/ourstory-nav-1990.png);
}
#ourstory-nav a.next:hover {
 background-image:url(images/ourstory-nav-next.png);
}
#ourstory-nav a.no-hover:hover {
 background-image:none;
 cursor:default;
}
#ourstory-nav a.y1912.current-page {
 background-image:url(images/ourstory-nav-1912.png);
}
#ourstory-nav a.y1950.current-page {
 background-image:url(images/ourstory-nav-1950.png);
}
#ourstory-nav a.y1990.current-page {
 background-image:url(images/ourstory-nav-1990.png);
}

#ourbreads-nav {
 position:absolute;
 z-index:30;
 right:0;
 bottom:1px;
 width:261px;
 height:272px;
 padding-top:55px;
 background:url(images/ourbreads-nav.png) no-repeat scroll left top;
}
#ourbreads-nav a {
 display:block;
 position:absolute;
 right:0;
 width:261px;
 height:52px;
}
#ourbreads-nav a.current-page {
 z-index:30;
}
#ourbreads-nav a i {
 display:none;
}
#ourbreads-nav a:hover {
 text-decoration:none;
}

#ourbreads-nav a.french {
 top:55px;
 z-index:60;
}
.our.breads.french #ourbreads-nav a.french,
#ourbreads-nav a.french.current-page,
#ourbreads-nav a.french:hover {
 background-image:url(images/ourbreads-nav-french.png);
}
#ourbreads-nav a.artisan {
 top:97px;
 z-index:70;
}
.our.breads.artisan #ourbreads-nav a.artisan,
#ourbreads-nav a.artisan.current-page,
#ourbreads-nav a.artisan:hover {
 background-image:url(images/ourbreads-nav-artisan.png);
}
#ourbreads-nav a.speciality {
 top:140px;
 z-index:80;
}
.our.breads.speciality #ourbreads-nav a.speciality,
#ourbreads-nav a.speciality.current-page,
#ourbreads-nav a.speciality:hover {
 background-image:url(images/ourbreads-nav-speciality.png);
}
#ourbreads-nav a.deli {
 top:182px;
 z-index:85;
}
.our.breads.deli #ourbreads-nav a.deli,
#ourbreads-nav a.deli.current-page,
#ourbreads-nav a.deli:hover {
 background-image:url(images/ourbreads-nav-deli.png);
}
#ourbreads-nav a.all {
 top:225px;
 z-index:90;
}
.our.breads.all #ourbreads-nav a.all,
#ourbreads-nav a.all.current-page,
#ourbreads-nav a.all:hover {
 background-image:url(images/ourbreads-nav-all.png);
}


#suggestions {
 position:absolute;
 z-index:30;
 right:0;
 bottom:1px;
 width:201px;
 height:254px;
 padding:73px 30px 0 30px;
 background:url(images/suggestions-notepad.png) no-repeat scroll left top;
 font:normal 11px Helvetica,Arial,sans-serif;
 text-align:center;
 color:#21231E;
}
.news #suggestions {
 background-image:url(images//news/notepad.png);
 font:normal 12px Helvetica,Arial,sans-serif;
}
#suggestions a {
 text-decoration:none;
 color:#111;
}
#suggestions a.go-to-form:hover {
 color:#CA0032;
}
#suggestions a:hover {
 text-decoration:underline;
}
#suggestions p {
 margin:0 0 8px 4px;
 width:185px;
 padding:4px 4px 4px 12px;
 border:1px solid #4D4A47;
 font-weight:bold;
 text-align:left;
}
#suggestions p.current,
#suggestions p.current a {
 color:#C6112F;
}
#suggestions p span {
 margin-left:-8px;
}
#suggestions .nav {
 height:20px;
}
.suggestions h2 {
 width:475px;
}
.news h2 i,
.suggestions h2 i {
 font-size:0.7em;
 font-weight:normal;
}
#suggestions .nav .no-hover {
 cursor:default;
 text-decoration:none;
}
#suggestions .nav a.current {
 color:#BA181E;
}


#feedback {
 position:absolute;
 z-index:30;
 right:0;
 bottom:1px;
 width:201px;
 height:254px;
 padding:73px 30px 0 30px;
 background:url(images/feedback-notepad.png) no-repeat scroll left top;
 font:normal 11px Helvetica,Arial,sans-serif;
 text-align:center;
}
#feedback p {
 margin:0 0 4px 4px;
 width:185px;
 padding:4px 4px 4px 4px;
 border:1px solid #4D4A47;
 font-weight:bold;
 text-align:left;
 background:#F9F5E9;
}
#feedback label {
 float:left;
 width:50px;
}
#feedback input, #feedback textarea {
 font:normal 11px Helvetica,Arial,sans-serif;
 margin:0 0 0 5px;
 border:0;
 background:transparent;
}
#feedback input {
 width:125px;
}
#feedback textarea {
 display:block;
 width:180px;
 height:96px;
}
#feedback button,
.suggestions button {
 border:0;
 padding:0;
 margin:0;
 background:transparent;
 font-size:12px;
}
.suggestions-right button:hover,
#feedback button:hover {
 color:#CA0032;
 text-decoration:underline;
}

.gallery a {
 display:block;
 width:148px;
 height:154px;
 overflow:hidden;
 position:absolute;
 text-decoration:none;
}
.gallery a i {
 display:block;
 width:115px;
 margin:-45px 0 0 16px;
 font-style:normal;
 font-size:10px;
 color:#000000;
 text-align:center;
}
.gallery a:hover {
 text-decoration:none;
}
.gallery a:hover img {
 margin-left:-148px;
}
.gallery a:hover i {
 font-weight:bold;
 color:#C51131;
 width:126px;
 margin:-44px 0 0 11px;
}

.gallery .thumb-1 {
 top:3px;
 left:20px;
}
.gallery .thumb-2 {
 top:3px;
 left:165px;
}
.gallery .thumb-3 {
 top:3px;
 left:310px;
}
.gallery .thumb-4 {
 top:3px;
 left:455px;
}
.gallery .thumb-5 {
 top:158px;
 left:20px;
}
.gallery .thumb-6 {
 top:158px;
 left:165px;
}
.gallery .thumb-7 {
 top:158px;
 left:310px;
}
.gallery .thumb-8 {
 top:158px;
 left:455px;
}

.gallery .thumb-a {
 top:166px;
 left:611px;
}
.gallery .thumb-b {
 top:166px;
 left:760px;
}

#content .page-nav {
 position:absolute;
 z-index:200;
 left:490px;
 bottom:7px;
 color:#0E0904;
 font-size:10px;
}
#content .page-nav a {
 color:#0E0904;
}
#content .page-nav a.current {
 color:#BA181E;
}
#content .page-nav a.current,
.page-nav a.no-hover {
 cursor:default;
 text-decoration:none;
}


.suggestions-left {
 float:left;
 width:230px;
 margin:60px 0 0 35px;
}
.suggestions-right {
 float:left;
 margin:60px 0 0 0;
}
.suggestions label {
 colour:#06090F;
}
.suggestions input,
.suggestions select,
.suggestions textarea {
 margin:0 0 13px 0;
 width:200px;
 border:1px solid #06090F;
 background:#FFFFFD;
 padding:2px 3px;
}
.suggestions-left select {
 width:210px;
}
.suggestions-right input {
 width:300px;
}
.suggestions-right textarea {
 width:370px;
 height:107px;
 margin-bottom:5px;
}
.suggestions-right button {
 float:right;
}