/* Global Styles */

/* "html>body" hides style from IE*/

/* Hide from IE-Mac \*/
#example1 {margin-bottom:3em}
#example2 {margin-top:1.5em}
/* End hide */

/* ID for unique items, CLASS for muliple items */
body, td, p, a, h1, h2, input, option, textarea, div
{
font-family :  Arial, Helvetica, sans-serif;
}

a:link						{color : #000000; text-decoration : none;}
a:visited					{color : #000000; text-decoration : none;}
a:hover						{color : #000000; text-decoration : underline;}

body
{
background-color : #ffffff;
margin-left : 10px;
color : #000000;
font-size : 80%;
letter-spacing : normal;
line-height : normal;
}

#container
{
background : #ffffff;
border : solid 1px #EEEEEE;
margin: 0 auto;
padding: 0px 3px 3px 3px;
width : 762px;

}

.alignleft
{
text-align : left;
}

.floatleft
{
float : left;
}

.alignright
{
text-align : right;
}

.floatright
{
float : right;
}

.aligncenter 
{
text-align : center;

}

.aligncenter a {
color:#CC66FF;
}

.hide
{
display : none;
}

.clear
{
clear : both;
}

.redtext
{
border : #ffffff solid 1px;
color: #ffffff;
margin : 10px 14px 0px 7px;
padding : 12px;
background : #cc0000;
}

hr
{
border : #CCCCCC dotted 1px;
height : 1px;
margin : 0px 24px 0px 24px;
}

html>body hr
{
border : #000000 solid 0px;
border-top : #CCCCCC dotted 1px;
border-bottom : #000000 solid 0px;
display : block;
margin : 3px 0px 3px 0px;
background : #FFFFFF;
}

div.backbutton
{
border : #000000 solid 0px;
float : left;
width : 20px;
height : 30px;
display : inline;
}

div.nextbutton
{
border : #000000 solid 0px;
float : left;
width : 20px;
height : 30px;
text-align : right;
display : inline;
}

div.pagenumbers
{
border : #000000 solid 0px;
float : left;
width : 500px;
height : 20px;
text-align : center;
display : inline;
}

strong.pagenumber, a.pagenumber
{
border : #000000 solid 0px;
background : #EEEEEE;
padding : 3px;
margin : 2px;
text-decoration : none;
}

div.productthumb1
{


width : 200px; 
float : left; 
display : block;
margin : 10px;
padding : 10px;
}

div.productthumb1_home
{


width : 220px;  
display : block;
margin : 0px ;
padding : 5px ;
s
}

div.related{
	float: left;
	width: 254px;
	padding: 6px 6px 6px 6px;
	margin: 0px;
}

div.related h2{
	color: #FFFFFF;
	background: #542888;
	font-size: 130%;
	font-weight: normal;
}

div.related ul
{
	color: #542888;
}

div.related li
{
	list-style-type: square;
	font-weight: bold;
}

div.related h3{
	font-size: 10pt;
	font-weight: bold;
	padding: 6px 24px 6px 24px;
	margin: 0px;
	
}

div.related p{
	font-size: 8pt;
}

div.related a:link				{color : #542888; text-decoration : none;}
div.related a:visited			{color : #542888; text-decoration : none;}
div.related a:hover				{color : #542888; text-decoration : underline;}

/* TOP START *********/

#top 
{
/*background : #000000 url(../images/topbanner1.jpg) top left no-repeat;*/
/*border : solid 1px #CCCCCC;*/
margin: 0 auto;
padding: 0px;
width : 768px;
height : 145px;
}

/* TOP END */

/* TOP NAVI START *********/

#topnavi
{

background :  #542888;
width : 769px;
padding : 0px;
margin : 0 auto;
height : 45px;
}

#topnavi p
{
font-size: 12px;
padding : 18px 0px 0px 10px;
margin : 0px;
color: #340002;
}

#topnavi a:link					{color : #FFFFFF; text-decoration : none;}
#topnavi a:visited				{color : #FFFFFF; text-decoration : none;}
#topnavi a:hover				{color : #FFFFFF; text-decoration : underline;}

#topnavi a.yellow:link					{color : #F6EEFA; text-decoration : none;}
#topnavi a.yellow:visited				{color : #F6EEFA; text-decoration : none;}
#topnavi a.yellow:hover					{color : #F6EEFA; text-decoration : underline;}

/* TOP NAVI END */

/* MAIN START *********/

#main
{
background : #ffffff;
border : none;
width : 541px;
float : left;
padding : 0px;
margin : 0px 0px 3px 0px;
}

#main h1
{
font-size : 170%;
padding : 12px 24px 6px 24px;
margin : 0px 0px 0px 0px;
color: #D168EE;
font-weight : bold;
font-family:Arial, Helvetica, sans-serif;
}

#main h2
{
padding : 6px 24px 6px 24px;
margin : 0px;
font-weight : bold;
font-size : 90%;
color: #EFE2F7;
}

#main p
{
padding : 6px 24px 6px 24px;
margin : 0px;
}

#main p.intro
{
font-size: 120%;
line-height: 140%;
color: #D168EE;
}

#main fieldset
{
border : solid 1px #EEEEEE;
margin : 12px;
padding : 12px;
}

#main fieldset p
{
padding : 6px 12px 6px 12px;
margin : 0px;
}

#main legend
{
border : solid 1px #333333;
background : #542888;
margin : 0px 0px 6px 0px;
padding : 3px 6px 3px 6px;
font-size : 11px;
color: #FFFFFF;
}

#main table.table
{
width : 529px;
}

#main td p
{
padding : 0px;
margin : 0px;
}

#main fieldset.productoption
{
clear : both;
border : solid 1px #EEEEEE;

margin-top : 3px;
margin-bottom : 3px;
}

#main fieldset.left
{
border : solid 1px #EEEEEE;
width : 227px;
float : left;
margin : 6px 5px 6px 6px;
font-size : 85%;
}

html>body #main fieldset.left
{
margin : 6px 5px 6px 12px;
padding : 0px 12px 12px 12px;
}

#main fieldset.right
{
border : solid 1px #EEEEEE;
width : 227px;
float : left;
margin : 6px 0px 6px 6px;
font-size : 85%;
}

html>body #main fieldset.right
{
margin : 6px 0px 6px 6px;
padding : 0px 12px 12px 12px;
}


#main img
{
border : solid 0px #EEEEEE;
}

#main fieldset.news
{
border : #CCCCCC solid 1px 0px 1px 0px;
margin : 3px;
padding : 12px;
background : #D7BADF;
font-size : 11px;
color : #999999;
text-align : center;
}

#main fieldset.news strong
{
color : #000000;
}

/* MAIN END */


#right
{
width : 214px;
float : right;
}

/* NAVI START *********/


#navi
{
width : 214px;
float : right;

margin : 9px 0px 0px 0px;


}

#navi p
{
margin : 6px 12px 6px 12px;
}

#navi fieldset
{
margin : 3px;
padding : 12px;
font-size : 10px;
border: none;
}
#navicat
{
width : 212px;

padding : 0px 0px 0px 0px;

}

#navicat ul {
  padding:0px;
  margin:0px;
}

#navicat li {
  margin: 1px 0px 0px 0px;
  list-style-type : none;
  padding:0px;
}

#navicat li a.section {
  font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size : 11px;
	color: #ffffff;
	text-decoration : none;
	background:#9A5AA5;
	padding: 1px 0px 0px 10px;
	margin:0px 0px 0px 0px;
	height:25px;
}

#navicat li a.section:hover {
  color: #CCCCCC;
  text-decoration : underline;
}

#navicat li a.subsection {
	font-size : 11px;
	color:#666666;
	text-decoration : none;	
	padding : 3px 12px 2px 12px;
}

#navicat li a.subsection:hover {
  text-decoration : underline;
}
/* NAVI END */

