* {margin: 0; padding: 0; border: 0;}
img {margin: 0; padding: 0; outline: none}
a {outline: none}
.disnone {display: none;}

*{behavior: url('iepngfix.htc');}

.bodybg {background: url(../images/body-line-bg.gif) repeat-x #5F2509; text-align: center;}

.innerbody {background: #5F2509 url(../images/inner-body-line-bg.gif) repeat-x ; text-align: center;}

#chocobg {background: url(../images/chocolate-drop.png) repeat-x; z-index: 1; width: 100%; height: 64px; position: absolute; top: 0; left: 0;}

#ordernow {width: 114px; height: 11px; position: absolute; top: 290px; right: 40px; z-index: 4;}

#inner-ordernow {width: 114px; height: 11px; position: absolute; top: 150px; right: 40px; z-index: 4;}

#mainWrap{background: url(../images/chocolate-drop.gif) repeat-x top center;}

#wrapper {width: 1003px; margin: 0 auto; text-align: left; position: relative;}

#wrapper .topmenu {position: absolute; top: 0; right: 50px; background: url(../images/top-menu.png) no-repeat; z-index: 3; width: 204px; height: 36px; font: normal 11px Tahoma, Arial, Verdana; color: #FFC80F; line-height: 36px; text-align: center;}
#wrapper .topmenu a {font: normal 11px Tahoma, Arial, Verdana; color: #FFC80F; text-decoration: none; padding: 0 5px;}
#wrapper .topmenu a:hover {font: normal 11px Tahoma, Arial, Verdana; color: #FFC80F; text-decoration: underline; padding: 0 5px;}

#wrapper .logo {position: absolute; top: 10px; left: 50px; z-index:10;}

#wrapper .fadeineffect {position: absolute; top: 81px; right: 50px; z-index: 2;}

#the-teasers {display:block; background: url(../images/the-teasers-img.jpg) no-repeat top right;}
#cakes {display:block; background: url(../images/the-cakes-img.jpg) no-repeat top right;}
#chocolates {display:block; background: url(../images/the-chocolates-img.jpg) no-repeat top right;}
#delectables {display:block; background: url(../images/the-delectables-img.jpg) no-repeat top right;}
#teaseroom {display:block; background: url(../images/the-teaseroom-img.jpg) no-repeat top right;}
#occasions {display:block; background: url(../images/the-occasion-img.jpg) no-repeat top right;}

#wrapper .innerimg {position: absolute; top: 1px; right: 0px; z-index: 1;}

#wrapper #menu {width: 960px; margin: 2px 0 0 30px;}

#wrapper #content {width: 950px; padding: 10px 20px;}

#wrapper #inner-content {width: 950px; padding: 10px 20px; font: normal 12px Arial, Helvetica, sans-serif; color: #FFECC8; line-height: 18px; text-align: left; word-spacing: 2px;}

#inner-content .content-desc {padding: 5px 20px; background: #7F4D2B;}
#inner-content .left-content {width: 725px; float: left; margin-right: 20px;}
#inner-content .giftacake {float: left; width: 201px;}

.proddesc {font: normal 12px Arial, Helvetica, sans-serif; color: #FFECC8;}
.proddesc th {font: bold 12px Arial, Helvetica, sans-serif; color: #FFECC8; background: #5F2509; padding: 5px 8px;}
.proddesc td {font: normal 12px Arial, Helvetica, sans-serif; color: #FFECC8; background: #7F4D2B; padding: 5px 8px;}
.proddesc .alt {font: normal 12px Arial, Helvetica, sans-serif; color: #FFECC8; background: #935c38; padding: 5px 8px;}

#wrapper #inner-content a{font: normal 12px Arial, Helvetica, sans-serif; color: #FFECC8; text-decoration: underline;}
#wrapper #inner-content a:hover {font: normal 12px Arial, Helvetica, sans-serif; color: #FFECC8; text-decoration: none;}

#wrapper #inner-content .info {font: normal 10px Arial, Helvetica, sans-serif; color: #FFECC8; padding: 5px 0 10px 0;}

#inner-content h1 {font: normal 20px Verdana, Arial, Helvetica, sans-serif; color: #FFC80F; text-transform: uppercase; padding: 0 0 20px 15px;}

#inner-content .address {float: left; width: 48%; border-right: 1px solid #5F2509; margin-right: 1%;}
#inner-content .ordernow {float: right; width: 48%; margin-left: 1%;}
#inner-content .ordernow label {font-weight: bold; float: left; width: 90px; margin-bottom: 5px;}
#inner-content .ordernow .input {color: #fff; margin-bottom: 5px; border: 1px solid #c18861; background: #7F4D2B; width: 230px;}
#inner-content .ordernow .btn {font: bold 12px Arial, Helvetica, sans-serif; color:#fff; margin-bottom: 5px; border:0; background: #5F2509; padding: 2px 5px; margin-right: 5px;}

#wrapper #footer {width: 990px; font: normal 11px Tahoma, Arial, Verdana; color: #834B2F; border-top: 1px solid #491e09; margin-top: 10px; padding-top: 10px;}
#footer .links a {font: normal 11px Tahoma, Arial, Verdana; color: #834B2F; text-decoration: none; margin: 0 10px;}
#footer .links a:hover {font: normal 11px Tahoma, Arial, Verdana; color: #834B2F; text-decoration: underline; margin: 0 10px;}
#footer .copy {float: left; width: 45%; text-align: left; padding: 10px 0 10px 10px; *padding: 10px 0 10px 5px;}
#footer .designed {float: right; width: 45%; text-align: right; margin: 10px 0;}
#footer .designed a {font: normal 11px Tahoma, Arial, Verdana; color: #834B2F; text-decoration: none;}
#footer .designed a:hover {font: normal 11px Tahoma, Arial, Verdana; color: #834B2F; text-decoration: underline;}

