/* Global Styles */

body, td, p, h1, h2, input, option, textarea, div
{
font-family : Tahoma, Arial, Helvetica, sans-serif;
}

a:link						{color : #666666; text-decoration : underline;}
a:visited					{color : #666666; text-decoration : underline;}
a:hover						{color : #CC0000; text-decoration : underline;}

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

#main a.red:link			{color : #CC0000; text-decoration : none;}
#main a.red:visited			{color : #CC0000; text-decoration : none;}
#main a.red:hover			{color : #CC0000; text-decoration : underline;} /*b16556*/

#topnavi a.red:link			{color : #CC0000; text-decoration : none;} /*4B859A*/
#topnavi a.red:visited		{color : #CC0000; text-decoration : none;}
#topnavi a.red:hover		{color : #CC0000; text-decoration : underline;}


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

#container 
{
background : #FFFFFF;
border-left : solid 0px #EEEEEE;
border-right : solid 0px #EEEEEE;
border-bottom : solid 0px #EEEEEE;
border-top : solid 0px #CCCCCC;
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;
}

.hide
{
display : none;
}

.clear
{
clear : both;
}

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

hr
{
border : #EEEEEE solid 1px;
height : 1px;
}

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


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

#top 
{
background : #000000 url(../images/bg_top3.jpg) top center no-repeat;
border-top : solid 1px #000000;
margin: 0 auto;
padding: 146px 0px 0px 0px;
width : 768px;
height : 90px;
}

/* TOP END */

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

#topnavi
{
clear : both;
border : solid 1px #EEEEEE;
border-left : solid 0px #000000;
border-right : solid 0px #000000;
border-top : solid 6px #000000;
background : #F8F8F8 url(../images/bg_top-navi.png) top center repeat-x;
padding : 12px;
margin : 0px 0px 3px 0px;
height : 30px;

}

#topnavi p
{
font-size : 85%;
padding : 9px 0px 0px 0px;
margin : 0px 12px 3px 12px;
}


#top ul
{
float : left;
display : block;
margin : 0px 12px 0px 12px;
padding : 0px;
}

#top li
{
float : left;
display : block;
list-style-type : none;
margin : 0px 1px 0px 1px;
padding : 0px;
}

#top li a
{
width : 85px;
text-align : center;
text-decoration : none;
background : #000000;
display : block;
padding : 6px 6px 6px 6px;
color : #FFFFFF;

border-top : #000000 1px solid;
border-left : #000000 1px solid;
border-right : #000000 1px solid;
border-bottom : #000000 0px solid;

margin : 0px;
}

#top li a:hover
{
background : #000000;
/* padding : 5px 7px 7px 5px; */
text-decoration : none;
border-top : #000000 1px solid;
border-left : #000000 1px solid;
border-right : #000000 1px solid;
border-bottom : #000000 0px solid;
padding : 6px 6px 3px 6px;
margin-top : 3px;
}

/*

#top li a
{
width : 88px;
text-align : center;
text-decoration : none;
background : #FFFFFF;
display : block;
padding : 6px 6px 6px 6px;
color : #CC0000;

border-top : #CCCCCC 1px solid;
border-left : #CCCCCC 1px solid;
border-right : #CCCCCC 1px solid;
border-bottom : #000000 0px solid;

margin : 0px;
}

#top li a:hover
{
background : #F8F8F8;

text-decoration : none;
border-top : #CCCCCC 1px solid;
border-left : #CCCCCC 1px solid;
border-right : #CCCCCC 1px solid;
border-bottom : #000000 0px solid;
padding : 6px 6px 3px 6px;
margin-top : 3px;
}

*/

#top li.hide
{
display : none;
}

/* TOP NAVI END */


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

#main
{
background : #FFFFFF;
border : solid 1px #FFFFFF;
border-top : solid 1px #EEEEEE;
width : 541px;
float : left;
padding : 0px;
margin : 0px 0px 3px 0px;
}

#main h1
{
font-family : Times New Roman, Serif;
font-weight : bold;
font-size : 185%;
padding : 12px 12px 6px 12px;
margin : 0px 12px 12px 12px;
border-bottom : #EEEEEE 1px solid;
}

#main h2
{
font-family : Times New Roman, Serif;
font-size : 120%;
margin : 24px 15px 12px 15px;
padding : 3px 9px 3px 9px;
color : #000000;
clear : both;
font-weight : bold;
border-bottom : #EEEEEE 1px solid;
}

#main h3
{
font-family : Times New Roman, Serif;
font-size : 120%;
margin : 24px 15px 12px 15px;
padding : 3px 9px 3px 9px;
color : #000000;
clear : both;
font-weight : normal;
border-bottom : #EEEEEE 1px solid;
}

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

#main p.intro
{
font-family : Times New Roman, Serif;
font-size : 140%;
line-height : 130%;
color : #000000;
}

#main div.column
{
border : solid 1px #FFFFFF;
width : 268px;
}

#main li
{
margin-bottom : 6px;
margin-right : 24px;
}

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

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

#main legend
{

border : solid 1px #EEEEEE;
border-bottom : solid 1px #FFFFFF;
background : #FFFFFF;
margin : 0px 0px 6px 0px;
padding : 3px 6px 3px 6px;
font-size : 11px;
}

#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 : #EEEEEE solid 1px;
margin : 3px;
padding : 12px;
background : #F8F8F8;
font-size : 11px;
color : #999999;
text-align : center;
}

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

/* MAIN END */


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

#navi
{
border : solid 1px #FFFFFF;
border-top : solid 1px #EEEEEE;
border-left : solid 1px #FFFFFF;
width : 214px;
float : left;
padding : 0px 0px 6px 0px;
margin : 0px 0px 3px 3px;
}

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

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

#navi li.section
{
font-family : Times New Roman, Serif;
background : #FFFFFF;
border : #CCCCCC solid 1px;
border-bottom : #FFFFFF solid 0px;
font-size : small;
color : #000000;
text-decoration : none;
margin : 0px 3px 0px 3px;
padding : 6px 12px 6px 12px;
display : block;
}

#navi li.section strong
{font-weight : bold;}

/*
#navi li a.section:hover
{background : #EEEEEE;}
*/

#navi li a.subsection, #navi li a.subsubsection
{
color : #CC0000; /*4B859A*/
background : #F8F8F8;
border : #FFFFFF solid 0px;
border-left : #EEEEEE solid 1px;
border-right : #EEEEEE solid 1px;
font-size : 11px;
line-height : 14px;
text-decoration : none;
margin : 0px;
padding : 2px 12px 2px 24px;
display : block;
}

#navi li a.subsection:hover, #navi li a.subsubsection:hover
{
color : #CC0000; /*4B859A*/
background : #EEEEEE;
}

#navi li a.subsubsection
{
padding : 2px 12px 2px 33px;
font-size : 10px;
}

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

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

#navi hr
{
border : #333333 solid 1px;
height : 1px;
}

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

/* NAVI END */

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

#base
{
clear : both;
border-top : solid 6px #000000;
/* background : #FFFFFF url(../images/bg_main.png) top left no-repeat; */
width : 756px;
padding : 6px;
margin : 0px auto;
height : 50px;
}

#base p
{
text-align : center;
margin : 6px;
font-size : xx-small;
line-height : normal;
color : #FFFFFF;
}

#base a:link					{color : #FFFFFF; text-decoration : none;}
#base a:visited					{color : #FFFFFF; text-decoration : none;}
#base a:hover					{color : #FFFFFF; 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, label.formleftproblems
{
display : block;
width : 150px;
float : left;
text-align : right;
margin : 6px 6px 0px 0px;
}

label.formleftproblems
{
color: #FF0000;
}

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, label.labelrightproblems
{
display : block;
width : 90%;
float : left;
margin-right : 6px;
text-align : left;
font-size : 9px;
font-weight : bolder;
color : #000000;
padding-top : 8px;
}

html>body label.labelright, label.labelrightproblems
{padding-top : 4px;}

label.labelrightproblems
{
color : #FF0000;

}

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

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

input, select, textarea
{
margin-top : 3px;
}

textarea
{
font-size : 12px;
}

/* FORM STYLES - END */

table
{
background : #EEEEEE;
border : #FFFFFF 18px solid;
}

caption
{
text-align : left;
}

th
{
background : #000000;
color : #FFFFFF;
padding : 3px;
font-size : small;
font-weight: normal;
text-align : left;
border : 0px;
}

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

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

td.right
{
text-align : right;
}

input:focus, select:focus, textarea:focus{
	background: #EEEEEE;
}


/* - NOTES - */

/* "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 */