/******************** GENERAL ********************/

body {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	text-align: left;
	background-color: #ffffff;
	color: #666666;
	font-size: 90%;
	margin: 1px auto;
	
}
div#header {
	background: #ffffff url(graphics/header_bg.gif) no-repeat top right;
	width: 100%;
	height: 44px;
}
div#header span a {
	font-size: 70%;
	color: #ffffff;
	text-decoration: none;
	padding: 3px;
}
div#header span a:hover {
	text-decoration: none;
	color: #FF7A42;
}
h1, h2, h3 { margin-top: 10px; color: #666666;}
h1 { font-size: 13pt;}
h2 { font-size: 10pt; color: #CC6633;}
h3 { font-size: 8pt;}
h4 { font-size: 9pt; font-weight: bold; padding-top: 5px; margin-bottom: 3px;}
h5 { font-size: 9pt; font-weight: bold; padding-top: 0px; margin-bottom: 3px;}
hr { border-top: dotted #cccccc 1px; border-bottom: solid #ffffff 1px;}
.button { color: #ffffff; font-size: 8pt; background-color: #CC6633; text-align: center; border-left: #FF9966 solid thin; border-top: #FF9966 solid thin; border-right: #993300 solid thin; border-bottom: #993300 solid thin;}
.inputbox {color: #666666;	font-size: 8pt; font-weight: normal; background-color: #FFFFFF; text-align: left; border-width: 1px; border-style: solid;}
/******************** HOME ********************/

table#home {
	width: 95%;
	height: 100%;
	font-size: 70%;
	color: #666666;
}
table#nav {
	font: 11px #FFFFFF;
	color: #FFFFFF;
	background: #000000;
}

table.headernav td.exsml {
	white-space:nowrap;
	text-align:center; 
	height: 20px;
}

table.headernav td.sml {
	white-space:nowrap;
	text-align:center; 
	height: 20px;
}

table.headernav td.md {
	white-space:nowrap;
	text-align:center; 
	height: 20px;
}

table.headernav td.lng {
	white-space:nowrap;
	text-align:center; 
	height: 20px;
}
table.headernav td.exlng {
	white-space:nowrap;
	text-align:center; 
	height: 20px;
}

/*table#nav a {
	font: 11px #FFFFFF;
	color: #FFFFFF;
	padding:0px;
	margin:0px;
	background: #000000;
	text-decoration: none;
}

table#nav a:hover {
	font: 11px #FFFFFF;
	color: #FFFFFF;
	background: #000000;
	text-decoration: none;
}
*/

div#product {text-align: left; margin-bottom: 5px;}
img#home {border: solid #000000 1px; margin-right: 5px; }
div#feature {
	border-top: dotted #009AA9 1px;
	padding-top: 10px;
	text-align: left;
	padding-bottom: 10px;	
}

.txtNavi {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	padding-left: 5px;
	padding-top: 3px;
	line-height: 60%;
	padding-bottom: 5px;
	font-weight: normal;
}
.style1 {	color: #FF6600;
		font-weight: bold; 
}

.titlebar {
	background-color: #009999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #FFFFFF;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 10px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #333333;
	font-style: normal;
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 20px;
	letter-spacing: -0.05em;
	margin-bottom: 5px;
}
.txtTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: bolder;
	color: #FFFFFF;
	height: 30px;
	padding-top: 15px;
	padding-left: 20px;
}

p {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #333333;
	text-align: left;
	word-spacing: normal;
	line-height: 100%;
	margin-right: 5px;
	margin-left: 20px;
	margin-top: 3px;
	font-style: normal;
	margin-bottom: 5px;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	color: #009999;
	font-weight: bold;
	margin-left: 20px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 5px;
	word-spacing: normal;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000000;
	font-weight: bold;
	margin-left: 15px;
	margin-top: 5px;
	margin-right: 20px;
	word-spacing: normal;
	margin-bottom: 0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}
.indent {
	padding-left: 20px;
}

.footer01 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
	padding-right: 5px;
	padding-left: 5px;
	text-align: center;
}

.footer02 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	padding:5px;
	
}


.tabelspec {
	font-size: 0.7em;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}



