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

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: 800px;
	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 {
	width: 800px;
	height: 100px;
}
#frameheader h1 {
	display: none;
}
#cmf-slideshow {
	width: 636px;
	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;
}

/* ---- products ---*/

#products-family {
	FLOAT: left; WIDTH: 115px; MARGIN-RIGHT: 5px; TEXT-ALIGN: left
}
#products-range {
	FLOAT: right; WIDTH: 115px; MARGIN-RIGHT: 5px; TEXT-ALIGN: left
}
#products-flavour {
	FLOAT: right; WIDTH: 115px; MARGIN-RIGHT: 5px; TEXT-ALIGN: left
}
#products-family-small {
	CLEAR: right; FLOAT: left; WIDTH: 115px; MARGIN-RIGHT: 5px; TEXT-ALIGN: left
}
#products-range-small {
	CLEAR: left; FLOAT: right; WIDTH: 115px; MARGIN-RIGHT: 5px; TEXT-ALIGN: left
}
#products-flavour-small {
	CLEAR: left; FLOAT: right; WIDTH: 115px; MARGIN-RIGHT: 5px; TEXT-ALIGN: left
}
#products-family-small {
	MARGIN-BOTTOM: 10px
}
#products-range-small {
	MARGIN-BOTTOM: 10px
}
#products-flavour-small {
	MARGIN-BOTTOM: 10px
}
#products-family-small .product-header {
	MARGIN-BOTTOM: 10px
}
#products-range-small .product-header {
	MARGIN-BOTTOM: 10px
}
#products-details {
	FLOAT: right; WIDTH: 290px; TEXT-ALIGN: right; margin:-top:2px; MARGIN-RIGHT:5px;color:white;
}
#products-photo {
	MARGIN-TOP: 0px; MARGIN-LEFT: 0px;
}
#products-select-flavour {
	FLOAT: right; WIDTH: 115px; PADDING-TOP: 20px; TEXT-ALIGN: left
}
.product-header {
	FONT-WEIGHT: bold; TEXT-TRANSFORM: uppercase; BORDER-BOTTOM: #ffffff 1px solid; HEIGHT: 18px; TEXT-ALIGN: center
}
.products {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
.product {
	BORDER-RIGHT: #ffffff 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ffffff 1px solid; MARGIN-TOP: 15px; PADDING-LEFT: 15px; PADDING-BOTTOM: 5px; BORDER-LEFT: #ffffff 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #ffffff 1px solid
}
.product-ref {
	MARGIN: 3px 0px
}
.product-qty {
	MARGIN: 3px 0px
}
.product-retail {
	MARGIN: 3px 0px
}
.product-descr {
	MARGIN: 3px 0px
}
.product-ref-title {
	FONT-WEIGHT: bold; COLOR: #ffa858
}
.product-qty-title {
	FONT-WEIGHT: bold; COLOR: #ffa858
}
.product-retail-title {
	FONT-WEIGHT: bold; COLOR: #ffa858
}
.product-descr-title {
	FONT-WEIGHT: bold; COLOR: #ffa858
}
.product-nutrition-title {
	FONT-WEIGHT: bold; COLOR: #ffa858; TEXT-ALIGN: center
}
.product-ingr-title {
	FONT-WEIGHT: bold; COLOR: #ffa858; TEXT-ALIGN: center
}
.product-eth-title {
	FONT-WEIGHT: bold; COLOR: #ffa858; TEXT-ALIGN: center
}
.product-nutrition TD {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: #333333 1px solid
}
.product-nutrition TABLE {
	MARGIN: 0px auto
}

/* -- 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;
}
#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(../images/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;
}


#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-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;
	text-align: left;
}
#products-photo {
	width: 300px;
	text-align: center;
	margin-right: 5px; 
	margin-top: 5px;
}
#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(../images/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;
}





#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;
}
#login
{
	padding: 7px; 
	margin: 7px;
	font-family:Arial;
	font-size:small
}
#cart
{
	padding: 7px; 
	margin: 7px;
	font-size:medium
}
.navlist li
{
display: inline;
padding-right: 5px;
}
.hr
{
	border-top-style: dashed;
	border-width: thin; 
	border-color: #808080
}
.navlistMain li
{
	
	display: inline;	
}
.CustomTabStyle .ajax__tab_header {
    font-family:verdana,tahoma,helvetica;
    font-size:13px;
    color: #000;
    font-weight:bold;
    background:url(../images/tab-line.gif) repeat-x bottom;
}
.clearit {
        margin: 0;
        padding: 0;
        height: 0;
        clear: both;
}

/* BUBBLE PLASTIC HORIZONTAL MENU */

.bubplastic.horizontal {
        width: 100%;
        height: 27px;
        margin: 0;
        padding: 0;
        background: #000000 url(img/bg-bubplastic.gif) top left repeat-x;
}
.bubplastic.horizontal ul {
        list-style: none;
        margin: 0;
        padding: 0;
}
.bubplastic.horizontal ul li {
        float: left;
        margin: 0;
        padding: 0;
        background: transparent url(img/bg-bubplastic-button.gif) top left no-repeat;
}

.bubplastic.horizontal ul li a {
        display: block;
        height: 27px;
        padding-left: 25px;
        float: left;
        text-transform: uppercase;
        font-family: "Helvetica Neue",helvetica,"microsoft sans serif",arial,sans-serif;
        font-size: 70%;
        color: #FFFFFF;
        text-decoration: none;
}
.bubplastic.horizontal ul li a span.menu_ar {
        display: block;
        float: left;
        height: 22px;
        padding-top: 5px;
        padding-right: 25px;
        background: transparent url(img/bg-bubplastic-button.gif) top right no-repeat;
        cursor: pointer;
}
/* END BUBBLE PLASTIC HORIZONTAL MENU */
.td-top
{
	border-top-style: solid; 
	border-top-width: 1px; 
	border-color: #222
}
.td-right
{
}
img
{
	border: 0;
}
.tblheader
{
	background-image: url('img/tbl_header_bg.gif'); 
	height: 29px; 
	font-size: large; 
	font-weight: bold; 
	text-align: center;
	margin:2px
	
}
input.txt 
{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: small; 
	text-decoration: none; 
	color: #FF6600; 
	background-color: #222; 
	border: 1px solid grey
}
input.btn 
{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: small; 
	text-decoration: none; 
	color: #FFF; 
	size:15px;
	background-color: #FF6600; 
	border: 1px solid grey
}
td.menu-border
{
	border-right-style: solid; 
	border-right-width: 1px;
    	border-right-color: #222; 
	border-left-style: solid; 
	border-left-width: 1px;
   	border-left-color: #222;
        border-bottom-style: solid;
        border-bottom-width: 1px;
    	border-bottom-color: #222
}
td.btm-border
{
}

td.td-footer
{
	border: solid; 
	width: 1px;
    color: #222; 
}

#cmf_slideshow
{
padding-right:0px;
margin-right:0px;
position:relative
}

.treeview, .treeview ul { 
	padding: 0;
	margin: 0;
	list-style: none;
}

.treeview ul {
	background-color: #222222;
	margin-top: 4px;
	margin-right: 4px;
}

.treeview .hitarea {
	background: url(img/treeview-default.gif) -64px -25px no-repeat;
	height: 16px;
	width: 16px;
	margin-left: -16px;
	float: left;
	cursor: pointer;
}
/* fix for IE6 */
* html .hitarea {
	display: inline;
	float:none;
}

.treeview li { 
	margin: 0;
	padding: 3px 0pt 3px 16px;
}

.treeview a.selected {
	background-color: #eee;
}

#treecontrol { margin: 1em 0; display: none; }

.treeview .hover { color: red; cursor: pointer; }

.treeview li { background: url(img/treeview-default-line.gif) 0 0 no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }

.treeview .expandable-hitarea { background-position: -80px -3px; }

.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(img/treeview-default.gif); }  
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }


.treeview-famfamfam li { background-image: url(/img/treeview-famfamfam-line.gif); }
.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable { background-image: url(/img/treeview-famfamfam.png); } 


.filetree li { padding: 3px 0 2px 16px; }
.filetree span.folder, .filetree span.file { padding: 1px 0 1px 16px; display: block; }
.filetree span.folder { background: url(img/folder_picture.png) 0 0 no-repeat; }
.filetree li.expandable span.folder { background: url(img/folder.png) 0 0 no-repeat; }
.filetree span.file { background: url(img/file.png) 0 0 no-repeat; }


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(img/macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:47%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

.applemenu{
margin: 5px 0;
padding: 0;
width: 185px; /*width of menu*/
/*border: 1px solid #9A9A9A;*/
}

.applemenu div.silverheader a{
background: black url(img/silvergradient.gif) repeat-x center left;
font: normal 12px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
color: white;
font-weight: bold;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 5px 0;
padding-left: 8px;
text-decoration: none;
}


.applemenu div.silverheader a:visited, .applemenu div.silverheader a:active{
color: black;
}


.applemenu div.selected a, .applemenu div.silverheader a:hover{
background-image: url(img/silvergradientover.gif);
color: black;
}

.applemenu div.submenu{ /*DIV that contains each sub menu*/
background: black;
padding: 5px;
/*height: 300px;*/ /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
}


.arrowlistmenu{
width: 175px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 14px Arial;
color: white;
background: black url(titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 1px 0 4px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(img/titlebar-active.png);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #A70303;
background: url(img/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #111;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}