#pic_container {
	display: inline; /* to fix IE  float margin bug */
	position: absolute;
	border:none;
} 



#top-gategory-select {
	position:relative;
	top: -5px;
	left: 12px;
	background-color:none;
	border: :none;
	padding: 3px;	
}

#top-gategory {
	position:relative;
	top: 2px;
	left: -4px;
	background-color:none;
	border: :none;
	padding: 3px;	
}


#galleyware {
	border: 1px solid #000033;
}


#galleyware2 {
	border-width: 4px 4px 4px 4px;
	border-spacing: 1px;
	border-style: outset outset outset outset;
	border-color:#CCCCCC #000033 #000033 #CCCCCC;
	border-collapse: separate;
}




		div.scroll {
		height: 400px;
		width: 300px;
		overflow: auto;
		border: 1px solid #666;
		background-color: #ccc;
		padding: 8px;
}


		div.scroll2 {
		height: 580px;
		width: 720px;
		overflow: auto;
		border: 1px solid #666;
		padding: 2px;	
}


table.test
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight: normal;

color:#000099;
border-color:#003333;
border: 1px #000066 solid;
border-collapse:collapse;
border-spacing: 40px;
margin-top: 0px;
}

table.test2
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight: normal;
color:#000099;
border-color:#003333;
border: 1px #000066 solid;
border-collapse:collapse;
border-spacing: 40px;
margin-top: 3px;
}

/* used to style inside tables within the main page */
#main {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
 	color: #660000;
	text-decoration: none;
	text-align:center;
	font-weight: bold;
	line-height:18px;
}

#pic_container {
	display: inline; /* to fix IE  float margin bug */
	position: absolute;
	border:none;
} 
  

#open_one_of_these_forms {
	position:relative;
	top: -10px;
	left: -360px;
	background-color:none;
	border: :none;
	padding: 3px;	
}


/* displays a 3px line around areas */
#maincontainer {
	border: 2px solid #000033;
}

/* displays a 1px dashed line around areas */
#maincontainer2 {
	border-width: 4px 4px 4px 4px;
	border-spacing: 1px;
	border-style: outset outset outset outset;
	border-color:#CCCCCC #000033 #000033 #CCCCCC;
	border-collapse: separate;
}

/* displays a 3px line around areas */
#maincontainer3 {
	border: 1px solid #000033;
}


/* h1 dark blue big font */
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	height:auto;
	font-weight: bold;
	color: #000099;
	text-decoration:none;
	text-align:center;
}

/* h2 light blue big font */
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:#000099;
	display:inline;
}


/* h3 black bigger font */





h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
 	color:#000000;
	font-weight: lighter;
	text-align:left;
	font-style: normal;
	text-decoration: none;
}


/* product headings */
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
 	color:#000000;
	font-weight: bold;
	text-decoration: none;
	line-height: 14px;
	text-align:center;
	padding-top:1px;
	padding-left:4px;
	padding-right:-4px;
	display: inline;	
}

/* h5 related products header */
h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000099;
	text-decoration:underline;
	height:14px;
	line-height:14px;
	display: inline;


}

/* h6 text like name address . also third product description and shop1 page*/
h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000099;
	display: inline;
}



/**************** menu coding *****************/
#levellinks-back {
width: 12em;
width:165px;
}


/** second link**/
#levellinks-back ul {
list-style: none;
margin: 0;
padding: 0;
width:165px;
}

#levellinks-back a, #levellinks-back h2 {
			display:block;
			text-decoration:NONE;
			font-size: 12px;
			text-align:center;
			color:#330099;
}

#levellinks-back h2 {
}

#levellinks-back a {
			display:block;
			text-decoration:NONE;
			font-size: 10px;
			text-align:center;
			color:#000000;
			width:165px;
			line-height: 30px;
			height:30px;
			background:url(../artwork/tabmenu-back.gif) top left no-repeat #ccc;
			background-color:Transparent;
}

#levellinks-back a:hover {
			background-position:-167px;
			color:#990000;
}

#levellinks-back li {position: relative;}

#levellinks-back ul ul ul {
position: absolute;
top: 0;
left: 100%;
width: 100%;
}

div#levellinks-back ul ul ul 
{display: none;}

div#levellinks-back ul ul li:hover ul 
{display: block;}




/**************** menu coding *****************/
#levellinks {
width: 12em;
width:188px;
}


/** second link**/
#levellinks ul {
list-style: none;
margin: 0;
padding: 0;
width:188px;
}

#levellinks a, #levellinks h2 {
			display:block;
			text-decoration:NONE;
			font-size: 12px;
			text-align:center;
			color:#330099;
}

#levellinks h2 {
}