/******************** CATALOGUES ********************/
table#merchandise {
	padding: 10px;
	width: 100%;
	border: solid #EBEBEB 1px;
	text-align: left;
	font-size: 100%;
}
table#spec {
	padding: 5px;
	width: 100%;
	border: solid #666666 1px;
	text-align: left;
	color: #666666;
	font-size: 100%;
}
th#spec {
	border-bottom: solid #cccccc 1px;
	color: #666666;
	font-weight: normal;
}
td#mer_cat {
	padding: 15px 2px 2px 2px;
	font-size: 120%;
    font-weight: bold;
    background-color: #666666;
	text-align: left;
	color: #ffffff;
}
td#mer_subcat {
	padding: 2px;
	background-color: #cccccc;
	font-size: 8pt;
    font-weight: bold;
    color: #666666;
	text-align: left;
}
td#mer_title {
	padding: 2px;
	font-weight: bold;
	background-color: #EBEBEB;
}
td#mer_thumb {
	padding: 2px;
	background-color: #EBEBEB;
	width: 10%;
	text-align: center;
}
td#mer_item {
	padding: 2px;
	background-color: #EBEBEB;
	width: 50%;
	text-align: left;
}
td#mer_size {
	padding: 2px;
	background-color: #EBEBEB;
	width: 10%;
	text-align: left;
}
td#mer_code {
	padding: 2px;
	background-color: #EBEBEB;
	width: 15%;
	text-align: center;
}
td#mer_price {
	padding: 2px;
	background-color: #EBEBEB;
	width: 10%;
	text-align: right;	
}
td#support_item {
	padding: 2px;
	background-color: #EBEBEB;
	text-align: left;
}
td#support_item a{
	color: #666666;
}
td#support_size {
	padding: 2px;
	background-color: #EBEBEB;
	text-align: left;
}
td#support_code {
	padding: 2px;
	background-color: #EBEBEB;
	text-align: center;
}
td#support_price {
	padding: 2px;
	background-color: #EBEBEB;
	text-align: right;	
}
td#mer_desc {
	padding: 15px 2px 15px 2px;
	text-align: left;	
}
td#mer_order {
	padding: 2px;
	font-size: 80%;
}
table#form {
 	width: 95%;
	background-color: #cccccc;
	border-top: solid #999999 3px;
	text-align: center;
	color: #666666;
 }
 td#formtitle {	
 	text-align: right;
	padding-right: 3px;
	font-size: 8pt;
	width: 30%;
 }
  td#forminput {	
 	text-align: left;
	padding-left: 10px;
	font-size: 8pt;
 }
 td#catalogue {
	background: #666666 url(graphics/catalogue/bg.gif) repeat-y top left;
	width: 100%;
	vertical-align : top;
}
td#cat_name {
	padding-top: 20px;
	background-color: #cccccc;
	color: #CC6633;
	padding-left: 3px;
	width: 100%;
	text-align: left;
	font-size: 10pt;
	letter-spacing: 2px;
	vertical-align : top;
}
td#cat_title {
	background-color: #999999;
	color: #cccccc;
	padding: 10px;
	width: 10%;
	text-align: right;
	font-size: 8pt;
	vertical-align : top;
	border-bottom: dotted #808080 1px;
}
td#cat_description_blank {
	padding-top: 8px;
	padding-right: 2px;
	background-color: #828282;
	font-size: 8pt;
	width: 45px;
	text-align: right;
	color: #ACACAC;
}
td#cat_description {
	padding-top: 15px;
	background-color: #666666;
	color: #cccccc;
	padding: 3px 3px 3px 10px;
	width: 100%;
	text-align: left;
	font-size: 8pt;
	vertical-align : top;
}
td#cat_details {
	background-color: #cccccc;
	color: #666666;
	padding: 10px;
	text-align: left;
	font-size: 8pt;
	vertical-align : top;
	border-bottom: dotted #808080 1px;
}
td#cataloguesummary {
	background-color: #ffffff;
	padding-left: 15px;
	padding-right: 15px;
	width: 100%;
	text-align: left;
	font-size: 8pt;
	vertical-align: top;
	line-height: 140%;
}
div#footer {
	margin-left: auto;
	margin-right: auto;
	color: #999999;
	text-align: left;
	font-size: 7.5pt;
	padding: 10px 0px 4px 0px;
	width: 450px;
}
.header_main_w
{
    font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
    font-size: 14pt;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none
}
.header
{
    font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    color: #000000;
    text-decoration: none
}
.header_g
{
    font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    color: #009AA9;
    text-decoration: none
}
.header_o
{
    font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    color: #FF7A42;
    text-decoration: none
}
.header_w
{
    font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none
}
.subheader
{
    font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
    color: #666666;
    text-decoration: none
}
.subheader_b
{
    font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
    color: #000000;
    text-decoration: none
}
.text
{
    font-family:   Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: normal;
    color: #666666;
    text-decoration: none
}

