/* COMMENTS */
body
{
	background-color: #F0EDDC;
	color : #111;
	font-family : sans-serif;
	font-size: .8em;
	margin: 1px;
	padding: 0px;

}

br {
clear: both;
}

#banner {
	background: #09549E url("images/topintback.gif");
	color: inherit;
	margin: 0px 0px 1px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	
	display: block;
}

.headerleft
{
BACKGROUND: transparent url(images/websiter.gif) no-repeat 2px 2px; 
width: 180px;
height: 19px;
}

.right {
float: right;
}

.user {
	color: #ffffff;
	font-size: 10px;
	padding-left: 2px;
	margin: 0px;
}

.user a{
color: #fff;
font-weight: bold; 
text-decoration: none;
}

.layoutwrapper
{
	background-color: inherit; 
	width: 100%;
	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: auto;
}


.current {
  	background-color:#D0D0BF;
}

#nav {
	position: absolute;
	top: 35px;
	left: 1px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 155px;
	background-color: #09549E;
}

#center{
	margin: 0;
	padding: 15px 0 0 155px;
	background: #F0EDDC url("/creation/images/back.gif") 0 0;
}

#footer {
	background-color: transparent;
	color: #333;
	font-size: 10px;
	margin-top: 40px;
	padding: 4px 4px 4px 4px;
	text-align: right;
	clear: right;
}
#footer a{
text-decoration: none;
color: #333;
}
.editelement 
{
	font-size: 11px; 
	vertical-align: middle;
	padding: 5px;
	background-color: inherit; 
	color: inherit;
	display: block;
}

label {
font-size: 11px;
vertical-align: top;
width: 115px;
float: left;
text-align: right;
padding: 4px 4px 0 0;
}
label.inline {
padding: 0 4px 0 4px;
font-size: 11px;
vertical-align: top;
float: none;
text-align: left;
}
p.label {
text-align: left;
margin-bottom: 5px;
font-size: 10px;
}

.labelwrapper{
clear: both;
width: 120px;
text-align: right;
padding-right: 10px;
margin-bottom: 5px;
font-size: 10px;
float: left;
}

p  {
	font-style : normal;
	padding-left : 5px;
	padding-right : 5px;

}

li {
	margin-bottom : 5px;
	margin-top : 5px;
}

ul {
	font-style : normal;
	font-weight : normal;
	list-style : square url(bull.gif);
}

ol {
	font-style : normal;
	font-weight : normal;
	list-style : decimal;
}

.center {
text-align: center;
}

#sitemap {
	font-size: 1.3em;
	}

#sitemap li {
	list-style: square;
	font-weight : 500;
	}

#sitemap li ul {
	font-size: .9em;
	margin-left: 1.5em; padding-left: 0;
	}

.star {
	color : #FF0000;
	font-size : 13px;
	font-weight : bolder;
}

#center a:link  {
	color : #000066;
   	text-decoration: underline; 
}

#center a:visited  {
	color : #000066;	
	text-decoration: underline; 
}

#center a:hover  {
   text-decoration: none; 
}

#center a:active  {
   	text-decoration: none; 
}

.datatable a:visited  {
	color : #eee;	
	text-decoration: underline; 
}

.notpublish {
color: #aaa;
}

.notpublish a {
color: #aaa;
}

H1  {
	color: #006bc4;
	font-size: 18px;
	margin : 5px 5px 5px 5px;
	padding : 0;
	font-weight : 600;
}

H2  {
	color: #006bc4;
	font-size: 16px;
	margin : 5px 5px 5px 5px;
	padding : 0;
	font-weight : 600;
}

H3  {
	color: #006bc4;
	font-size: 12px;
	margin : 5px 5px 5px 5px;
	padding : 0;
	font-weight : 600;
}

H4  {
	color : White;
	font-size: 11px;
	margin-top : 0px;
	margin-bottom : 0px;
	padding : 2px;
	background : #04286B;
	font-weight : 300;
}

#errormsg {
	text-align: right;
	margin-top : 10px;
	margin-bottom : 0px;	
	margin-left : 0px;
	margin-right : 10px;
	padding-top : 0
}

#errormsg h3{
	padding: 0px 0px 5px 0px;
margin: 0px;
}

#errormsg ul
{
list-style-type: none;
padding: 0;
margin: 0;
text-align: right;
}

#errormsg li
{
background-image: url("/creation/images/arrowleft.gif");
background-repeat: no-repeat;
background-position: 100% .4em;
padding-right: 1em;
}