/* BASE START ***********/

#base
{
clear : both;
background : #FFFFFF;
width : 748px;
padding : 6px;
margin : 0px;
}

#base p
{
text-align : center;
margin : 6px;
font-size : 85%;
line-height : normal;
color : #999999;
}

#base a:link					{color : #D168EE; text-decoration : none;}
#base a:visited					{color : #D168EE; text-decoration : none;}
#base a:hover					{color : #D168EE; text-decoration : underline;}

#base a.base:link				{color : #999999; text-decoration : underline;}
#base a.base:visited			{color : #999999; text-decoration : underline;}
#base a.base:hover				{color : #999999; text-decoration : none;}

/* BASE END */

/* FORM STYLES - START */

form
{
margin : 0px 0px 0px 0px;
padding : 0px 0px 0px 0px;
}

label
{
font-weight : normal;
}

label.formleft
{
display : block;
width : 150px;
float : left;
text-align : right;
margin-right : 6px;
}

small.formnote /* margin left same width as label.formleft width */
{
margin : 0px 0px 0px 160px;
display : block;
}

input.checkbox
{
width : 20px;
float : left;
}

label.labelright
{
display : block;
width : 90%;
float : left;
margin-right : 6px;
text-align : left;
font-size : 9px;
font-weight : normal;
color : #000000;
padding-top : 4px;
}