.text_md
{
    font-family:  Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: normal;
    color: #666666;
    text-decoration: none
}

.text_b
{
    font-family:   Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
    color: #666666;
    text-decoration: none
}
.text_sm
{
    font-family:   Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 7.5pt;
    font-weight: normal;
    color: #666666;
    text-decoration: none
}
.text_white
{
    font-family:   Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: normal;
    color: #FFFFFF;
    text-decoration: none
}

.text_white_sm
{
    font-family:   Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 7.5pt;
    font-weight: normal;
    color: #FFFFFF;
    text-decoration: none
}

.text_crumbs
{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: normal;
    color: #999999;
    text-decoration: none
}

.text_footer
{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 7pt;
    font-weight: normal;
    color: #CCCCCC;
    text-decoration: none
}

.warning
{
    font-family:   Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
    color: Red;
    text-decoration: none
}

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

a.crumbs:link	{text-decoration:underline; font-size: 8pt; color: #999999;}
a.crumbs:active	{text-decoration:underline; font-size: 8pt; color: #999999;}
a.crumbs:visited{text-decoration:none; font-size: 8pt; color: #009AA9;}
a.crumbs:hover	{text-decoration:underline; font-size: 8pt; color: #FF7A42;}

a.nav:link		{text-decoration:none; font-size: 8pt; color: #dddddd;}
a.nav:active	{text-decoration:none; font-size: 8pt; color: #dddddd;}
a.nav:visited	{text-decoration:none; font-size: 8pt; color: #dddddd;}
a.nav:hover		{text-decoration:none; font-size: 8pt; color: #ffffff;}

a.footer:link	{text-decoration:none; color: #999999;}
a.footer:active	{text-decoration:none; color: #999999;}
a.footer:visited{text-decoration:none; color: #999999;}
a.footer:hover	{text-decoration:none; color: #FF7A42;}

a.product:link	{text-decoration:none; font-size: 9pt; color: #000000;}
a.product:active	{text-decoration:none; font-size: 9pt; color: #000000;}
a.product:visited{text-decoration:none; font-size: 9pt; color: #000000;}
a.product:hover	{text-decoration:underline; font-size: 9pt; color: #000000;}

.selectl
{
	color: #000000;
	font-family: Arial, Helvetica, sans-serif, Verdana, Geneva;
	font-size: 9pt;
	font-weight: normal;
	background-color: #FFFFFF;
	width: 200px;
	text-align: left;
	border-width: 1px;
	border-style: solid;
	border : thin none #999999
}

.listbox
{
    color: Black;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: normal;
    text-decoration: none;
    background-color: #ffffff;
	width: 155;
	text-align:   left; 
}


.textbox
{
    color: Black;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 7.5pt;
    font-weight: normal;
    text-decoration: none;
    background-color: #ffffff;
    height : 20px;
}


.inputbox1
{
    color: Black;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: normal;
    text-decoration: none;
    background-color: #ffffff;
	width: 100%;
	text-align:   left; 
	border-width:     1px; 
	border-style:     solid;
	padding-left: 3px;
}
.inputbox2
{
    color: Black;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: normal;
    text-decoration: none;
    background-color: #ffffff;
	text-align:   left; 
	border-width:     1px; 
	border-style:     solid;
	padding-left: 3px;
}


.button1
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: white;
	font-weight: normal;
	text-decoration: none;
	background-color: #FF7A42;
	text-align: center;
	border-width: 1px;
}

.hr1
{
	color: #FF7A42;
	background-color: #FF7A42;
	height: 1px;
	width: 100%;
	border-width: 0;
}
.hr2
{
	color: #CCCCCC;
	background-color: #CCCCCC;
	height: 1px;
	width: 100%;
	border-width: 0;
}

.bg1	{background-color: #000000;}
.bg2	{background-color: #EBEBEB;}
.bg3	{background-color: #FF7A42;}
.bg4	{background-color: #666666;}
.bg5	{background-color: #E84602;}
.bg6	{background-color: #cccccc;}
.bg7	{background-color: #009AA9;}
.bg8	{background-color: #ffffff;}

UL {list-style-image: url(graphics/bullet.gif) }
li {list-style-image: url(graphics/bullet.gif) }

table.dataTable td, table.dataTable th{
	font-size:10px;
	width:100%;
}
.left{
	text-align:left;
}
.center{
	text-align:center;
}