/* 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 : Tahoma, Arial, Helvetica, sans-serif;
}

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

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

#container 
{
background : #FFFFFF;
border : solid 1px #FFFFFF;

margin: 0 auto;
padding: 0px;
width : 767px;
}

.alignleft
{
text-align : left;
}

.floatleft
{
float : left;
}

.alignright
{
text-align : right;
}

.floatright
{
float : right;
}

.aligncenter
{
text-align : center;
}

.hide
{
display : none;
}

.clear
{
clear : both;
}

.redtext
{
border : #CC0000 solid 1px;
color: #CC0000;
margin : 12px;
padding : 12px;
background : #FFFFFF;
}

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

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
{
border : #EEEEEE solid 1px;
background : #FFFFFF;
width : 225px; 

float : left; 
display : block;
margin : 10px;
padding : 10px;
}
div.productthumb2
{
border : #EEEEEE solid 1px;
background : #FFFFFF;
width : 225px;

float : right; 
display : block;
margin : 10px;
padding : 10px;
}

.productlink a:link	{
color:#996699;}

.productlink a:visited	{
color:#996699;}

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

#top 
{

margin: 0 auto;
padding: 0px;
width : 768px;
height : 118px;
}

/* TOP END */

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

#topnavi
{

background : #8C9799;
width : 757px;
padding : 0px 0px 0px 10px;;
height: 25px;
margin : 1px 0px 1px 0px;
}

#topnavi p
{
color: #AA99AA;
font-weight: bold;
font-size:11px;
padding : 5px 0px 0px 0px;

margin : 0px;
}

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

#topnavi .divider
{
	padding : 0px 5px 0px 5px;
	margin : 0px;
}

/* TOP NAVI END */


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

#main
{


width : 541px;
float : left;
padding : 0px;
margin : 0px 0px 3px 0px;
}

#main h1
{
font-weight : bolder;
font-size : 180%;
padding : 12px 24px 6px 12px;
margin : 0px 0px 0px 0px;
color:#666666;
}

#main h2
{
font-size : 100%;
margin : 24px 12px 12px 12px;
padding : 3px 6px 3px 6px;

background : #EEEEEE;
color : #000000;
clear : both;
font-weight : bolder;
}

#main h3
{
font-size : 100%;
margin : 24px 12px 12px 12px;
padding : 3px 6px 3px 6px;

background : #AA99AA;
color : #FFFFFF;
clear : both;
font-weight : bolder;
}


#main p
{
padding : 6px 10px 6px 10px;
margin : 0px;
font-size : 90%;
color : #000000;
}

#main p.intro
{
font-size : 90%;
font-weight: bold;
line-height : 140%;
color : #A857A8;
}

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

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

#main legend
{
/*
border : solid 1px #CCCCCC;
*/
background : #FFFFFF;
margin : 0px 0px 6px 0px;
padding : 3px 6px 3px 6px;
font-size : 11px;
}

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

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

#main fieldset.productoption
{
clear : both;
border : solid 1px #EEEEEE;
background : #F8F8F8;
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;
margin : 10px;
padding : 12px;
background : #EEEEEE;
font-size : 11px;
color : #999999;
text-align : center;
}

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

/* MAIN END */


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

#navi
{


width : 200px;
float : right;
padding : 0px ;
margin : 20px 2px 3px 3px;
 

}

#navi ul
{
margin : 0px 0px 0px 0px;
padding : 0px 0px 0px 0px;
display : block;
}

#navi li
{
border : #FFFFFF solid 1px;
margin : 0px 0px 0px 0px;
padding : 0px;
display : block;
list-style-type : none;
}

#navi li a.section
{
background: #AA99AA;
color:#FFFFFF;
border : #FFFFFF solid 0px;
font-size : 11px;
line-height : 14px;
text-decoration : none;
margin : 0px;
padding : 3px 12px 3px 12px;
display : block;
}

#navi li a.section:hover
{
text-decoration:underline;

}

#navi li a.subsection
{
color:#663399;
background:#EEEEEE;
border : #FFFFFF solid 0px;
font-size : 11px;
line-height : 14px;
text-decoration : none;
margin : 0px;
padding : 2px 12px 2px 24px;
display : block;
}

#navi li a.subsection:hover
{
background : #DBC8E1;
text-decoration : underline;
}

#navi p
{
margin : 6px 12px 6px 12px;
font-size : 85%;
}