#levellinks a {
			display:block;
			text-decoration:NONE;
			font-size: 10px;
			text-align:center;
			color:#000000;
			width:188px;
			line-height: 30px;
			height:30px;
			background:url(../artwork/tabmenu.gif) top left no-repeat #ccc;
			background-color:Transparent;
}

#levellinks a:hover {
			background-position:-190px;
			color:#990000;
}

#levellinks li {position: relative;}

#levellinks ul ul ul {
position: absolute;
top: 0;
left: 100%;
width: 100%;
}

div#levellinks ul ul ul 
{display: none;}

div#levellinks ul ul li:hover ul 
{display: block;}




table.test
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight: normal;

color:#000099;
border-color:#003333;
border: 1px #000066 solid;
border-collapse:collapse;
border-spacing: 40px;
margin-top: 0px;
}

table.test2
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight: normal;
color:#000099;
border-color:#003333;
border: 1px #000066 solid;
border-collapse:collapse;
border-spacing: 40px;
margin-top: 3px;
}



body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}



td,th{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}




/* displays a 3px line around areas */
#maincontainer {
	border: 2px solid #000033;
}

/* displays a 1px dashed line around areas */
#maincontainer2 {
	border-width: 4px 4px 4px 4px;
	border-spacing: 1px;
	border-style: outset outset outset outset;
	border-color:#CCCCCC #000033 #000033 #CCCCCC;
	border-collapse: separate;
}

/* displays a 3px line around areas */
#maincontainer3 {
	border: 1px solid #000033;
}












************ menu coding *****************/
#dougie_menu {
width: 12em;
width:150px;			
background:url(../artwork/main-buttons-blue.png) top left no-repeat #ccc;
background-color:Transparent;
}


/** second link**/
#dougie_menu ul {
list-style: none;
margin: 0;
padding: 0;
width:180px;

}

#dougie_menu a, #dougie_menu h2 {
			display:block;
			text-decoration:NONE;
			font-size: 12px;
			text-align:left;
			color:#FFFFFF;
}

#dougie_menu h2 {
}

#dougie_menu a {
			display:block;
			text-decoration:NONE;
			font-size: 12px;
			text-align:left;
			color:#FFFFFF;
			width:180px;
			line-height: 30px;
			height:30px;
			
}

#dougie_menu a:hover {
			background-position:-180px;
			font-weight: bolder;
}

#dougie_menu li {position: relative;}

#dougie_menu ul ul ul {
display:block;
position: absolute;
top: 0;
left: 350px; 
background:url(../artwork/main-buttons-selection.png) top left no-repeat #ccc;
}

#dougie_menu ul ul ul 
{display: none;

}

#dougie_menu ul ul li:hover ul 
{display: block;
}


















<!--[if IE]>
<style type="text/css" media="screen">
body {
behavior: url(csshover.htc); /* call hover behaviour file */
font-size: 100%; /* enable IE to resize em fonts */
} 
#menu ul li {
float: left; /* cure IE5.x "whitespace in lists" problem */
width: 100%;
}
#menu ul li a {
height: 1%; /* make links honour display: block; properly */
} 

#menu a, #menu h2 {
font: bold 0.7em/1.4em arial, helvetica, sans-serif; 
/* if required use em's for IE as it won't resize pixels */
} 
</style>
<![endif]-->

#menu {
width: 100%;
background: #eee;
float: left;
}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 12em;
float: left;
}

#menu a, #menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 3px;
}

#menu h2 {
color: #fff;
background: #000;
text-transform: uppercase;
}

#menu a {
color: #000;
background: #efefef;
text-decoration: none;
}

#menu a:hover {
color: #a00;
background: #fff;
}

#menu li {position: relative;}

#menu ul ul {
position: absolute;
z-index: 500;
}

#menu ul ul ul {
top: 0;
left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

<!--[if IE]>
<style type="text/css" media="screen">
body {
behavior: url(csshover.htc);
font-size: 100%;
}

#menu ul li {float: left; width: 100%;}
#menu ul li a {height: 1%;} 

#menu a, #menu h2 {
font: bold 0.7em/1.4em arial, helvetica, sans-serif;
}



.whitebold {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #FFF;
	font-weight:bold;
}


.whitebold_larger {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #FFF;
	font-weight:bold;
}

.whitebold_massive {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	color: #FFF;
	font-weight:bold;
}


table.line_table_border
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight: normal;

border: 1px #1f5b8b solid;
border-collapse:collapse;

}


table.line_inner_table_border
{

text-align: center;
font-family: Verdana;
font-weight: normal;
font-size: 11px;
color: #404040;
border: 1px #FFF dashed;
border-bottom:1px #039;
border-collapse: collapse;
border-spacing: 10px;}




</style>
<![endif]-->