﻿body, th, td, div, input, select, textarea {
	font-family:verdana,arial,sans-serif;
	font-size:11px;
	color:#333;
}

/*-- some standards --*/
.clearer {
    clear:both;
    font-size:0px;
    height:0px;
    line-height:0px;
}


/*-- main page --*/
#pagecontent {
	padding:0px 30px;
}


/*-- Forms --*/
form { padding:0px; margin:0px;}
select { width:200px; }

.inputbox, .textfield { 
    background-color: #fff  !important;
    border:1px solid #ccc; 
}


.button, a.button:link, a.button:visited {
	background-color:#ccc;
	color:#FFFFFF;
    border:1px outset #999999;
    padding:4px;
	text-align:center;
    cursor:pointer;
}

a.button:link, a.button:visited {
	padding:6px;
	background-color:#ccc;
}

td.right, div.right { text-align:right; }

div.cartcontinue {
	width:680px;
	margin-bottom:8px;
	text-align:right;
	height:30px;
}

/*-- Stock (searching for items) --*/

table.stocklist {
	border-spacing:0px;
	border-collapse: collapse ;
	empty-cells: show ;
}

table.stocklist td {
	vertical-align:top; 
	padding:2px 8px;
	margin:10px;
}	

table.stocklist td.imagecell {
	vertical-align:bottom; 
	position:relative;
}

/* highlight product cells */
/*.highlight {
	background:#fff url(images/new_icon.gif) no-repeat top left ;
	width:36px;
	height:36px;
	float:left;
}*/
.highlight img {
	border:3px solid #ffff80;
}

table.stocklist td.textcell {
	padding-bottom:40px;
}

table.stocklist .productname { font-weight:bold; }
table.stocklist .productprice { }
table.stocklist .productdesc { }
table.stocklist .productcode { font-size:smaller }

.producthighlight {
	font-weight:bold;
	color:green;
}	

table.stocklist td.textcell a:link ,
table.stocklist td.textcell a:visited {
	text-decoration:none; 
}

table.stocklist td.textcell a:hover {
	text-decoration:underline; 
}


/*-- List of Orders etc --*/

table.list {
	border-spacing:0px;
	border-collapse: collapse ;
	empty-cells: show ;
}

table.list td {
	vertical-align:bottom; 
	border:1px solid #ccc;
	padding:12px;
}	




/*-- Shopping Cart table --*/

table.cart {
	padding:1px;
	border-spacing:0px;
	border-collapse: collapse ;
	empty-cells: show ;
	width:680px;
	margin-bottom:20px;
}

table.cart td.blank { border:none; }

table.cart td , table.cart th {
	vertical-align:top; 
	border:1px solid #ccc;
	padding:6px;
}	

table.cart tr.heading td, table.cart td.heading, table.cart th {
	text-align:left ;
	background-color:#eee;
	font-weight:bold;
	white-space: nowrap;
}

table.cart tr.totals td, table.cart td.totals {
	font-weight:bold;
	text-align:right;
	border-width:0px;
}
table.cart tr.blank td, table.cart tr td.blank, table.cart tr.heading td.blank {
	border-width:0px;
	background-color:#fff;
}


/* for product warning message */
div.incomplete { 
	background-color:pink;
	padding:2px;
	font-weight:strong; 
}

tr.whiterow td { background-color:#fff;border-bottom:1px solid #d5d5d5 }
tr.shadedrow td { background-color:#eee;border-bottom:1px solid #d5d5d5 }
tr.inactiverow td { background-color:#fff;border-bottom:1px solid #d5d5d5;color:#aaa;text-decoration:line-through; }
tr.inactive td, td.inactive { color:#aaa;text-decoration:line-through; }


/*-- view product details --*/

table.viewproduct tr td { vertical-align:top; }
table.viewproduct tr td.label { text-align:right; }

div.extrainfo {
	padding-left:12px;
}	


/*-- Messages --*/

div.error { margin:1em 0;font-weight:bold; color:#f00; }
div.success { margin:1em 0;font-weight:bold; color:#5fac17; }

div.error a:link, div.error a:visited {  color:#f00; text-decoration:underline; }
	
div.banner {
	margin:1em 0;
	font-weight:bold;
	padding:0.5em;
	background-color:#ffbd00;
}

.validation-failed {
	background-color:#ffffa3;
}
.validation-advice {
	color:#e00;
}

/*-- List of Orders etc --*/

table.list {
	border-spacing:0px;
	border-collapse: collapse ;
	empty-cells: show ;
}

table.list td {
	vertical-align:bottom; 
	border:1px solid #ccc;
	padding:12px;
}	


/*-- User menu bar --*/

ul#menubar {
	margin-left: 0;
	padding-left: 0;
	margin:0;padding:0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	color: #fff;
}

ul#menubar li {
	display: inline;
	margin:0;padding:0;
}

ul#menubar a {
	display:block ;
	/*background-color:#999;*/
	/*border-bottom: 1px solid #fff;*/
	/*border-right: 1px solid #fff;*/
	/*color:#fff;*/
	padding: 3px;
	text-decoration:none;
}	

ul#menubar a:hover, ul#menubar a.this {
	/*color: #fff;*/
	/*background-color:#000;*/
}
ul#menubar li.category {
	/*background-color:pink;*/
}	

/*-- print4media classes --*/

.fieldsetheadline {
	color:#333;
}


/*-- Next Prev links --*/
#nextprev {
	margin: 1.5em 0;
	width:720px;
	padding:4px 0px;
}

#nextprev a:link, #nextprev a:visited, #nextprev a:hover, #nextprev a:active {
	text-decoration:none;
	background:#fff;
	padding:2px 5px;
	border: 1px solid #ccc;
}

#nextprev a:hover, #nextprev span.active {
	background:#c00;
	color:#fff;
	text-decoration:none;
	padding:2px 5px;
	border: 1px solid #333;
	font-weight:normal;
}

#nextprev span.dim {
	text-decoration:none;
	background:#fff;
	padding:2px 5px;
	border: 1px solid #ccc;
	color:#ccc;
}

/**/
.subtable td {
	border:none;
	padding:3px;
}

/*-- autocompleter for atlas --*/
div.autocomplete {
      position:absolute;
      width:250px;
      background-color:#eee;
      color: black;
      border:1px solid #888;
      margin:0px;
      padding:0px;
      margin-top:5px;
}
div.autocomplete ul {
      list-style-type:none;
      margin:0px;
      padding:0px;
}
div.autocomplete ul li.selected { background-color: #ffb;}
div.autocomplete ul li {
      list-style-type:none;
      display:block;
      margin:0;
      padding:2px;
      height:16px;
      cursor:pointer;
}