#navi fieldset
{
border : #EEEEEE solid 1px;
margin : 3px;
padding : 12px;
background : #EEEEEE;
font-size : 11px;
color : #666666;
}


/* NAVI END */

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

#base
{
clear : both;
border-top : solid 5px #8C9799;
background : #FFFFFF;
width : 767px;
padding : 0px;
margin : 0px;
 
}

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

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

/* 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;
}

#search fieldset
{
margin : 12px 12px 12px 12px;
padding : 6px;
width: 290px;
height: 60px;
border: 1px solid #cccccc;
}

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

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

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

.form
{
width : 200px;
}

textarea
{
font-size : 12px;
}

.button
{
background-color : #663366;
color: #ffffff;
border:1px solid #666666;
font-size:10pt;
font weight: bold;

}

/* FORM STYLES - END */

table
{
margin-top : 12px;
margin-bottom : 12px;
border : 0px;
}

caption
{
text-align : left;
}

th
{
background-color : #CCCCCC;
padding-left : 3px;
padding-right : 3px;
padding-top : 3px;
padding-bottom : 3px;
font-size : small;
font-weight: normal;
text-align : left;
border : 0px;
}

td.right, td.data, td.center
{
background-color : #EEEEEE;
padding-left : 3px;
padding-right : 3px;
padding-top : 3px;
padding-bottom : 3px;
border : 0px;
}

td.right
{
text-align : right;
}

#highlight a.title
{
color: #999999;
font-size: 18px;
font-weight:bold;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif, Verdana ;
}

#highlight small
{
color: #000000;
font-size: 10px;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#highlight p.pricelabel
{
color: #000000;
font-size: 12px;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#highlight p.price
{
color: #CC0000;
font-size: 14px;
font-weight:bold;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#highlight .mainimg
{
	margin-right: 10px;
	margin-left: 10px;
	}
	
#highlight  {
background-image: url(../images/highlight_bg.gif);
	background-repeat: none;
	background-position: center top;
}

#highlight legend{
	color: #328CB7;
	font-size:110%;
	font-weight: bolder;
	margin: 0px 0px 0px 10px;
}

#highlight .smallimg_1{
float:left;
margin:10px 0px 0px 0px;
}

#highlight .smallimg_2{
float:right;
margin:10px 0px 0px 0px;
}

#highlight .smallimg_3{
float:left;
margin:3px 0px 0px 0px;}

.highlightbutton {
margin:20px 0px 0px 40px;
}

#homenews div
{
padding: 15px 0px 0px 0px;

margin: 15px 0px 0px 0px;
background:#FFFfff;
width:200px;
}


#homenews fieldset
{

border: 1px solid #cccccc;
background:#FFFfff;
padding:5px;
margin-top: 10px;

}

#homenews h2{
	color: #FFFFFF;
	background: #8C9799;
	font-size: 100%;
	font-weight: bold;
	margin: 0px;
	padding:3px 3px 0px 3px;
	height: 20px;
	
}
 #homenews hr
 {
	border: 1px  #EEEEEE;
	margin: 0px 10px 0px 10px;
 }
 
#homenews h3{
	font-size: 100%;
	color: #9C62A5;
	font-weight: bold;
padding : 0px ;
	margin: 3px;
}

#homenews a:hover{

	color: #9C62A5;
	
}

.homenewsp{
	font-size: 11px;
	color: #666666;
	padding : 0px ;
	margin: 0px ;
}

#home1{
border: solid 1px #cccccc;
width:525px; 
margin:10px; 
padding:0px;
}

#home p
{
padding : 6px 5px 6px 0px;
margin : 0px;
font-size : 90%;
color : #000000;
}

#homehighlight h2{
width:513px;
background:#AA99AB;
color:#FFFFFF;
margin:0px;
}
#homehighlight table{
width:510px;
}
#homehighlight{
width:525px;
border: 1px solid #cccccc;
padding:0px;
margin: 0px 0px 10px 10px;
}

.homeprodlink a:link{
color:#006699;
text-decoration:none;
font-size:100%;
font-weight:bold;

}


.homeprodlink a:visited					{color : #996699; text-decoration : none; font-weight:bold;}
.homeprodlink a:hover						{color : #996699; text-decoration : underline;}


#products a:link					{color : #CCCCCC; text-decoration : none;


}
.prodprice{
color:#CC0000;}