body {
	color : #333333;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	background: #AE893B;
	margin: 0px;
	padding: 0px;
}

div {
	margin: 0;
	padding: 0;
}

a, a:visited, a:active{
	color: #AC935D;
	text-decoration: none;
}
a:hover {
    color: #AC935D;
	text-decoration: underline;
}

#frame h1, span.hidden {
	display: none;
}

.spacer {
	clear: both;
}

/* -- Layout -- */
#container {
	width: 100%;
	text-align: center;
}

#frame {
	width: 765px;
	margin: 0px auto;
}

#banner {
	text-align: right !important;
	height: 128px;
	width: 709px;
	background: url(img/banner.jpg) 0 0 no-repeat;
}
#cmf_slideshow {
	margin-left: 312px; 
	width: 397px; 
	height: 128px;
}

#framecontainer {
	padding-top: 10px;
	width: 709px;
	margin: 0px auto;
}

#framecontent {
	margin-top: 3px;
}

#content-container {
	background: #ffffff url(img/bg.jpg) 2px 0px repeat-y;
	/*background: #ffffff url(img/bg.jpg) 0px 0px repeat-y !important;*/
	/*border-left: 2px solid #ffffff; */
}

#content-subcontainer {
	width: 350px;
	float: left;
	margin-left: 20px;
	padding-right: 5px;
}

#content-bottom {
	background: #ffffff url(img/bottom-bg.jpg) 0 0 no-repeat;
	height: 129px;
}

#side-pic {
	width: 200px;
	float: right;
	padding-right: 8px;
	padding-top: 10px;
}

#bottom-pic {
	margin-left: 133px;
	width: 500px;
	padding-top: 15px;
	text-align: left;
	font-size: 8pt;
}
table.bottom_pics td {
	width: 80px;
	text-align: center;
}
table.bottom_pics a {
	text-decoration: none;
	color: #000000;
}
table.bottom_pics a:hover {
	color: #AC935D;
}

#framefooter {
	font-size: 80%;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #ffffff;
}

#framefooter a, #framefooter a:active, #framefooter a:visited {
	color: #ffffff;
}

#framefooter a:hover {
	text-decoration: underline;
}

/* -- Menu -- */
#menu {
	width: 709px;
	text-align: center;
	background: #AE893B url(img/menu-bg.jpg) 0 0 no-repeat;
	height: 30px;
}
#menu ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	margin-left: 50px;
}
#menu li {
	float: left;
	padding-left: 15px;
	padding-top: 6px;
}

#menu a {
	display: block;
	height: 20px;
	padding-right: 8px;
	/*height: 35px;*/
}

#menu li span {
	display: none;
}

#menu a.cmf-menu-home {
	background: #AE893B url(img/menu-home.jpg) 0 0 no-repeat;	
	width: 42px;
}

#menu a.cmf-menu-about-us {
	background: #AE893B url(img/menu-about.jpg) 0 0 no-repeat;	
	width: 70px;
}

#menu a.cmf-menu-products {
	background: #AE893B url(img/menu-products.jpg) 0 0 no-repeat;	
	width: 71px;
}

#menu a.cmf-menu-corporate {
	background: #AE893B url(img/menu-corporate.jpg) 0 0 no-repeat;	
	width: 84px;
}
#menu a.cmf-menu-custom-made {
	background: #AE893B url(img/menu-custom.jpg) 0 0 no-repeat;	
	width: 103px;
}
#menu a.cmf-menu-contact {
	background: #AE893B url(img/menu-contact.jpg) 0 0 no-repeat;	
	width: 89px;
}
#menu ul li a:hover, #menu a:hover {
	background-position: 0 -20px;
}
#menu ul li a.cmf-menu-selected, #menu a.cmf-menu-selected, #menu .cmf-menuh-sub-selected a {
	background-position: 0 -40px;
}


#sidemenu {
	background: #ECE0C6;
	width: 113px;
	float: left;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 90%;
	margin-left: 2px;	
}

#sidemenu ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	/*width: 115px;*/
}

#sidemenu li {
	margin-left: 5px;
	padding: 7px 0px 7px 5px;
	text-transform: uppercase;
	border-bottom: 1px solid #ffffff;
}
#sidemenu ul ul {
	/*width: 103px;*/
}
#sidemenu ul li ul li {
	font-size: 90%;
	text-transform: none;
	border: none;	
	border-top: 1px solid #ffffff;	
	margin-left: 5px;
	margin-top: 5px;
	padding: 3px 0px 1px 3px;
}

#sidemenu ul li ul li a {
	padding-right: 2px;
}

#sidemenu a {
	display: block;
	color: #000000;
	text-decoration: none;
}

#sidemenu a:hover {
	color: #6b6963;
}
#sidemenu a.cmf-menu-selected {
	color: #AC935D;
	font-weight: bold;
}
#sidemenu ul ul a.cmf-menu-selected {
	color: #AC935D;
	font-weight: normal;
}
#admin-menu {
}









/* -- Content -- */
#main-content {
	padding-top: 10px;
}

#content {
	text-align: left;
	padding-bottom: 20px;
	line-height: 140%; 
}

#content .products-img {
	margin: 0px 10px 10px 0px;
}

#content .products-title {
	font-weight: bold;
}

#content .products-entry {
	font-size: 90%;
	width: 140px;
	float: right;
}

#bottom-pic td {
	font-size: 8px;
	text-transform: uppercase;
	text-align: center;
}

#side-pic .side-title {
	padding-bottom: 5px;
	padding-left: 50px;
	text-align: left;
}

