/*******************************Generic tag****************************/
body  {
	font-style: normal;
	text-decoration: none;
	font-size: 8pt;
	font-weight: normal;
	font-family : Arial, Helvetica, sans-serif;
	color: #5b2f82;
	text-align: center;
	background-image: url('../graphics/canvas_bg.gif');
	overflow: auto;
	
}
td  {
	font-size: 8pt;
}

/* TinyMCE specific rules */
body.mceContentBody {
   background: #FFF;
   background-image: url();
}

 a{
	font-size: 8pt;
	color: #5b2f82;	
	text-decoration: none;
	
}
a:Active {
	color: #5b2f82;	
}
 a:hover{
	font-size: 8pt;
	color: #993366;	
	text-decoration: underline;
}

 a:Visited  {
	color: #5b2f82;
}
/*******************************Standard tag****************************/

.container{
	border-style: solid;
	border-color: #FFFFFF;
	width:845px;
	height:750px;
	border-width:0px;
	text-align: left;
	/*background-image: url('../graphics/bg.gif');*/
}
.nav{
	position:relative;
	border-style: solid;
	border-color: #9999ff;
	width:845px;
	height:185px;
	border-width:0px;
	background-image: url(../graphics/bg.gif);
}

.login{
	position:relative;
	width:190px;
	height:120px;
	border-width:0px;
	border-color: #1D0038;
	border-style: solid;
	/*background-color:#1D0038;*/
	padding:5px;
	color:#FFFFFF;
	left:61%;
}
.formbutts{
	border-width:1px;
	border-color: #9966FF;
	border-style: solid;
	background-color:#FFFFFF;
	font-size: 8pt;
	padding:2px;
	height: 20px;
}
.content{
	position:relative;
	border-style: solid;
	border-color: #0000a0;
	width:845px;
	height:437px;
	border-width:0px;
	padding:0px;
	background-color: #ffffff;
}



.promobox{
	position:absolute;
	width:325px;
	border-width:0px;
	border-color: #cc3333;
	border-style: solid;
	z-index: 1;
	left: 272px;
	top: 80px;
	
}

.footer {
	position:relative;
	border-style: solid;
	border-color: #006666;
	width:845px;
	height:50px;
	font-size: 8pt;
	color: #FFFFFF;
	border-width:0px;
	text-align: right;
	top:10px;
	
}
.footer td {
	font-size: 8pt;
	color: #333333;	
}
.footer a{
	font-size: 8pt;
	color: #ffffff;	
	text-decoration: none;
	
}
.footer a:Active {
	color: #ffffff;	
}
.footer a:hover{
	font-size: 8pt;
	color: #ffffff;	
	text-decoration: underline;
}

.footer a:Visited  {
	color: #ffffff;
}
.prodnav{
	position:absolute;
	width:200px;
	height:200px;
	border-width:0px;
	border-color: #cc3333;
	border-style: solid;
	color: #4a2761;
	margin-top:100px;
	margin-left:50px;	
}


	
.prodcontent{
	position:absolute;
	width:520px;
	height:590px;
	border-width:0px;
	border-color: #CCCCCC;
	border-style: solid;
	margin-top: 110px;
	margin-left: 14px;
	overflow: auto;
	background-color:#ffffff;
	scrollbar-arrow-color: #ffffff;
	scrollbar-base-color: #eceff0;
	scrollbar-face-color: #9999cc;
	scrollbar-highlight-color: #dadada;
	scrollbar-shadow-color: #c9b7d0;
	scrollbar-3dlight-color: #f9c1fd;
	scrollbar-track-color: #c7bdcc;
	scrollbar-darkshadow-color: #beb4c2;
}


.prodbg{
	position:absolute;
	width:547px;
	height:720px;
	border-width:0px;
	border-color: #cc6633;
	border-style: solid;
	background-color:#FFFFFF;
	left:270px;
	margin-left: 20px;
	margin-top: 25px;
	background-image: url('../graphics/prodbg.gif');
	background-repeat: no-repeat;
}
.procontent{
	position:relative;
	border-style: solid;
	border-color: #0000a0;
	width:845px;
	height:100%;
	border-width:0px;
	padding:0px;
	background-color: #FFFFFF;
}

.orderontent{
	position:absolute;
	border-style: solid;
	border-color: #0000a0;
	/*width:845px;*/
	width:645px;
	height:100%;
	overflow: auto;
	margin-left:200px;
	/*margin-left:95px;*/
	border-width:0px;
	padding:0px;
	/*background-color: #FFFFFF;*/
	
}

.orderontent H2{
	margin-top:50px;
	margin-right:45px;
	text-align:right;
	/*text-align:center;*/
}


/*Order form*/
.orderontent table{
	border-style: solid;
	border-color: #CCCCCC;
	width:90%;
	border-width:0px;
	margin-left:5%;
	background-color:#DEC4EE;
}
.orderontent th{
	border-style: solid;
	border-color: #CCCCCC;
	border-width:0px;
	font-size: 8pt;
	background-color:#EDD9FF;
	color:#75418D;
	text-align:center;
}
.orderontent td{
	border-style: solid;
	border-color: #CCCCCC;
	border-width:0px;
	background-color:#ffffff;
	text-align:left;
}

