
BODY {			
			color: #333333;
			font-family: Arial, Arial, sans-serif ; 
			font-size:12px; 
			width: 100%;
			height: 100%;
			font-weight: none;

			background: #ececec;
			background-image: url("/images/bg.png") ;
			background-repeat: repeat-y;
			background-position: center;
			margin: 0px;
			padding: 0px;

}


#orangegradient {
			background-image: url("/images/gradient_orange_wide.png") ;
			background-repeat: repeat-y 100%;
			color: #333333;
			height: 275px;
			width: 800px;
			display: block;
}

#orangebg {
			background-image: url("/images/bg_orange.png") ;
			background-repeat: repeat-y 100%;
			color: #333333;
			height: 275px;
			width: 800px;
			display: block;
}


#container {
    			width: 780px;
    			height: 100%;
    			margin: 0 auto;
    			text-align: center;

       			background: #ffffff;
        		color: #ffffff;
        		width: 800px;
        		position: relative;
        		min-height: 100%;
        		height: auto !important;
        		height: 100%;

}

#footer {
        		width: 100%;
        		background: #ffffff;
        		position: absolute;
        		bottom: 0 !important;
        		bottom: -1px;
        		height: 20px;
        		text-align: center;
        		float: left;
        		margin: 0px;
       			padding: 0px;
        		clear: both;
}

#copyright {
			color: #333333;
			text-align: center;
			text-decoration: none;
			display: block;
			width: 800px;
 			background: url("/images/menugradient.png") repeat-x 20px;
			border-top: 1px solid #BBBBBB;

			font: 9px/20px Arial, Arial, Verdana, sans-serif;
			font-weight: none;
			font-style: none;
			margin:0px;
			padding:0px;


}


#copyright A:link    {  color: #CC6600; text-decoration: none; 
			font-family: Arial, Arial, Verdana, sans-serif ; 
			font-size:9px; font-weight: none;

} 


#copyright A:visited  { color: #CC6600; text-decoration: none; 
			font-family: Arial, Arial, Verdana, sans-serif ; 
			font-size:9px; font-weight: none;

} 


#copyright A:active   { color: #CC6600; text-decoration: none; 
			font-family: Arial, Arial, Verdana, sans-serif ; 
			font-size:9px; font-weight: none;

} 


#copyright A:hover  { 	text-decoration: underline;
			color: #FF7500; 
			font-family: Arial, Arial, Verdana, sans-serif ; 
			font-size:9px; font-weight: none;
}

.storeprice {
	color: #666666;
	font-family: Arial, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;

}

.storecell {

	border-collapse: collapse;
	display: table-cell;

	font-family: Arial, Arial, sans-serif;
	font-size: 12px;
	border-right: 1px dotted #dddddd;
	border-bottom: 1px dotted #dddddd;
	padding: 2px;
	margin: 5px;
}



 #navcontainer ul 
{
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: block;
	float: left;
	font: 10px/20px Arial, Arial, Verdana, sans-serif;
	text-align: center;
	width: 800;

}
 #navcontainer li
{
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: block;
	float: left;
	font: 10px/20px Arial, Arial, Verdana, sans-serif;
	text-align: center;

}




#navcontainer a
{
	color: #333333;
	text-decoration: none;
	display: block;
	width: 87px;
	background: #fff4c2;
 	background: url("/images/menugradient.png") repeat-x 20px; 
	border-top: 1px solid #BBBBBB;
	border-bottom: 1px solid #BBBBBB;
	border-left: 1px solid #BBBBBB;

	font-family: Arial, Arial, Verdana, sans-serif ; 
	font-size:11px;
	font-weight: bold;
	font-style: none;
	margin:0px;
	padding:0px;
	text-shadow: #FFF 2px 2px 2px;

}



#navcontainer a.leftend
{
	color: #333333;
	text-decoration: none;
	display: block;
	width: 90px;
 	background: url("/images/menugradient.png") repeat-x 20px; 

	border-top: 1px solid #BBBBBB;
	border-bottom: 1px solid #BBBBBB;
	border-left: 1px solid #BBBBBB;


	margin:0px;
	padding:0px;
}




#navcontainer a.rightend
{
	color: #333333;
	text-decoration: none;
	display: block;
	width: 91px;
 	background: url("/images/menugradient.png") repeat-x 20px; 

	border-top: 1px solid #BBBBBB;
	border-bottom: 1px solid #BBBBBB;
	border-right: 1px solid #BBBBBB;

	margin:0px;
	padding:0px;
}