.buttons {
	text-align: right;
	margin-top : 10px;
	margin-bottom : 0px;	
	margin-left : 0px;
	margin-right : 10px;
	padding-top : 0
}

.buttons input
{
border: 3px double #0c3f72;
border-top-color: #09549e;
border-left-color: #09549e;
padding: 0px;
background-color: #006bc4;
color: #fff;
font-size: 10px;
width: 90px;
} 

.submit {
border: 3px double #0c3f72;
border-top-color: #09549e;
border-left-color: #09549e;
padding: 0px;
background-color: #006bc4;
background-image: url();
background-repeat: repeat-x;
color: #fff;
font-size: 9px;
width: 55px;
}

.browse {
font-size:9px; padding:3px; width: 80%;
}


input#username, input#password, input#label, input#tag , input#status, input#date, input#newproductid  {
width: 100px;
}
input#name, input#email, input#email2, input#fullname, input#department, input#title, input#productname, input#filename, input#image, input.wide {
width: 250px;
}
input#price, input#costprice, input#delivery, input#delivery   {
width: 50px;
}

input#longname {
width: 80%;
}

.checkbox
{
	width: 20px;
	margin: 0px;
	padding: 0px;
}

fieldset{
	padding: 10px 10px 10px 10px;
	margin: 0 10px 0 10px;
}

fieldset p  {
	margin-top : 0px;
}

legend{
	padding: 5px;
	margin: 5px;
	font-weight: bold;
	color: #006bc4;
}

form{
	margin: 0px;
	padding: 0px;
}

input, select { 
	color: #000;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	margin: 0px;
	padding: 0px;
} 

textarea { 
	color: #000;
	font-weight: normal; 
	font-style: normal;
	font-size: 11px;
	width: 400px;
	height: 65px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
} 

textarea#serverside{
height: 250px;
}

.largeta{ 
	color: #000;
	font-weight: normal; 
	font-style: normal;
	font-size: 11px;
	width: 95%;
	height: 300px;
	display: block;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
} 

div#buttonstop {
	right: 8px;
	position: absolute;
	top: 40px;
	background: transparent;
}

div#intback {
	right: 10px;
	position: absolute;
	top: 51px;
	background: url("images/inttab.gif") no-repeat 0 0px;
	width:412px;
	height:26px;
}


div#buttonstop ul
{
list-style: none;
padding: 0;
margin: 0;
}

div#buttonstop ul li  {display: inline;margin: 0px;padding: 0px;}

#buttonstop a  {	
	background: url("images/subsection.gif") no-repeat 0 0;
	display: block;
	float: left;
	font-size: 11px;
	text-decoration: none;
	width: 55px;
	margin: 0px 2px 0px 0px;
	padding: 2px 0px 2px 11px;
	color: #ffffff;
	border: 0px;
	height: 18px;
}

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

#buttonstop a:hover {
	background-position: 0 -40px;
	color: gold;
	text-decoration: none;
}

#buttonstop .inactive  {	
	background: url("images/subsection.gif") no-repeat 0 -80px;
	display: block;
	float: left;
	font-size: 11px;
	text-decoration: none;
	width: 55px;
	margin: 0px 2px 0px 0px;
	padding: 2px 0px 2px 11px;
	color: #f0eddc;
	border: 0px;
	height: 18px;
}

div#buttonsleft {
	left: 165px;
	position: absolute;
	top: 40px;
	background: transparent;
}

div#buttonsleft ul
{
list-style: none;
padding: 0;
margin: 0;
}

div#buttonsleft ul li  {display: inline;}

#buttonsleft a  {	
	background: url("images/subsection.gif") no-repeat 0 0;
	display: block;
	float: left;
	font-size: 11px;
	text-decoration: none;
	width: 55px;
	margin: 0px 2px 0px 0px;
	padding: 2px 0px 2px 11px;
	color: #ffffff;
	border: 0px;
	height: 18px;
}

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

#buttonsleft a:hover {
	background-position: 0 -40px;
	color: gold;
	text-decoration: none;
}
#current a{
	background: url("images/subsection.gif") no-repeat 0 -40px;
	color: red;
	text-decoration: none;
}

.medselect
{
width: 200px;
}

STRONG  {
	font-weight : bolder;
}

.dark {
	background : #04286B;
	color: #fff
}

.light {
	background : #006BB0;
}

