/* -- html -- */
body {
	color: #ffffff;
	font-family: Helvetica, Verdana, Sans-Serif;
	font-size: 10pt;
	background: #000000;
	margin: 0;
	margin-top: 15px;

}

div {
	margin: 0;
	padding: 0;
}

a, a:visited, a:active, .link  {
	/*color: #fd1b14;*/
	color: #cceeff;
	text-decoration: underline;
}

a:hover, .link:hover {
	text-decoration: none;
	color: #FF6633;
}

span.hidden {
	display: none;
}

.white {
	color: #ffffff;
}

h2 {
	margin-top: 1px;
	font-size: 18px;
}
h2 .small {
	font-weight: normal;
	font-size: 65%;
}
h3 {
	font-size: 15px;
}

/* -- page layout -- */
#frameextra {
	position: relative;
	left: 759px;
	top: -2px;
	background: #000000 url(img/line_right.jpg) top right no-repeat;
	height: 2px;
	width: 226px;
}

#framebox {
	width: 100%;
	text-align: right;
}
#frame {
	margin: 0px auto;
	width: 80%;
	padding-top: 1px;
	padding-right: 1px;
	background: #000000 url(img/lines.jpg) top right no-repeat;
}

#splash {
	margin: 0px auto;
	width: 760px;
	text-align: center;
}

/* -- page header -- */
#frameheader {
	height: 100px;
}
#frameheader h1 {
	display: none;
}
#cmf-slideshow {
	width: 100%;
	float: right;
}


.blackbg {
	background: #000 !important;
}



/* -- address bar -- */
#addressbar {
	width: 155px;
	float: left;
	text-align: left;
	margin-top: 0px;
	font-size: 10px !important;
	text-align: left;
	color: #bbbbbb;

}

#addressbar .white {
	color: #ffffff !important;
}


#zoom {
	float: left;
	margin-top: -28px;
}


/* -- login bar -- */
#loginbar {
	width: 155px;
	float: left;
	text-align: left;
	margin-top: 0px;
	font-size: 80%;
	text-align: center;
}
#loginbar p {
	margin: 1px;
	color: #999999;
}
#loginbar form.cmf-form input {
	border: 1px solid #333333;
	color: #ffffff;
	background-color: #222222;
	width: 100px;
	text-align: center;
}
#loginbar form.cmf-form input:focus, #loginbar form.cmf-form select:focus, #loginbar form.cmf-form textarea:focus {
	border: 1px solid #888888;
}
#loginbar form.cmf-form input[type=submit], #loginbar form.cmf-form button {
	border-top: 1px solid #333333;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	adminmborder-left: 1px solid #333333;
	background-color: #1a1a1a;
	color: #999999;
}
#loginbar #login, #loginbar #password {
	height: 13px;
}



/* -- frame content -- */
#framecontent-reduced {
	padding: 10px 10px 10px 0px;
	margin-bottom: 10px;
	color: #ffffff;
	text-align: left;
	padding-left: 200px;
	padding-right: 200px;
}
#framecontent-home {
	padding: 10px 10px 10px 0px;
	margin-bottom: 10px;
	color: #ffffff;
	text-align: left;
	padding-left: 200px;
}
#framecontent {
	padding: 10px 10px 10px 0px;
	margin-bottom: 10px;
	color: #ffffff;
	text-align: left;
}
.inprint {
	background-image: url(img/S_Circle.jpg);
	background-position: 8px 11px;
	background-repeat: no-repeat;
}
#framecontentcontainer {
	margin-top: 10px;
	background: #000000 url(img/line_bottom.jpg) top right no-repeat;
}

#framecontentminh {
	width: 1px;
	float: left;
	height: 380px;
}
.spacer {
	clear: both;
}



/* -- menus - main and admin -- */
#menu {
	padding: 5px 10px 8px 10px;
	width: 780px;
	float: right;
	text-align: right;
	color: #ffffff;
	font-weight: bold;
	background-image: url(img/line_menu.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
}

#menu a, #menu a:active, #menu a:visited {
	color: #ffffff;
	text-decoration: none;
}

#menu a.cmf-menu-selected, #menu a:hover {
	color: #FDD300;
	text-decoration: none;
}

/*
.cmf-menu-club {
	color: #FDD300 !important;
}
.cmf-menu-club:hover {
	color: #FF6633 !important;
}
*/

