body
{
font-family:Verdana, Arial, Helvetica, sans-serif;
 
color: #003366;
}
#crumbs, #crumbs a, #crumbs a:visited
{
font-size: 11px; 
height:10px; 
text-decoration:none;
}
#crumbs a:hover
{
text-decoration: underline;
}

#container
{
font-size: .8em;
width:800px;
/*border:1px dashed blue; */
}

/* navbar style  **********************/

 

#navlist
{
position: relative;
width: 100%;
height: 1.05em;
margin: 0;
padding: 0;
/*border-bottom: 3px solid #336699;
border: 1px dashed red;*/
 
white-space: nowrap;
}

#navlist li
{
float: left;
margin: 0 0 0 2px;
border-width: 1px 1px 0 1px;
border-style: solid;
border-color: #aaa #555 #336699 #999;
list-style-type: none;
}

#navlist li a
{
position: relative;
width: 6em;
display: block;
margin: 0;
padding: 1px 0.4em;
border-width: 1px 1px 0 1px;
border-style: solid;
border-color: #ccc;
background-color: #eee;
color: #666;
font: normal 0.7em/120% Verdana, Arial, Helvetica, sans-serif;
text-align: center;
text-decoration: none;
}

#navlist li a:hover
{
color: #00c;
text-decoration: underline;
}

#navlist li#active a
{
font-weight: bold;
background-color: #336699;
color: #fff;
border-color: #6699CC #333366 #336699 #6699cc; /*#f96 #c30 #336699 #f96;*/
}

#navlist li#active a:hover { color: #fff; }

#navlist ul#subnavlist
{
position: absolute;
width: 100%;
left: 0;
top: 1em;
height: 0.75em;
margin: 0;
padding: 0;
border-bottom: 3px solid #336699;
border-top: 3px solid #336699;
 
white-space: nowrap;
}

#navlist ul#subnavlist li
{
width: auto;/*14ex;*/
margin: 0;
border: 0;
}

#navlist ul#subnavlist li a
{
width: auto;
padding: 0.06em 1em 0;
border: 0;
background-color: #fff;
color: #003366;
font: normal normal 0.66em/110% Verdana, Arial, sans-serif;
}

#navlist ul#subnavlist li a:hover
{
color: #00c;
text-decoration: none;
background-color: #336699;
color:#FFFFFF;
font-weight: bold;
 margin-top:-1px;
 border-top:1px solid #336699;
/* IE5/Mac disappearing item fix */
}

#navlist ul#subnavlist li#subactive a#subcurrent
{
 float:left;
 
 margin-top:-1px;
 border-top:1px solid #336699;
background-color: #B5D5DF;
color: #336699;
}

* html > body #navlist, * html > body #navlist ul#subnavlist
{
width: 800px;
/* IE5/Mac fixed width fix */
}

/**************  end of navbar style  **************************/
 
/************************************  cart style**********************/


div.row
{
	/*border: 1px solid black; ****************************delete      *****************************/
	clear:both; 
	width: 700px;
	padding: 2px 0px 2px 0px;
	text-indent: 0px; 
	margin-left: 30px;
	
	
}

 div.row span.desc
 {
 	width: 300px;;
	height: auto;
	float: left;
	/*border:1px dashed blue;***************************/
		margin: 20px 20px 0px 0px;
	
	
	}
div.row span.prod_img
{
	width: 250px;
	max-width: 250px;
	height:auto;
	float:left;
	text-align:left;
	/*border: 1px dashed blue;*****************************delete***************************/
	margin: 20px 0px 0px 0px;

}



span.bold, span.bold a
{  
	font-weight:bold;
	text-decoration:none;  
}
span.bold a:hover
{
text-decoration: underline;
color:#3399CC;
}

.prod
		{
			max-width: 250px;
			/*width: expression( document.getElementById("prod_img").clientWidth > 200? "200px":auto);
			width: expression(Math.min(parseInt(this.offsetWidth), 250 ) + "px"); */
			width: expression( this.clientWidth > 250? "250px":auto);

			text-align:right;			
			padding: 4px 4px 4px 4px;
		}

#view_code
{ 
position:relative; 
 
/*border: 1px solid #999999;*/
width: 120px; 
height: 33px;
 
float:left; 
}
	
 #demo, #doc
{ 
position:relative; 
margin: 0px 0px 0px 40px;
/*border: 1px solid orange;*/
width: 120px; 
height: 33px;
 
float:left; 
}
 


	img.interfaces
	{ border:1px solid #666666; float:left; width:250px; clear:none; margin-left:40px;}
	
	#payment_list
	{ clear:both;
	width: 550px;
	margin-top: 50px;
	/*border:1px dashed red;*/
	}
	
	#comment
	{color:#999999; font-style:italic;}

#recur_doc
{
 position: absolute;
 top: 400px;
 left: 600px; 
}
#recur_code
{
 position: absolute;
 top: 370px;
 left: 600px; 
}

#footer
{ 
border-top: 1px solid #336699; 
margin-top: 80%;
text-align:center;
font-style:italic;
font-weight:500;
font-size:11px;
}