#navcontainer li#active { 	background: #999999; 
				}

#navcontainer a:hover { 	
			background: #DDDDDD;
			font-style: none;
			font-weight: none;
			background: url("/images/bargradient_lightgrey.jpg") repeat-x 20px;
			color: #000000;
			/*
			border-bottom-width: 1px;
			border-bottom-style: solid;
			border-bottom-color: #666666;
			
			border-top-width: 1px;
			border-top-style: solid;
			border-top-color: #666666;
			*/
}


.redText { 		color: red; 
			font-family: Arial, Arial, Verdana, sans-serif ; 
			font-size:10px;
			font-weight: none;
}

hr {
			color: #333333;
			background-color: #333333;
			border: 0;
			height: 1px;
			font-family: Arial, Arial, Verdana, sans-serif ; 

}


/* h4 is the article title bar */
#sidebar {
			background: #FFFFFF; 
			background-color: #FFFFFF; 
			background: url("/images/menugradient.png") repeat-x 20px; 
			color: #555555;
			border-bottom: 1px;
			border-bottom-color: #BBBBBB;
			border-bottom-style: solid;
			border-top: 1px;
			border-top-color: #DDDDDD;
			border-top-style: solid;
			border-right: 1px;
			border-right-color: #CCCCCC;
			border-right-style: solid;
			border-left: 1px;
			border-left-color: #CCCCCC;
			border-left-style: solid;
			font-family: Arial, Arial, Verdana, sans-serif ; 
			font-size: 10px; 
			font-weight: bold;
			font-style: none;
			padding: 2px;
			margin: 5px;
			text-align: center;
}

#storesidebar {
			background: #FFFFFF; 
			background-color: #FFFFFF; 
			background: url("/images/copygradient.jpg") repeat-x 20px; 
			color: #777777;
			border-bottom: 1px;
			border-bottom-color: #BBBBBB;
			border-bottom-style: solid;
			border-top: 1px;
			border-top-color: #DDDDDD;
			border-top-style: solid;
			border-right: 1px;
			border-right-color: #CCCCCC;
			border-right-style: solid;
			border-left: 1px;
			border-left-color: #CCCCCC;
			border-left-style: solid;
			font-family: Arial, Arial, Verdana, sans-serif ; 
			font-size: 10px; 
			font-weight: bold;
			font-style: none;
			padding: 2px;
			margin: 5px;
			text-align: center;

}

#sidebartest {
			background: #FFFFFF; 
			background-color: #FFFFFF; 
			color: #777777;
			border-bottom: 1px;
			border-bottom-color: #BBBBBB;
			border-bottom-style: solid;
			font-family: Arial, Arial, Verdana, sans-serif ; 
			font-size: 14px; 
			font-weight: bold;
			font-style: none;
			padding: 2px;
			margin: 5px;
			text-align: center;
}

/* store item */
#storeitem {
			background: #FFFFFF; 
			background-color: #FFFFFF; 
			background: url("/images/copygradient.jpg") repeat-x 20px; 

			/* color: #FFFFFF; */
			color: #777777;
			border-bottom: 1px;
			border-bottom-color: #BBBBBB;
			border-bottom-style: solid;

			border-top: 1px;
			border-top-color: #DDDDDD;
			border-top-style: solid;

			border-right: 1px;
			border-right-color: #CCCCCC;
			border-right-style: solid;

			border-left: 1px;
			border-left-color: #CCCCCC;
			border-left-style: solid;

			font-family: Arial, Arial, Verdana, sans-serif ; 
			font-size: 10px; 
			font-weight: bold;
			font-style: none;

			padding: 2px;
			margin: 0px;
			
			text-align: center;

}

.storeitem {
			background: #FFFFFF; 
			background-color: #FFFFFF; 
			background: url("/images/copygradient.jpg") repeat-x 20px; 

			/* color: #FFFFFF; */
			color: #777777;
			border-bottom: 1px;
			border-bottom-color: #BBBBBB;
			border-bottom-style: solid;

			border-top: 1px;
			border-top-color: #DDDDDD;
			border-top-style: solid;

			border-right: 1px;
			border-right-color: #CCCCCC;
			border-right-style: solid;

			border-left: 1px;
			border-left-color: #CCCCCC;
			border-left-style: solid;

			font-family: Arial, Arial, Verdana, sans-serif ; 
			font-size: 10px; 
			font-weight: bold;
			font-style: none;

			padding: 2px;
			margin: 0px;
			
			text-align: center;

}