#adminmenu {
	padding: 0px 10px 0px 10px;
	width: 780px;
	float: right;
	text-align: right;
	color: #ffffff;
}
#adminmenu a, #adminmenu a:active, #adminmenu a:visited {
	color: #dddddd;
	text-decoration: none;
}
#adminmenu a:hover, #adminmenu a.cmf-menu-selected {
	color: #FF6633;
	text-decoration: none;
}


#membermenu {
	padding: 2px 10px 5px 10px;
	width: 780px;
	float: right;
	text-align: right;
	color: #ffffff;
}
#membermenu a, #membermenu a:active, #membermenu a:visited {
	color: #ffffff;
	text-decoration: none;
}
#membermenu a:hover, #membermenu a.cmf-menu-selected {
	color: #FF6633;
	text-decoration: none;
}

/* -- content -- -*/
#content {
	float: right;
	width: 99%;
}



/* -- footer -- */
#framefooter {
	padding-top: 15px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	font-size: 90%;
}
#footer {
	font-size: 80%;
	text-align: center;
}

#footer a, #footer a:active, #footer a:visited {
	color: #ffffff;
	text-decoration: none;
}

#footer a.cmf-menu-selected, #footer a:hover {
	color: #33B8BA;
	text-decoration: none;
}
#footer .views {
	color: #FDD300;
	font-size: 120%;
}

/* -- Articles -- */
.cmf-article {
	margin-bottom: 8px;
}
.cmf-article h3 {
	margin: 0px;
}
.cmf-article-info {
	font-size: 75%;
	font-style: italic;
	color: #dddddd;
	margin-bottom: 5px;
}
.cmf-article-url {
	margin: 10px 0px;
	font-weight: bold;
}
.cmf-article-text {
	font-size: 95%;
}
.cmf-article-image {
	float: right;
	margin: 0px 0px 10px 10px;
}
.cmf-article-thumb {
	float: left;
	margin: 5px 10px 10px 0px;
	border: 1px solid #ffffff;
}
.cmf-article-titlethumb {
	float: left;
	margin: 5px 10px 2px 0px;
	border: 1px solid #ffffff;
}

.cmf-article-clear {
	clear: both;
}
.cmf-article-flash {
	float: right;
	margin: 0px 0px 10px 10px;
	height: 300px;
	width: 300px;
}
.cmf-article-flash-div {
	height: 300px;
	width: 300px;
	border: 1px solid #ff0000;
}

.cmf-article h2 {
	margin-bottom: 5px;
}
.cmf-articles .cmf-article-info {
	margin: 0px;
}
.cmf-article-source {
	font-size: 90%;
}

/* -- Products -- */
/*
#products-main {
	border: 1px solid #ff0000;
}
#products-family {
	border: 1px solid #ff00ff;
}
#products-range {
	border: 1px solid #ffff00;
}
#products-flavour {
	border: 1px solid #00ffff;
}
#products-details {
	border: 1px solid #0000ff;
}*/




#products-family, #products-range, #products-flavour {
	width: 147px;  /* 150 */
	float: left;
	text-align: left;
	margin-right: 5px;
}

#products-family-small, #products-range-small, #products-flavour-small {
	width: 147px;  /* 150 */
	float: left;
	text-align: left;
	margin-right: 5px;
	clear: left;
}
#products-family-small, #products-range-small, #products-flavour-small {
	/*padding-left: 15px;*/
	margin-bottom: 10px;
}
#products-family-small .product-header , #products-range-small .product-header  {
	margin-bottom: 10px;
	/*height: 18px;*/
}


#products-details {
	width: 315px;
	float: right;
	text-align: left;
}
#products-photo {
	width: 300px;
	float: right;
	text-align: center;
	margin-right: 5px;
	margin-top: 18px;
}
#products-select-flavour {
	width: 315px;
	float: right;
	text-align: left;
	padding-top: 20px;
}


.product-header {
	font-weight: bold;
	border-bottom: 1px solid #ffffff;
	text-align: center;
	text-transform: uppercase;
	height: 18px;
}


.products {
	margin: 0;
	padding: 0;
}

.product {
	margin-top: 18px;
	border: 1px solid #ffffff;
	padding: 5px;
}
.product-ref, .product-qty, .product-retail, .product-descr {
	margin: 3px 0;
}

.product-ref-title, .product-qty-title, .product-retail-title, .product-descr-title {
	font-weight: bold;
	color: #FFA858;
}