.vlight  {
	background : #fff;
}

.large {
	font-weight : 500;
	font-size : 14px;
}
.small {
	font-size : 9px;
}

.black {
color : #000000;
}

div#date {
position: absolute;
top: 12px;
right: 5px;
color: #fff;
font-size: 10px;
}

div#topnavcontainer {
position: absolute;
top: 11px;
right: 65px;
}

div#topnavcontainer ul
{
list-style: none;
padding: 0;
margin: 0;
}


div#topnavcontainer ul li  {display: inline; font-size: 11px; font-weight: 500;}

#topnavcontainer li {
	PADDING: 0 0 0 6px; 
	BACKGROUND: transparent url(images/left.gif) no-repeat left top; 
	FLOAT: left; 
	MARGIN: 0px;
}
#topnavcontainer a {

	PADDING: 4px 11px 3px 2px; 
	DISPLAY: block; 
	BACKGROUND: transparent url(images/right.gif) no-repeat right top; 
	FLOAT: left; 
	COLOR: #FFF; 
	TEXT-DECORATION: none;
}
#topnavcontainer a {
	FLOAT: none
}
#topnavcontainer a:hover {
	COLOR: gold;
}
#topnavcontainer #current {
	BACKGROUND:transparent url(images/left_on.gif) no-repeat left top;
}
#topnavcontainer #current a {
	BACKGROUND: transparent url(images/right_on.gif) no-repeat right top; 
	PADDING-BOTTOM: 4px; 
	COLOR: #09549e
}

div#nav ul
{
list-style-type: none;
margin: 0;
padding: 0; width: 100%;
}

div#nav ul li  { display: inline;}

div#nav .folderlevel0 a {
	background: url("images/folderlevel0.gif") top left no-repeat;
	color: #FFFFFF;
	display: block;
	font-size: 12px;
	font-weight: 500;
	margin: 0px 0px 0px 0px;
	padding: 2px 2px 2px 15px;
	text-decoration: none;
}

div#nav .folderlevel0 a:visited {
	color: #FFFFFF;
}

div#nav .folderlevel0 a:hover {
	background-color: #0089E2;
	background-position: 0 -80px;
	color: #FFFFFF;
}

div#nav .folderlevel0 a:active {
	background-color: transparent;
	background-position: 0 -80px;
	color: #FFFFFF;
}

div#nav .selected0 a, div#nav .selected0 a:hover{
	background-position: 0 -160px;
}


div#nav .pagelevel1 a {
	background: url("images/pagelevel1.gif") top left no-repeat;
	color: #FFFFFF;
	display: block;
	font-size: 12px;
	font-weight: 500;
	margin: 0px 0px 0px 0px;
	padding: 2px 2px 2px 23px;
	text-decoration: none;
}

div#nav .pagelevel1 a:visited {
	color: #FFFFFF;
}

div#nav .pagelevel1 a:hover {
	background-color: #0089E2;
	background-position: 0 -80px;
	color: #FFFFFF;
}

div#nav .pagelevel1 a:active {
	background-color: #0089E2;
	background-position: 0 -80px;
	color: #FFFFFF;
}

div#nav .folderlevel1 a {
	background: url("images/folderlevel1.gif") top left no-repeat;
	color: #FFFFFF;
	display: block;
	font-size: 12px;
	font-weight: 500;
	margin: 0px 0px 0px 0px;
	padding: 2px 2px 2px 23px;
	text-decoration: none;
}

div#nav .folderlevel1 a:visited {
	color: #FFFFFF;
}

div#nav .folderlevel1 a:hover {
	background-color: #0089E2;
	background-position: 0 -80px;
	color: #FFFFFF;
}

div#nav .folderlevel1 a:active {
	background-color: #0089E2;
	background-position: 0 -80px;
	color: #FFFFFF;
}

div#nav .selected1 a, div#nav .selected1 a:hover{
	background-position: 0 -160px;
	background-color: #006BC4;
}

div#nav .pagelevel2 a {
	background: #006BC4 url("images/pagelevel2.gif") top left no-repeat;
	color: #FFFFFF;
	display: block;
	font-size: 12px;
	font-weight: 500;
	margin: 0px 0px 0px 0px;
	padding: 2px 2px 2px 31px;
	text-decoration: none;
}

div#nav .pagelevel2 a:visited {
	color: #FFFFFF;
}