#titlebar {
			/*background: #FFFFFF; 
			background-color: #FFFFFF; */
			/* background: url("/images/newgradient_lightgrey.jpg") repeat-x 20px; */

			color: #333333;
			font-family: Arial, Arial, Verdana, sans-serif ; 
			font-size: 16px; 
			font-weight: bold;
			font-style: none;
			letter-spacing: -1px;

			/*
			border-bottom: 1px;
			border-bottom-color: #DDDDDD;
			border-bottom-style: dotted;
			*/

			padding: 0px;
			
			

}



#downloadbar {
			background: #FFFFFF; 
			background-color: #FFFFFF; 
			/* background: url("/images/newgradient_lightgrey.jpg") repeat-x 20px; */

			color: #999999;
			font-family: Arial, Arial, Verdana, sans-serif ; 
			font-size: 11px; 
			font-weight: bold;
			font-style: none;

/*
			border-top: 1px;
			border-top-color: #CCCCCC;
			border-top-style: solid;

			border-left: 1px;
			border-left-color: #CCCCCC;
			border-left-style: solid;

			border-right: 1px;
			border-right-color: #CCCCCC;
			border-right-style: solid;
*/
			border-bottom: 1px;
			border-bottom-color: #CCCCCC;
			border-bottom-style: solid;

			padding: 0px;
			margin: 0px;


}


#storemenu {
			background: #FFFFFF; 
			background-color: #FFFFFF; 
	

			color: #DDDDDD;
			font-family: Arial, Arial, Verdana, sans-serif ; 
			font-size: 10px; 
			font-weight: bold;
			font-style: none;

			border-bottom: 1px;
			border-bottom-color: #CCCCCC;
			border-bottom-style: solid;

			padding: 0px;
			


}


#storenum {
			background: #BBBBBB; 
			background-color: #BBBBBB; 
	

			color: #FFFFFF;
			font-family: Arial, Arial,Verdana, sans-serif ; 
			font-size: 12px; 
			font-weight: bold;
			font-style: none;

			border: 1px;
			border-color: #999999;
			border-style: solid;

			padding: 1px;
			width: 12px;
			margin-right: 5px;
			margin-top: 0px;
			margin-left: 0px;
			margin-bottom: 0px;
			text-align: center;
			float: left;
			valign: center;

}




h1 {
			background: #FFFFFF;
			background-color: #FFFFFF;
			background-image: url(/images/gradient.jpg);
			background-repeat: repeat-x;
			vertical-align: middle;
			color: #FFFFFF;
			font-family: Arial, Arial, Verdana, sans-serif ; 
			font-size:10px; 
			font-weight: none;
			padding: 2px;
			border-left: 7px;
			border-left-color: orange;
			border-left-style: solid;
			margin: 0px;
}

h2 {
			color: #333333;
			font-family: Arial, Times, serif;
			font-size:18px; 
			font-weight: none;
			font-style: none;
			font-family: Arial, Arial, Verdana, sans-serif ; 
			font-size: 16px; 
			letter-spacing: -1px;
}

h3 {
			background: #FFFFFF;
			background-color: #FFFFFF;
			color: #666666;
			font-family: Arial, Arial, Verdana, sans-serif ; 
			font-size:12px; 
			font-weight: none;

}

h4 {
			background: #FFFFFF;
			background-color: #FFFFFF;
			color: #66666;
			font-family: Arial, Arial, Verdana, sans-serif ; 
			font-size:14px; 
			font-weight: none;

}

h5 {
			/*background: #FFFFFF;
			background-color: #FFFFFF;*/
			color: #999999;
			font-family: Arial, Arial, Verdana, sans-serif ; 
			font-size:12px; 
			font-weight: none;

}

h6 {
			background: #DDDDDD;
			background-color: #DDDDDD;
			color: #999999;
			font-family: Arial, Arial, Verdana, sans-serif ; 
			font-size:12px; 
			font-weight: none;
			margin:2;

}


#leftside {
			position: absolute;  			
			top: 150px;  			
			left: 2px;  			
			width: 550px;  		
			height: 90%;	
			visiblity: visible;  			
			background-color:#FFFFFF;  	
			z-index:1;		
}   


#bottom { 		position: absolute; 							
			width: 800px;  
			align: center;			
			visiblity: visible;  			

} 
#rightside { 		position: absolute;  			
			top: 150px;  			
			left: 600px;  			
			width: 200px;  	
			height: 90%;	
			visiblity: visible;  			
			background-color:#FFFFFF; 
			z-index: 2; 			
}

.cursorhand {		cursor: hand }


