body 
{
    margin:0;
    padding:0;
    border:0;			/* This removes the border around the viewport in old versions of IE */
    width:100%;
    min-width:600px;    /* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
    font-family: "Trebuchet MS", Georgia, Arial, sans-serif;
    font-size:12px;
    color:#5c5c5c;
}

#menuBox 
{
	background-color:#ddf;
	background-color:#000046;
	color:White;
	border-bottom: solid 1px #aaf;
	background-image: url('../img/lines.gif');	
	position:relative;
}

#menuImg
{
	background: url('../img/nowaco_head.png') top right no-repeat;
	height:105px;
}

.bottomMenu
{
	height:24px;	
	margin-left:10px;
	padding-top: 80px;
}

#logo
{
	position:absolute; left:16px; top:10px;
	width: 301px; height:61px;
}

#logoImg
{
    border-style:none;
}

.userTemplatesPanel a
{
	display:block;
}

/*******************************************/


/* column container */
.colmask 
{
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
    clear:both;
    float:left;
    width:100%;				/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
	background-color:#000046;
}
/* holy grail 3 column settings */

.colmid 
{
    float:left;
    width:200%;
    margin-left:-216px; 	/* Width of right column */
    position:relative;
    right:100%;
    background:#fff;    	/* Centre column background colour */
}
.colleft {
    float:left;
    width:100%;
    margin-left:-50%;
    position:relative;
    left:432px;         	/* Left column width + right column width */
    background:#000046;    	/* Left column background colour */
}
.col1wrap 
{
    float:left;
    width:50%;
    position:relative;
    right:216px;        	/* Width of left column */
    padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
}
#contentBox {
    margin:0 225px;     	/* Centre column side padding:
                        	Left padding = left column width + centre column left padding width
                        	Right padding = right column width + centre column right padding width */
    position:relative;
    left:200%;
    overflow:hidden;
    padding-top: 15px;
}

#treeBox 
{
    float:left;
    float:right;			/* This overrides the float:left above */
    width:200px;        	/* Width of left column content (left column width minus left and right padding) */
    position:relative;
    right:8px;         	/* Width of the left-had side padding on the left column */
    
	color:White;
}

#userBox
{
    float:left;
    float:right;			/* This overrides the float:left above */
    width:200px;        	/* Width of right column content (right column width minus left and right padding) */
    margin-right:24px;  	/* Width of right column right-hand padding + left column left and right padding */
    position:relative;
    left:50%;
    
	padding-top: 7px;
	color:White;
}

#footer 
{
    clear:both;
    float:left;
    width:100%;
}

/*******************************************/

#contentBox a:link,
#contentBox a:hover,
#contentBox a:visited,
#contentBox a:active
{
	color:#0065b9;
	text-decoration:underline;
}

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

#contentBox h1
{
	font-size:24px;
	font-weight:bold;
	font-style:normal;
	color:#0065b9;
}

#contentBox h2
{
	font-size:17px;
	font-weight:normal;
	font-style:normal;
	color:#0065b9;
}

#contentBox ul li
{
	list-style-image: url("img/li.gif");
}

.bottomMenuLink a:link,
.bottomMenuLink a:hover,
.bottomMenuLink a:visited,
.bottomMenuLink a:active
{
	font-size:17px;
	font-weight:normal;
	font-style:normal;
	color:white;
	text-decoration:none;
	padding: 0 1.5em 2px 0em;
	top:-2px;
}

#menuBox .bottomMenu a:hover
{
	color:#0065b9;
}

#menuBox a:link, #menuBox a:visited, #menuBox a:active
{
	color: #ffba00;
	color: White;
	font-weight: bolder;
}

#search a:link, #search a:visited, #search a:active,
#userBox a:link, #userBox a:visited, #userBox a:active
{
	color: #ffba00;
}

#search a:hover,
#userBox a:hover
{
	color:#0065b9;
}

#sortPanel a.ActiveCaption:link, #sortPanel a.ActiveCaption:visited { color: Red; }
#sortPanel a.InactiveCaption:link, #sortPanel a.InactiveCaption:visited { color: Blue; }
#sortPanel a.ActiveAscButton:link, #sortPanel a.ActiveAscButton:visited { color: Red; }
#sortPanel a.InctiveAscButton:link, #sortPanel a.InctiveAscButton:visited { color: Blue; }
#sortPanel a.ActiveDescButton:link, #sortPanel a.ActiveDescButton:visited { color: Red; }
#sortPanel a.InctiveDescButton:link, #sortPanel a.InctiveDescButton:visited { color: Blue; }

.MessagesPanel
{
	border: solid 1px black;
	background-color: #ffd;
	color: Black;
	font-size: 9px;
	font-family: Arial;
	display:block;
	padding:0.5em;
}

.MessagesPanel .oldMessage, .MessagesPanel .newMessage, .MessagesPanel .brandNewMessage
{
	color: Black;
	display: block;
}

.MessagesPanel .newMessage { color: Blue; }
.MessagesPanel .brandNewMessage { color: Blue; background: url('Img/hl2.gif') repeat; }