div#nav .pagelevel2 a:hover {
	background-color: #0089E2;
	background-position: 0 -80px;
	color: #FFFFFF;
}

div#nav .pagelevel2 a:active {
	background-color: #0089E2;
	background-position: 0 -160px;
	color: #FFFFFF;
}

div#nav .folderlevel2 a {
	background: #006BC4 url("images/folderlevel2.gif") top left no-repeat;
	color: #FFFFFF;
	display: block;
	font-size: 12px;
	font-weight: 500;
	margin: 0px 0px 0px 0px;
	padding: 2px 2px 2px 31px;
	text-decoration: none;
}

div#nav .folderlevel2 a:visited {
	color: #FFFFFF;
}

div#nav .folderlevel2 a:hover {
	background-color: #0089E2;
	background-position: 0 -80px;
	color: #FFFFFF;
}

div#nav .folderlevel2 a:active {
	background-color: #0089E2;
	background-position: 0 -80px;
	color: #FFFFFF;
}

div#nav .selected2 a, div#nav .selected2 a:hover{
	background-position: 0 -160px;
	background-color: #006BC4;
}

div#nav .pagelevel3 a {
	background: #006BC4 url("images/pagelevel3.gif") top left no-repeat;
	color: #FFFFFF;
	display: block;
	font-size: 12px;
	font-weight: 500;
	margin: 0px 0px 0px 0px;
	padding: 2px 2px 2px 39px;
	text-decoration: none;
}

div#nav .pagelevel3 a:visited {
	color: #FFFFFF;
}

div#nav .pagelevel3 a:hover {
	background-color: #0089E2;
	background-position: 0 -80px;
	color: #FFFFFF;
}

div#nav .pagelevel3 a:active {
	background-color: #0089E2;
	background-position: 0 -80px;
	color: #FFFFFF;
}

div#nav .folderlevel3 a {
	background: #006BC4 url("images/folderlevel3.gif") top left no-repeat;
	color: #FFFFFF;
	display: block;
	font-size: 12px;
	font-weight: 500;
	margin: 0px 0px 0px 0px;
	padding: 2px 2px 2px 39px;
	text-decoration: none;
}

div#nav .folderlevel3 a:visited {
	color: #FFFFFF;
}

div#nav .folderlevel3 a:hover {
	background-color: #0089E2;
	background-position: 0 -80px;
	color: #FFFFFF;
}

div#nav .folderlevel3 a:active {
	background-color: #0089E2;
	background-position: 0 -80px;
	color: #FFFFFF;
}

div#nav .selected3 a, div#nav .selected3 a:hover{
	background-position: 0 -160px;
	background-color: #006BC4;
}

div#nav .pagelevel4 a {
	background: #006BC4 url("images/pagelevel4.gif") top left no-repeat;
	color: #FFFFFF;
	display: block;
	font-size: 12px;
	font-weight: 500;
	margin: 0px 0px 0px 0px;
	padding: 2px 2px 2px 47px;
	text-decoration: none;
}

div#nav .pagelevel4 a:visited {
	color: #FFFFFF;
}

div#nav .pagelevel4 a:hover {
	background-color: #0089E2;
	background-position: 0 -80px;
	color: #FFFFFF;
}

div#nav .pagelevel4 a:active {
	background-color: #0089E2;
	background-position: 0 -80px;
	color: #FFFFFF;
}

div#nav .selected4 a, div#nav .selected4 a:hover{
	background-position: 0 -160px;
}

div#nav .endlevel1 a {
	background: url("images/endlevel1.gif") top left no-repeat;
	color: #FFFFFF;
	display: block;
	font-size: 9px;
	font-weight: 500;
	margin: 0px 0px 0px 0px;
	padding: 3px 0 3px 14px;
	text-decoration: none;
}

div#nav .endlevel1 a:visited {
	background: url("images/endlevel1.gif") top left no-repeat;
	color: #FFFFFF;
}

div#nav .endlevel1 a:hover, div#nav .endlevel1 a:active {
	background: #0089E2 url("images/endlevel1.gif") top left no-repeat;
	color: #FFFFFF;
}


div#nav .endlevel2 a {
	background: #006BC4 url("images/endlevel2.gif") top left no-repeat;
	color: #FFFFFF;
	display: block;
	font-size: 9px;
	font-weight: 500;
	margin: 0px 0px 0px 0px;
	padding: 3px 0 3px 22px;
	text-decoration: none;
}