fieldset
{
margin : 12px;
padding : 6px;
}

fieldset.address
{
width : 45%;
float : left;
margin : 12px;
padding : 6px;
}

legend
{
color: #FFFFFF;
font-weight: bolder;
}

.formmsg
{
color: #CC0000;
padding-top : 6px;
}

.form
{
width : 200px;
}

textarea
{
font-size : 12px;
}


input.submit
{
	background-color:#D7BADF;
	color:#FFFFFF;
	border: 1px solid #CCCCCC;
	font-size:11px;
	font-family:  Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 2px;
	height: 22px;
}


input.button
{ 
background-color:#990000;
color:#FFFFFF;
}

/* FORM STYLES - END */

table
{
font-size: 11px;
margin: 12px 5px 12px 5px;
width: 522px;
padding:2px;
border : 0px;
}

caption
{
text-align : left;
}

th
{
	background-color : #D7BADF;
	padding-left : 3px;
	padding-right : 3px;
	padding-top : 3px;
	padding-bottom : 3px;
	font-size : 11px;
	font-weight: bold;
    border : 0px;
	text-align: left;
	text-indent: 3pt;
	height:24px;
}

td.right, td.data, td.center
{
background-color : #F9F5FC;
text-indent: 3pt;
vertical-align:top;
padding-left : 3px;
padding-right : 3px;
padding-top : 3px;
padding-bottom : 3px;
border : 0px;
}

td.right
{
text-align : right;
}



div.extrahighlight{
	border: 1px solid #CCCCCC;
	padding: 6px 24px 6px 24px;
	margin: 6px 24px 6px 24px;
	color: #000000;
	background: #EEEEEE;
}

hr.blackline{
	border: #000000 solid 1px;
	height: 1px;
}
 
div.testi_home
{
color:#cccccc;
width:205px; 
height:140px; 
margin:0px 0px 0px 0px;
padding:20px 3px 0px 3px;
border: 1px solid #cccccc;
float:right;
}

div.most_pop_home
{
color:#FFFFFF;
width:230px; 
height:140px; 
margin:0px 0px 0px 0px;
padding:20px 0px 0px 0px;
border: 0px solid #FFFFFF;
float:right;
}

p.hometesti
{
font-size: 85%;
text-align:center;
}




#homenews fieldset
{
float:left;
border:1px solid #cccccc;
width: 230px;
padding: 0px;

}
#most_pop_home fieldset
{
border:1px solid #cccccc;
width: 230px;
padding: 0px;

}
#most_pop_home hr
 {
	border: 1px dotted #ffffff;
	margin: 0px;
 }





#homenews p{
padding-left:3px;}


#homenews h2{
	color: #FFFFFF;
	background: #542888;
	font-size: 100%;
	font-weight: bold;
	padding:5px;
}
 #homenews hr
 {
	border: 1px dotted #333333;
	margin: 0px;
 }
 
#homenews h3{
	font-size: 10pt;
	color: #D168EE;
	font-weight: bold;
	padding: 0px 0px 0px 3px;
	margin: 3px 0px 0px 0px;
}



#homenews a:link				{color : #D168EE; text-decoration : none;}
#homenews a:visited			{color : #D168EE; text-decoration : none;}
#homenews a:hover				{color : #D168EE; text-decoration : underline;}


.homenewstext{
padding-left:0px;
margin-left:0px
margin-top:0px;
padding-top:0px;}

/* Edited - Z */
.text-align {
	text-align: left;
	padding: 5px;
}