A:link    { 		color: #CC6600; text-decoration: none; 
			font-family: Arial, Arial, Verdana, sans-serif ; 
			font-size:12px; font-weight: none;

} 


A:visited  { 		color: #CC6600; text-decoration: none; 
			font-family: Arial, Arial, Verdana, sans-serif ; 
			font-size:12px; font-weight: none;

} 


A:active   { 		color: #CC6600; text-decoration: none; 
			font-family: Arial, Arial, Verdana, sans-serif ; 
			font-size:12px; font-weight: none;

} 


A:hover  { 		text-decoration: underline;
			color: #FF7500; 
			font-family: Arial, Arial, Verdana, sans-serif ; 
			font-size:12px; font-weight: none;
}


ul.square {		list-style: square; 
			list-style-type: square;
			margin: 0 0 0 15px;
			padding: 0 0 1em 0;

			list-style-type: url("/images/square.jpg");
}



LI {			/*background: #FFFFFF; */
			color: #333333; 
			font-family: Arial, Arial, Verdana, sans-serif ; 
			font-size: 10px ; 
			font-weight: none; 
			list-style-type: url("/images/square.jpg");	
}

.tablerightdashed {	background: #FFFFFF; 
			color=#FFFFFF;
			font-weight: none; 
			font-family: Arial, Arial, Verdana, sans-serif ; 
			font-size:9px; 
			border-top: none;
			border-left: none;
			border-right-width: 1;
			border-right-style: dotted; 
			border-right-color: #CCCCCC;
			border-bottom: none;
			margin-top: 0;


}

.bottomdotted {		background: #FFFFFF; 
			color=#FFFFFF;
			font-weight: none; 
			font-family: Arial, Arial, Verdana, sans-serif ; 
			font-size:10px; 
			border-top: none;
			border-left: none;
			border-right-width: none;
			border-bottom-width: 1 ;
			border-bottom-style: dotted;

			/*border-bottom-style:dashed;*/
			border-bottom-color: #CCCCCC; 

			/* border-bottom: 1 solid #CCCCCC; */
			margin-top: 0;


}



.tablebordermain {	background: #FFFFFF; 
			color=#FFFFFF;
			font-weight: bold; 
			font-family: Arial, Arial, Verdana, sans-serif ; 
			font-size:10px; 
			border-top-width: 1;
			border-top-style: solid; 
			border-top-color: #CCCCCC;
			border-left-width: 1;
			border-left-style: solid; 
			border-left-color: #CCCCCC;
			border-right-width: 1;
			border-right-style: solid; 
			border-right-color: #CCCCCC;
	

			/* border-bottom: 1 solid #CCCCCC; */
			margin-top: 0;
}

.tableborder {		background: #FFFFFF; 
			color=#FFFFFF;
			font-weight: none; 
			font-family: Arial, Arial, Verdana, sans-serif ; 
			font-size:10px; 
			border-right: none;
			border-left: none
			border-top: none;
			border-bottom: none;
			/*
			border-left-width: 1;
			border-left-style: solid; 
			border-left-color: #CCCCCC;
			border-right-width: 1;
			border-right-style: solid; 
			border-right-color: #CCCCCC;
			 */
			margin-top: 0;
}

.tableborderdotted {	background: #FFFFFF; 
			color=#FFFFFF;
			font-weight: bold; 
			font-family: Arial, Arial, Verdana, sans-serif ; 
			font-size:10px; 
			border-top: none;
			border-left-width: 1;
			border-left-style: dashed; 
			border-left-color: #CCCCCC;
			border-right-width: 1;
			border-right-style: dashed; 
			border-right-color: #CCCCCC;
			border-bottom-width: 1 ;
			border-bottom-style: dashed;

			/*border-bottom-style:dashed;*/
			border-bottom-color: #CCCCCC; 

			/* border-bottom: 1 solid #CCCCCC; */
			margin-top: 0;


}