/*Article*/
.articlenav{
	position:absolute;
	width:200px;
	height:200px;
	border-width:0px;
	border-color: #cc3333;
	border-style: solid;
	color: #4a2761;
	margin-top:100px;
	margin-left:50px;	
}
.articlenav_txt{
margin-top:0px;
margin-left:8px;
margin-right:0px;
margin-bottom:0px;
color: #993366;

}

.articlenav_txt a{
	font-size: 8pt;
	color: #5b2f82;	
	text-decoration: none;
	
}
.articlenav_txt a:Active {
	color: #5b2f82;	
}
.articlenav_txt a:hover{
	font-size: 8pt;
	color: #993366;	
	text-decoration: underline;
}

.articlenav_txt a:Visited  {
	color: #5b2f82;
}


.articlecontent{
	position:absolute;
	color: #993366;
	width:580px;
	height:380px;
	border-width:0px;
	border-style: solid;
	background-color:#FFFFFF;
	left:250px;
	overflow: auto;
	border-color: #993399;
	margin: 15px;
	top: 40px;
		scrollbar-arrow-color: #ffffff;
	scrollbar-base-color: #eceff0;
	scrollbar-face-color: #9999cc;
	scrollbar-highlight-color: #dadada;
	scrollbar-shadow-color: #c9b7d0;
	scrollbar-3dlight-color: #f9c1fd;
	scrollbar-track-color: #c7bdcc;
	scrollbar-darkshadow-color: #beb4c2;
}

.articlecontent td{
color: #993366;
font-size:10pt;
}
/*corner of the page*/
.corner{
background-image: url('../graphics/banner_corner_whole.jpg');
background-repeat: no-repeat;
width:261px;
height:100px;
margin: 0;
top: 0px;
position:absolute;
border-width:0px;
border-style: solid;
}

/*corner of the page*/
.jobopt{
/*background-image: url('../graphics/banner_corner_whole.jpg');*/
/*background-repeat: no-repeat;*/
width:129px;
height:53px;
margin: 0;
top: 0px;
right:0px;
position:absolute;
border-width:0px;
border-style: solid;
}


/*proddesc opens when description is selected, */
#proddesc{
	position:absolute;
	width:550px;
	height:700px;
	left:270px;
	margin-left: 20px;
	margin-top: 25px;
	background-color:#000000;
	/*background-image: url('../graphics/prodbg_shadow.gif');*/
	background-image: url('../graphics/prodbg.gif');
	/*border:1px solid #0000FF ;

	/* for IE */
/*filter:alpha(opacity=10);*/
	/* CSS3 standard */
 /*opacity:0.1;*/
}


.prodsquare{
	width:167px;
	height:170px;
	background-color:#eceff0;
	padding-top:40px;
	margin-top:10px;
	margin-bottom:0px;
	border:0px solid #ffffff;
	background-image: url('../graphics/product_bg.gif');
}
/*purchase form*/
.purchasecontent{
	position:relative;
	border-style: solid;
	border-color: #0000a0;
	width:845px;
	height:inherit;
	border-width:0px;
	padding:0px;
	background-color: #FFFFFF;
}
.purprodcontent{
	position:absolute;
	width:450px;
	/*height:350px;*/
	height:360px;
	border-width:1px;
	border-color: #9966ff;
	border-style: solid;
	margin-top: 110px;
	margin-left: 10px;
	overflow: auto;
}
.purchasdbg{
	position:absolute;
	width:548px;
	height:463px;
	border-width:0px;
	border-color: #CCCCCC;
	border-style: solid;
	background-color:#FFFFFF;
	left:270px;
	margin-left: 20px;
	margin-top: 25px;
	background-image: url('../graphics/prodbg.gif');
	background-repeat: no-repeat;
}
/*text use in product description*/
#prodtext{
	position:absolute;
	width:520px;
	height:600px;
	background-color:#ffffff;
	margin-top: 110px;
	margin-left: 15px;
	overflow: auto;
	/* for IE */
	filter:alpha(opacity=100);
	/*border:1px solid #cc9966 ;*/
	/* CSS3 standard */
	scrollbar-arrow-color: #ffffff;
	scrollbar-base-color: #eceff0;
	scrollbar-face-color: #9999cc;
	scrollbar-highlight-color: #dadada;
	scrollbar-shadow-color: #c9b7d0;
	scrollbar-3dlight-color: #f9c1fd;
	scrollbar-track-color: #c7bdcc;
	scrollbar-darkshadow-color: #beb4c2;
}
#prodtext th{
font-size: 8pt;
font-weight:bold;
text-align:left;
}

#prodtext a{
	font-size: 8pt;
	color: #5b2f82;	
	text-decoration: none;
	
}
#prodtext a:Active {
	color: #5b2f82;	
}
#prodtext a:hover{
	font-size: 8pt;
	color: #ffffff;	
	text-decoration: underline;
}

#prodtext a:Visited  {
	color: #5b2f82;
}

/**Admin Nav**/


.subnav{
/*background-image: url('../graphics/banner_corner_whole.jpg');*/
background-repeat: no-repeat;
width:150px;
height:25px;
margin: 0;
right:25px;
top: 10px;
position:absolute;
border-width:0px;
border-style: solid;
z-index: 2;
}