#side-pic .legend {
	margin-left: 35px;
	text-align: center;
}

#side-pic .side {
	padding-bottom: 10px;
}

#side-pic .spic {
	text-align: right;
}


/* -- Header Titles -- */
#header {
	padding-top: 20px;
	margin-left: 120px;
	padding-left: 20px;
	text-align: left;
	color: #B39041;
}

#title-home h2, #title-about_us h2, #title-christmas_crackers_what h2, #title-christmas_crackers_history h2, #title-products h2, #title-after_dinner_delight h2, #title-animal_crackers h2, #title-choc_a_block h2, #title-christmas_afters h2, #title-cocktail_crackers h2, #title-party_shots h2, #title-corporate h2, #title-custom_made h2, #title-contact h2 {
	display: none;
	padding-top: 10px;
	padding-bottom: 10px;
}

#title-home {
	background: #ffffff url(img/title-home.jpg) 0 0 no-repeat;
	height: 35px;
}

#title-about_us {
	background: #ffffff url(img/title-about.jpg) 0 0 no-repeat;
	height: 35px;
}

#title-christmas_crackers_what {
	background: #ffffff url(img/title-what_christmas_crackers.jpg) 0 0 no-repeat;
	height: 35px;
}

#title-christmas_crackers_history {
	background: #ffffff url(img/title-history_christmas_crackers.jpg) 0 0 no-repeat;
	height: 35px;
}

#title-products {
	background: #ffffff url(img/title-products.jpg) 0 0 no-repeat;
	height: 35px;
}

#title-after_dinner_delight {
	background: #ffffff url(img/title-after_dinner_delight.jpg) 0 0 no-repeat;
	height: 35px;
}

#title-animal_crackers {
	background: #ffffff url(img/title-animal_crackers.jpg) 0 0 no-repeat;
	height: 35px;
}

#title-choc_a_block {
	background: #ffffff url(img/title-choc_block_crackers.jpg) 0 0 no-repeat;
	height: 35px;
}

#title-christmas_afters {
	background: #ffffff url(img/title-christmas_afters_crackers.jpg) 0 0 no-repeat;
	height: 35px;
}

#title-cocktail_crackers {
	background: #ffffff url(img/title-cocktail_crackers.jpg) 0 0 no-repeat;
	height: 35px;
}

#title-party_shots {
	background: #ffffff url(img/title-party_shots_crackers.jpg) 0 0 no-repeat;
	height: 35px;
}

#title-corporate {
	background: #ffffff url(img/title-corporate.jpg) 0 0 no-repeat;
	height: 35px;
}

#title-custom_made {
	background: #ffffff url(img/title-custom_made.jpg) 0 0 no-repeat;
	height: 35px;
}

#title-contact {
	background: #ffffff url(img/title-contact.jpg) 0 0 no-repeat;
	height: 35px;
}

#title-home {
	background: #ffffff url(img/title-home.jpg) 0 0 no-repeat;
	height: 35px;
}
h3 {
	font-size: 15px;
}

/* -- Footer -- */
#footer {
	clear: both;
	color: #ffffff;
	text-align: center;
}

/* --  CMF messages -- */
.cmf-messages {
	font-size: 80%;
	margin: 0px 0px 3px 0px;
    color: #006633; 
    border: 1px dotted #bfbfbf; 
}
.cmf-errors {
	font-size: 85%;
	margin: 0px 0px 3px 0px;
    color: #FF004D; 
    border: 1px dotted #bfbfbf; 
}
.cmf-confirmation {
    border: 1px solid #787878; 
}
/* --  CMF actionlinks -- */
a.cmf-actionlink, a.cmf-actionlink:visited { 
	background-color: #CFCFCF; 
	border: 1px solid #787878; 
	text-decoration: none;
	color: #E20203;
} 
a.cmf-actionlink:hover, a.cmf-actionlink:active { 
	color: #484848; 
	/*background-color: #484848; */
	text-decoration: none;
} 

/* --  CMF tables -- */
td.cmf-top { 
    color: #FEFEFE; 
    background-color: #484848; 
}
td.cmf-top a {
	color: #A7D2E5 !important;
}
td.cmf-nav { 
    background-color: #A7D2E5; 
}
td.cmf-line { 
	font-size: 1em;
    background-color: #EDEDED; 
}
td.cmf-linesep { 
    background-color: #ffffff; 
}
td.cmf-line1 { 
	font-size: 1em;
    background-color: #F2F2F2; 
}
td.cmf-line2 { 
	font-size: 1em;
    background-color: #E2E2E2; 
}
td.cmf-right {
	font-size: 1em;
	text-align: left !important;
}
span.cmf-compulsory {
    color: #FF9999;
}
td.cmf-left {
	font-size: 1em;
}
td.cmf-break { 
    border-bottom: #647883 solid 1px;
}
td.cmf-sep { 
}
td.sep h4 {
}
td.cmf-bottom {
}

/* --  CMF forms -- */
form.cmf-form input, form.cmf-form select, form.cmf-form textarea, a.cmf-actionbutton { 
	border: 1px solid #787878;
	color: #1A1F1A;
	background-color: #EDEDED;
} 

form.cmf-form input[type=submit], form.cmf-form button, a.cmf-actionbutton { 
	border-top: 1px solid #e2f6ff;
	border-bottom: 1px solid #787878;
	border-right: 1px solid #787878;
	border-left: 1px solid #e2f6ff;
	cursor: hand;
	background-color: #EDEDED;
	text-decoration: none;
}