div#nav .endlevel2 a:visited {
	background: #006BC4 url("images/endlevel2.gif") top left no-repeat;
	color: #FFFFFF;
}

div#nav .endlevel2 a:hover, div#nav .endlevel2 a:active  {
	background: #0089E2 url("images/endlevel2.gif") top left no-repeat;
	color: #FFFFFF;
}

div#nav .endlevel3 a {
	background: #006BC4 url("images/endlevel3.gif") top left no-repeat;
	color: #FFFFFF;
	display: block;
	font-size: 9px;
	font-weight: 500;
	margin: 0px 0px 0px 0px;
	padding: 3px 0 3px 30px;
	text-decoration: none;
}

div#nav .endlevel3 a:visited {
	background: #006BC4 url("images/endlevel3.gif") top left no-repeat;
	color: #FFFFFF;
}

div#nav .endlevel3 a:hover, div#nav .endlevel3 a:active {
	background: #0089E2 url("images/endlevel3.gif") top left no-repeat;
	color: #FFFFFF;
}

div#nav .endlevel4 a {
	background: #006BC4 url("images/endlevel4.gif") top left no-repeat;
	color: #FFFFFF;
	display: block;
	font-size: 9px;
	font-weight: 500;
	margin: 0px 0px 0px 0px;
	padding: 3px 0 3px 38px;
	text-decoration: none;
}

div#nav .endlevel4 a:visited {
	background: #006BC4 url("images/endlevel4.gif") top left no-repeat;
	color: #FFFFFF;
}

div#nav .endlevel4 a:hover, div#nav .endlevel4 a:active {
	background: #0089E2 url("images/endlevel4.gif") top left no-repeat;
	color: #FFFFFF;
}

div.searchbox {
padding: 5px;
}

div.halfcol {
width: 45%;
float: left;
}

#insert {
margin:20px 5px 10px 5px;
padding: 5px 5px 5px 5px;
height: auto;
float: right;
width: 240px;
}

#insert p{
margin:2px 2px 2px 2px;
padding :0;
}
#insert h2{
margin:2px 2px 8px 2px;
padding :0;
}
.tinycol { width: 30px }
.narrowcol { width: 90px }
.mediumcol { width: 130px }
.widecol { width: 170px }
.symbol { width: 20px;  font-family: Webdings;  text-align: center;  }

.thumbnail {text-align: center; margin-bottom: 5px;width:160px;overflow-x:hidden;}

.viewthumb {
position: absolute;
	top: 90px;
	left: 190px;
}

.viewthumb label{
	vertical-align: middle;
	font-size: 11px;
}

.selected {
background: lime;
}

.notselected {

}

div#sel ul li {
width: 160px;
float: left;
padding: 0px;
margin: 0px;
display: block;
}

.hidden {
display:none;
}

tr.datatable {
  	
}

td.datatable
{
	font-style : normal;
	color : inherit;
	font-size: .9em;
  	background-color:inherit;
	border: 1px solid #D0D0BF;
   padding:3px;
	margin: 0px;

}

th.datatable
{

	font-size: 9px;
	font-weight : normal;
	text-align: left;
	font-weight: bold;
	border: 0px;
	padding:2px;
}

table.datatable
{
    background-color:transparent;
    color:#333;
    text-decoration: none;
    display: block;

}

/* Sortable tables */
table.sortable {
    background-color:transparent;
    color:#333;
    text-decoration: none;
    display: block;

	margin-left:10px;
}

table {	empty-cells:show;border-collapse: collapse; }

.tablehead
{
	font-weight : 600;
	width: 100px;
	
}
a.sortheader {
	 background-color:transparent;
    color:#EEE;
    font-weight: bold;
    text-decoration: none;
    display: block;
	}
	
table.sortable span.sortarrow {
    color: black;
    text-decoration: none;
}

.shopbaskettable th{
	text-align: left;
	background-color:transparent;
	color : #222;
	font-size: 11px;
	text-align: left;
	font-weight: bold;
	border: 0px;
	padding:2px;
}

.shopbaskettable td{
	text-align: left;
	background-color:transparent;
	color : #222;
	font-size: 11px;
	font-weight : normal;
	border: 0px;
	padding:2px;
	
}

.shopbaskettable {
	width: 100%;
	
}

th.rightsideheader{text-align:right;vertical-align:top;font-size:0.9em;padding:0.4em;}


#imagepreview{
float:right;
padding-right: 5px;
width: auto;
}