body,html {
     font-family: Verdana,sans-serif;
     font-size: x-small;
}
h1 {
     font-size:1.4em;
     color: #008000;
}
a {
     color: #008000;
}
/* Table */
th {
     text-align: left;
}
td, th {
     padding-right: 5px;
}
/* style form */
form dt {
    width: 100px;
    display: block;
    float: left;
    clear: left;
}
form dd {
    margin-left: 0;
    float: left;
}
form #submitbutton {
    margin-left: 100px;
}

#mainContent {
	width: 85%;
	margin-left: auto;
	margin-right: auto;
	}

#preheader {
	width: 100%;
	background-image: url("img/bar-40x2048.png");
	background-repeat: repeat-x;
	height: 20px;
	position: absolute;
    top:0;
    right:0;
}

#preheader a{
	padding-left: 10px;
	vertical-align: middle;
	text-decoration: none;
	margin-top: 2px;
	display: block;
	float: left;
	color: #fff;
	font-weight: bold;
}

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

#preheader a:before {content:"\bb""\a0";}

#footer {
	width: 100%;
	
	height: 20px;

	font-size: xx-small;
	text-align: center;
	vertical-align: middle;
	padding-top: 4px;
}

#footer a{
	padding-left: 10px;
	text-decoration: none;
	
}

#footer a:before {content:"\bb""\a0";}

#header, #content, #footer {
	width: 100%;
	vertical-align: bottom;
}

#headerAdm, #contentAdm, #footerAdm {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	vertical-align: bottom;
}

#header, #headerAdm {
	height: 140px;
	background-repeat: no-repeat;
	background-position: top left;
	position: relative;
}

#headerAdm h1{
	padding: 0px;
	margin: 0px;
	margin-left: 240px;
	padding-top: 40px;
	font-size: xx-large;
}

#header h1{
	padding: 0px;
	margin: 0px;
	margin-left: 240px;
	padding-top: 40px;
	font-size: xx-large;
}

#header small{
	padding: 0px;
	margin: 0px;
	margin-left: 280px;
	font-style: italic;
}

#adminMenu a {
		text-decoration: none;
	}
	
#rightpanel {
	width: 4em;
}

#content {
	background-color: #f5f5f5;
	}
	
#rightpanel {
	background-color: #fff;
	}

#contentTable {
	width: 100%;
	}
	
#contentTable td {
	vertical-align: top;
	}
	
.addlinkbtn {
	text-decoration: none;
	}

.addlinkbtn A:hover {
	font-weight: bolder;
	}

.deletelink {
	text-decoration: none;
	color: red;
	}
	
.basicList {
	}
	
.basicList td,th{
	padding: 2px 10px;
	}
	
.basicList tr.odd td {
		background-color: #DBDFFF;
	}
	
.backLink {
		padding-left: 2em;
	}

.basicList tr.hover td {
		background-color: #C4C4C4;
	}


#sidebar {
	width:200px; 
	margin:0px 10px -9px 0px;
	}
	
#sidebar{ color: #999; }

#sidebar ul{
	margin:0px; 
	padding:0px; 
	list-style-type:none;
	}
	
#sidebar > ul > li{background:url(img/menu-mid.png) repeat-y;}
#sidebar > ul > li > ul{padding:5px 9px 8px 9px; background:url(img/menu-bot.png) bottom no-repeat;}
#sidebar > ul > li > h2, #sidebar > ul > li > form > h2{display:block; height:18px; background:url(img/menu-top.png) no-repeat; padding:7px 9px 0px 9px; margin-top:10px; margin-bottom:5px; color:#000;}
#sidebar > ul > li > div, #sidebar > ul > li > form > div{padding:10px 0px 9px 10px; background:url(img/menu-bot.png) bottom no-repeat;}
#sidebar input[type=text]{width:108px;}
#sidebar ul li ul a:before{content:"\bb""\a0";}
#sidebar ul li ul a{text-decoration: none; font-weight: bold; }
#sidebar .text{padding:7px 0px 0px 0px; background:#fff;}
#sidebar .text p{color:#000; font-weight:bold;}
#sidebar .bk{color:#000;}
#sidebar .categories .children{margin-left:10px;}
#sidebar .productList a {font-weight: normal; font-style: italic;}
#sidebar .productList li {margin-left:10px;}
#sidebar a:hover {text-decoration: underline;}

