/* website-rules.css */

/*****************/
/* general rules */
/*****************/
html, body {
 margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	background-color: #98FFA6;
	}

h1 {
 font-size: 18px;
 }
	
/* navigation bar */
#navbar {
 width: 151px;
	vertical-align: top;
	background: url(images/common/mid-left.jpg) repeat-y;
 }

#navbar a {
 color: #FFFFFF;
	font-style: italic;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
	}

#navbar a:hover {
 color: #ff5f07;
 }

div.notice {
 width: 120px;
 color: #FFFFFF;
	font-weight: bold;
	font-style: italic;
 }
	
/* right bar */
#rightbar {
 width: 215px;
	vertical-align: top;
	background: url(images/common/mid-right.jpg) repeat-y;
 }

/* return to top */
#return {
 text-align: center;
 }
				
/* contact bar */
#contact {
 text-align: right;
	padding: 10px;
	color: #0A7205;
	font-style: italic;
	font-weight: bold;
 }

#contact a {
	color: #0A7205;
 }

#contact a:hover {
 color: #0000CC;
 }

/* content */
#content {
 width: 434;
	background-color: #98FFA6;
	vertical-align: top;
 }

#content .title {
	font-style: italic;
	font-weight: bold;
	font-size: 18px;
 }

#content p {
 }

#content td.head {
 padding: 5px;
	background-color: #000000;
	color: #FFFFFF;
	font-weight: bold;
 }
	
#content td.data {
 padding: 5px;
	background-color: #FFFFFF;
	color: #000000;
	vertical-align: top;
 }		

#content td.picdata {
	background-color: #FFFFFF;
	color: #000000;
	vertical-align: middle;
	text-align: center;
 }		
	
#content table.bdr {
 border: solid #000000 1px;
 }
						
span.sale {
 font-weight: bold;
	font-style: italic;
	font-size: 18px;
 }
	
span.old-price {
 text-decoration: line-through;
	color: #CC0000;
 }				
/************************/
/* table and cell rules */
/************************

#table1 {
 width: 300px;
	border: 2px solid #CC0000;
	border-collapse: collapse;
 }

#left {
 text-align: left;
	vertical-align: top;
	border: 1px solid #0000CC;
 }
	
td.center {
 text-align: center;
	vertical-align: middle;
	border: 1px solid #00CCCC;
 }
	
#right {
 text-align: right;
	vertical-align: bottom;
	border: 1px solid #CC00CC;
 }

td { 
 padding: 5px; 
	height: 40px;
	}
	
/***************/
/* h1, p rules */
/***************
h1 { 
 text-align: center; 
	}
	
/**************/
/* link rules */
/**************
a {
	color: #FFCC00;
 }

a:hover {
 color: #FFFF00;
 }

/***********/
/* borders */
/* place the border on an image to make it fit the image */
/***********
.border1 {
	border: 10px solid #CC00CC;
	padding: 5px;
 }

.border2 {
	border: 1px solid #000000;
 }

/*********************/
/* background images */
/*********************
#bgimgdiv {
 width: 500px;
	height: 300px;
	background-image: url(blue-star.jpg);
 }

/**************/
/* everything */
/**************
.center {
 width: 100%;
 text-align: center;
	}
		
/******************************************
				
iframe {
	width: 100%;
	height: 100%;
 padding: 10px;
 margin: 0px;
	align: left;
	/* background: #FFFFFF; *
 FILTER:chroma(color= white);
 }