.product-nutrition-title, .product-ingr-title, .product-eth-title {
	font-weight: bold;
	text-align: center;
	color: #FFA858;
}
.product-nutrition td {
	border-bottom: 1px solid #333333;
	padding: 0px 5px;
}
.product-nutrition table {
	margin: 0px auto;
}

.product-list img {
	margin-bottom: -8px;
}


p.product-message {
	font-size: 80%;
	color: #FDD300;
	background-image: url(img/select_arrow.gif);
	background-position: 0px 2px;
	background-repeat: no-repeat;
	text-align: left;
	padding-left: 20px;

}

a.products, a.products:active, a.products:visited {
	text-decoration: none;
}

a.products-selected, a.products-selected:active, a.products-selected:visited {
	text-decoration: none;
	color: #FFA858;
}

a.products:hover, a.products-selected:hover {
}

.product-title {
	font-weight: bold;
	font-size: 130%;
	text-transform: uppercase;
	color: #FDD300;
	/*color: #9D4300;*/
	border-bottom: 1px dotted #ffffff;
}

.product-ingr {
	text-align: center;
}


#products-cart {
	margin-top: 10px;
	text-align: center;
	height: 50px;
	border: 1px solid #666666;
	background-color: #333333;
}

#products-catalogue {
	margin-bottom: 10px;
	text-align: center;
	padding: 5px;
	border: 1px solid #444444;
	background-color: #111111;
}
#products-catalogue a {
	color: #999999;
}

/* -- Map -- */
#map {
	color: #000000;
	border: 1px solid #ffffff;
}

#map-search {
    padding: 5px;
    text-align: center;
    margin: 5px 0px;
    border: 1px solid #666666;
}





#order_data {
	margin-top: 10px;
	padding: 5px;
	border: 1px solid #444444;
	background-color: #111111;
}
#order_data a {
	text-decoration: none;
}
#order_table {
	/*border: 1px solid #444444; */
}
#order_table td {
	padding: 3px 5px;
	border-bottom: 1px solid #333333;
}




/* --  CMF messages -- */
.cmf-messages {
	font-size: 80%;
	margin: 0px 0px 3px 0px;
	color: #1bfd14;
    border: 0px dotted #1bfd14;
}
.cmf-errors {
	font-size: 80%;
	margin: 0px 0px 3px 0px;
	color: #fd1b14;
    border: 0px dotted #fd1b14;
}
.cmf-confirmation {
    border: 1px solid #666666;
}

/* --  CMF actionlinks -- */
a.cmf-actionlink, a.cmf-actionlink:visited, a.cmf-actionlink:active {
	text-decoration: underline;
	border: 0px solid #cccccc;
	color: #FDD300 !important;
}
a.cmf-actionlink:hover {
	color: #FF6633 !important;
	border: 0px solid #FF6633;
	text-decoration: underline;
}

/* --  CMF tables -- */
td.cmf-top {
    color: #ffffff;
    background-color: #444444;
}
td.cmf-top a {
	color: #FED30C !important;
}
td.cmf-nav {
}
td.cmf-line {
	font-size: 1em;
    background-color: #fdebe4;
}
td.cmf-linesep {
}
td.cmf-line1 {
	font-size: 1em;
}
td.cmf-line2 {
	font-size: 1em;
}

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 {
	text-align: left;
	border: 1px solid #666666;
	color: #ffffff;
	background-color: #444444;
}

form.cmf-form input:focus, form.cmf-form select:focus, form.cmf-form textarea:focus {
	border: 1px solid #888888;
}


form.cmf-form input[type=submit], form.cmf-form button, a.cmf-actionbutton {
	text-align: center;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #222222;
	border-right: 1px solid #222222;
	border-left: 1px solid #666666;
	background-color: #444444;
	text-decoration: none;
	color: #ffffff;
}
form.cmf-form input[type=radio], form.cmf-form input[type=checkbox] {
	border: 1px solid #ff0000;
}
form.cmf-form .cmf-radio, form.cmf-form .cmf-checkbox {
	border: 0px !important;
	background: none !important;
}

#login, #password {
	width: 150px;
}

#calendar {
	float: right;
}
.calendar-special {
    font-weight: bold;
    background-color: #ffffff;
}
.calendar tbody td.selected { /* Cell showing today date */
    font-weight: bold;
    background-color: #000000 !important;
    color: #ffffff !important;
}



.importlog {
    margin-bottom: 5px;
    padding: 0px 5px;
    border: 1px solid #444444;
    background-color: #111111;
}