#sidebar > ul > li{background-color:#e6eaf2;} /* menu background color */

table	{border-collapse: collapse;}
td		{padding: 0px; vertical-align: top;}

.product {
	padding-top: 4em;
	padding-left: 2em;
	padding-right: 2em;
	}
	
.product-thumbnail {
	float: right;
}

.product-date {
	width: 45px;
	height: 49px;
	float:left;
	background: url(img/date-bg.gif) no-repeat;
}
.product-month {
	font-size: 11px;
	text-transform: uppercase;
	color: #FFFFFF;
	text-align: center;
	display:block;
	line-height: 11px;
	padding-top: 2px;
	margin-left: -3px;
}
.product-day {
	font-size: 18px;
	text-transform: uppercase;
	color: #999999;
	text-align: center;
	display:block;
	line-height: 18px;
	padding-top: 7px;
	margin-left: -3px;
}
.product-title {
	float: left;
	margin-left: 10px;
	width: 430px;
	display: block;
}

.product-title h2 {
	color: #59770e;
	margin: 0px 0px 2px;
	border-bottom: 1px dotted #CCCCCC;
	letter-spacing: -1px;
	font: normal 190%/100% "Trebuchet MS", Tahoma, Arial;
	padding-bottom: 3px;
}


.product-cat {
	float:left;
	font-size: 95%;
	color: #999999;
}


.product-cat a:before{content:"\bb""\a0";}

.product-data {
	clear: both;
	padding-top: 10px;
}

.tabHolder {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	}

.tabDiv {
	border: 1px solid #CCCCCC;
	border-top: 0;
	padding: 0em 1.5em;
	background-color: #E6EAF2;
}

.tabNavSubLevel {
	padding-left: 1em;
	padding-right: 1em;
	padding-bottom: 0;
	padding-top: 1em;
	background-color: #E6EAF2;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}

.tabNavSubLevel a{
	background: #E6EAF2;
	color: black;
	font-weight: bold;
	padding: 4px 6px;
	text-decoration: none;
	line-height: 22px;
}

.tabNavSubLevel a:hover{
	background: #6193E9;
	color: white;
	font-weight: bold;
	padding: 4px 6px;
	text-decoration: none;
}

.tabNavSubLevel a.selected{
	background: #6193E9;
	color: white;
	font-weight: bold;
	padding: 4px 6px;
	text-decoration: none;
}

.tabItemActive {
	display: block;
	background-color: #E6EAF2;
	padding-bottom: 0.5em;
	padding-top: 0.5em;
	width: 100%;
}

.tabItemInactive {
	display: none;
}

.tabnav {
	text-align: left;
	margin: 1em 0 0 0;
	border-bottom: 1px solid #CCCCCC;
	list-style-type: none;
	padding: 3px 10px 3px 10px;
}

.tabnav li {
	display: inline;
}

.tabnav .selected {
	border-bottom: 1px solid #E6EAF2;
	background-color: #E6EAF2;
}

.tabnav .selected a {
	background-color: #E6EAF2;
	color: black;
	position: relative;
	top: 1px;
	padding-top: 4px;
}

.tabnav li a {
	padding: 3px 4px;
	border: 1px solid #CCCCCC;
	background-color: #B7B7B7;
	color: white;
	margin-right: 0px;
	text-decoration: none;
	border-bottom: none;
	line-height: 1.5em;
}

.tabnav a:hover {
	background: #E6EAF2;
	color: black;
}

table.mailinglistadd td {
	padding: 5px;
}

.mailinglistadd td {
	padding: 5px;
	vertical-align: middle;
}


.categoryList a {
	text-decoration: none;
	}

.categoryList a:hover {
		font-weight: bold;
	}
	
.backLink {
		font-weight: bold;
		text-decoration: none;
		margin-left: 5px;
	}
.backLink:before{content:"\ab""\a0";}

.noProducts {
		display: block;
		font-weight: bold;
		font-style: italic;
		margin-top: 1em;
		padding-left: 2em;
	}

.formtext {
		width: 200px;
	}