.treeLeafNode, .treeParentNode, .treeRootNode {white-space:normal; color:White;}
.treeLeafNode, .treeParentNode, .treeRootNode {white-space:normal; color:White;}


.treeNode
{
	width:160px;
	color:#d9d9e3;	
	border-left:solid 12px transparent;
	border-right:solid 12px transparent;
}

/* IE6 hack */
*html .treeNode
{
    border-left-color: pink;
    border-right-color: pink;
    filter: chroma(color=pink);
}

.treeNodeThird
{
	width:140px;
	color:#d9d9e3;
	border-left:solid 12px transparent;
	border-right:solid 12px transparent;
}

/* IE6 hack */
*html .treeNodeThird
{
    border-left-color: pink;
    border-right-color: pink;
    filter: chroma(color=pink);
}

.treeParentNode  
{
    color: Red;
}

.treeRootNode
{
	width:180px;
	color:#d9d9e3;
	border-top:solid 1px #d9d9e3;
	border-left:solid 12px transparent;
	border-right:solid 12px transparent;
	font-weight:bold;
}

/* IE6 hack */
*html .treeRootNode
{
    border-left-color: #000046;
    border-right-color: #000046;
    filter: chroma(color=#000046);
}

.treeSelectedNode
{
	color:#0065b9;
}

.emptyRow
{
	border:none;
	height:19px;
}

.headerAssort
{
	display:block;
	background-color:#ffba00;
	font-weight:bold;
}
.headerKind
{
	display:block;
	background-color:#ffba00;
}
.headerSort
{
	display:block;
	background-color:#ffba00;
	font-style:italic;
}


.dataRow td, tr.dataRow, tr.groupHeaderRow, .groupHeaderRow td
{
	border:1px solid #ffba00;
	background-color: #fff7e0;
	border-collapse:collapse;
	vertical-align:top;
}

.catalog td
{
	background-color: #fff;
	width:50%;
}

.titleRow td, tr.titleRow
{
	border:1px solid #ffba00;
	background-color: #ffeeaa;
	border-collapse:collapse;
	vertical-align:top;
}

.headerRow td, tr.headerRow
{
	border:1px solid #ffba00;
	background-color: #ffba00;
	border-collapse:collapse;
}

.dataRow input,
.itemDetail .dataTable tr td.mid input
{
	width:30px;
}

.itemDetail .dataTable tr td.mid,
.buyBox
{
	padding-top:0.5em;
}

.dataTable
{
	border-collapse:collapse;
}

.dataNum
{
	text-align:right;
}

.catalogItem
{
	margin:2px;
}

.catalogItemImageDiv
{
	text-align:center;
}

.catalogItemInfo input
{
	width:30px;
}

.catalogItemName
{
	width:100%;
	text-align:center;
}

.groupHeaderRow
{
	text-align:center;	
}

.catalogViewDiv
{
    width: 100%;
    padding-left:1px;
}

.catalogView
{
	border-collapse:collapse;
	width: 99%;
}

.catalogView .dataRow
{
	border:1px solid #ffba00;	
	background-color: #fff7e0;
	width:100%;
}

#search
{
	padding-top:20px;
	padding-bottom:10px;
}

.treeType
{
	padding-top:20px;
	padding-bottom:20px;
}


.busydiv1
{
	display: table; 
	height: 400px;  
	position: relative; 
	overflow: hidden;
	width:40%;
	margin: 0 30%;
}

.busydiv2
{
	_position: absolute;  
	top: 50%;
	display: table-cell; 
	vertical-align: middle;
	text-align:center; 
}

.busydiv3
{
	position: relative;  
	top: -50%;
	border:1px solid #ffba00;
	background-color: #fff7e0;
	padding:1em;	
}

.frameCaption
{
	font-weight: bold;
	margin-top: 1em;
}

.catalogItemName
{
	padding:0.3em;
}

.catalogItemDetails table
{
	text-align:center;
	margin-left:auto;
	border: none;
	background-color: #ffeeaa;
	border-collapse:collapse;
	margin: 0.5em 0;
}

.catalogItemDetails table td
{
	border:none;
	padding: 0 0.6em;
}

.catalogItemDetails table td.text
{
	text-align:right;
}

.catalogItemDetails table td.mid
{
	text-align:center;
	padding-top:0.5em;
}

.pager {padding:5px 0;}
.pager a, .pager strong { padding: 0 0.15em; }

.detailPager {padding:5px 0;}
.detailPager a { padding: 0 0.15em; }
.detailPager span { padding: 0 2em; }

.dataRow .cartItemNoteCell { text-align:center; border-left-style:none; border-right-style:none; }
.dataRow .cartItemNoteCell input { width:400px; }
.dataRow .doubleCell { vertical-align:middle; }
.dataRow .noAvailible { background-color: #FFD39B; }
.orderNoteCell input { width:500px}

.catalogItemPreviewDiv { width: 150px; float:left;}

.breaker {font-size:1px; clear:both;}