.tableborderdottedsides {background: #FFFFFF; 
			color=#FFFFFF;
			font-weight: bold; 
			font-family: Arial, Arial, Verdana, sans-serif ; 
			font-size:10px; 
			border-top: none;
			border-left-width: 1;
			border-left-style: dashed; 
			border-left-color: #CCCCCC;
			border-right-width: 1;
			border-right-style: dashed; 
			border-right-color: #CCCCCC;
			border-bottom-width: 1 ;
			border-bottom-style: none;

			/*border-bottom-style:dashed;*/
			border-bottom-color: #CCCCCC; 

			/* border-bottom: 1 solid #CCCCCC; */
			margin-top: 0;


}
.tableborderfull {	background: #FFFFFF; 
			color=#FFFFFF;
			font-weight: bold; 
			font-family: Arial, Arial, Verdana, sans-serif ; 
			font-size:10px; 
			border-top-width: 1;
			border-top-style: solid; 
			border-top-color: #CCCCCC;						border-left-width: 1;
			border-left-style: solid; 
			border-left-color: #CCCCCC;
			border-right-width: 1;
			border-right-style: solid; 
			border-right-color: #CCCCCC;
			border-bottom-width: 1 ;
			border-bottom-style:solid;
			border-bottom-color: #CCCCCC; 
			margin-top: 0;


}

td.message { 		color: #333333;
                        font-family: Arial, Arial, Verdana, sans-serif ;
			font-size: 10px; 
			font-weight: none;
			font-style: none;  } 

.tdheading A:link { 	color: #FF7500;
			font-family: Arial, Arial, Verdana, sans-serif ; 
			font-size:12px; 
			font-weight: bold;  } 

.tdheading A:hover { 	text-decoration: underline; 
			color: orange; 
}

.tdheading { 		color: #333333; 
			font-family: Arial, Arial, Verdana, sans-serif ; 
			font-size:12px;
			font-weight:bold;
}
.tdlist { 		color: #333333; 
			font-family: Arial, Arial, Verdana, sans-serif ; 
			font-size:10px;
			font-weight: none;
}
.tdlittle { 		color: #333333; 
			font-family: Arial, Arial, Verdana, sans-serif ; 
			font-size:9px;
			font-weight: none;
}


TD 	{ 		color: #000000; 
			font-family: Arial, Arial, Verdana, sans-serif ; 
			font-size: 12px;

}
TH 	{ 		color: #333333;  
			font-family: Arial, Arial, Verdana, sans-serif ; 
			font-size: 10px; 
			font-weight: bold; 
			background: #FFFFFF;
}


.tdlist A:link { 	color: #FF7500; 
			font-family: Arial, Arial, Verdana, sans-serif ; 
			font-size: 10px;} 

.tdlist A:visited { 	color: #FF7500; 
			font-family: Arial, Arial, Verdana, sans-serif ; 
			font-size: 10px; } 

.tdlist A:hover  { 	text-decoration: underline; 
			color: orange;
			font-family: Arial, Arial, Verdana, sans-serif ; 
			font-size: 10px;
}



.custominput {
  			background : #DDDDDD;
  			color : #333333;
			font-family: Arial, Arial, Verdana, sans-serif ; 
			font-size:10px;
			font-weight: bold;
			border: 1 solid #BBBBBB;
			/* border-bottom: 3px inset rgb(0,0,0); 
			border-right: 3px inset rgb(0,0,0); */
			scrollbar-arrow-color:white;
        			scrollbar-base-color:0D1BA1;
          			scrollbar-face-color:A2B0BD;
			/* filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='gray', Positive='true') */ 

  			}
.custombutton {
  			background : #F4F4F4;
  			color : #333333;
			font-family: Arial, Arial, Verdana, sans-serif ; 
			font-size:10px;
			font-weight: bold;
			border: 1 solid #CCCCCC;
			/* border-bottom: 3px inset rgb(0,0,0); 
			border-right: 3px inset rgb(0,0,0); */
			scrollbar-3dlight-color:F4F4F4;
			scrollbar-highlight-color:666666;
			scrollbar-arrow-color:white;
        			scrollbar-base-color:CCCCCC;
          			scrollbar-face-color:CCCCCC;
			scrollbar-shadow-color:999999;
			filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='gray', Positive='true')

  			}
.badValue {
  			background : #DDDDDD;
  			color : #333333;
			font-family: Arial, Arial, Verdana, sans-serif ; 
			font-size:10px;
			font-weight: bold;
			border: 1 solid red;
			/* border-bottom: 3px inset rgb(0,0,0); 
			border-right: 3px inset rgb(0,0,0); */
			scrollbar-arrow-color:white;
        		scrollbar-base-color:0D1BA1;
          		scrollbar-face-color:A2B0BD;
  			}

select, textarea {
  			background : #DDDDDD;
  			color : #333333;
			font-family: Arial, Arial, Verdana, sans-serif ; 
			font-size:10px;
			font-weight: bold;
			border: none;
			scrollbar-arrow-color:white;
        		scrollbar-base-color:0D1BA1;
          		scrollbar-face-color:A2B0BD;
  			}
