body { 
	background-color: #FFFFFF; background-image: url("images/interface/bg.gif"); 
	background-position: center; background-repeat: repeat-y;
}
body.fullpage { margin: 0px }

body, table, tr, td, input {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px; font-style: normal; font-weight: normal; font-variant: normal;
	color: #333333;
}

/***********************************************
** Interface Layout
***********************************************/
#pageBgLeft { 
	position: absolute; top: 0; left: 0; width: 300px; height: 600px;
	background-image: url("images/interface/bg_left.jpg");
}
#pageBgRight { 
	position: absolute; top: 0; right: 0; width: 300px; height: 600px;
	background-image: url("images/interface/bg_right.jpg");
}

#page { 
	position: relative; width: 762px; height: 100%; text-align: center;
	background-color: #ffffef; z-index: 10;
}

#pageHeader { width: 762px; height: 81px; background-image: url("images/interface/bg_header.gif") }
#pageHeader a img { border: 0px }

#pageFooter { clear: both; width: 722; margin: 10px 20px; margin-bottom: 0px }
#pageFooter td { vertical-align: middle; padding: 2px 10px; font-weight: bold; color: #474729 }
#pageFooter td.left { background-color: #efefde; width: 361px }
#pageFooter td.right { background-color: #dfe1ca; width: 361px; text-align: right }
#pageFooter td form { margin: 0 }

#pageFooter input { border: 0px }

#pageFooterLinks { text-align: center; font-weight: bold; margin-top: 10px }
#pageFooterLinks a { font-weight: normal; color: #008238 }

#pageFooterFinal { height: 60px; vertical-align: top; text-align: left }
#pageFooterFinal #adminLink { position: relative; float: right; top: 20px; right: 10px }

#pageFooterMsg { font-size: 80%; text-align: center; padding-bottom: 10px }

/* Top Bar */
#topBar { 
	clear: both; height: 28px; text-align: left;
	background-image: url("images/interface/bg_topbar.gif"); background-repeat: repeat-x;
}
#topBar a {
	display: inline-block; color: #008238; font-weight: bold; text-decoration: none; 
	line-height: 28px; padding: 0 5px; margin-right: -5px;
	border-right: 1px solid #b7d7b0; border-left: 1px solid #b7d7b0;
}
#topBar a:hover { 
	color: #fbfdfc; text-decoration: none;
	background-image: url("images/interface/bg_topbar_h.gif"); background-repeat: repeat-x; 
	background-position: center left;
}

#topBar a.right { float: right; margin-right: 0; margin-left: -5px }


/*#topBar ul { margin: 0px; padding: 7px 8px 0px 8px }
#topBar ul li { display: inline }
#topBar ul li a { 
	font-weight: bold; color: #008238; text-decoration: none; padding: 7px 5px; margin-right: -5px;
	border-right: 1px solid #b7d7b0; border-left: 1px solid #b7d7b0;
}
#topBar ul li a:hover { 
	color: #fbfdfc; text-decoration: none;
	background-image: url("images/interface/bg_topbar_h.gif"); background-repeat: repeat-x; 
	background-position: center left;
}

#topBar ul.right li { float: right; padding: 0 7px }*/

/* Left Bar */
#leftBar { clear: both; position: relative; float: left; width: 122px; margin: 5px }

#leftBarMenu { width: 122px; height: 366px; background-image: url("images/interface/bg_leftbar_t.gif") }
#leftBarMenu ul { margin: 0px; padding: 0px }
#leftBarMenu ul li { list-style: none; margin: 0px; padding: 0px; border-bottom: 1px dashed #adfbd6 }
#leftBarMenu ul li a { display: block; color: #66c497; text-decoration: none; padding: 10px; font-weight: bold }
#leftBarMenu ul li a:hover { color: #adfbd6 }

#leftBar div.adBox { border: 1px dashed #b7d7b0; text-align: center; padding: 5px; margin-top: 5px }

/* Content */
#content {
	float: right; width: 610px; min-height: 400px; text-align: left; background-color: white; 
	margin: 9px 9px 9px 0px; border: 1px solid #efefde;
}
* html #content { height: 400px }

#content #contentTop { width: 610px; padding: 0px }
#content #contentTop img { width: 610px }
#content div.content_in { padding: 5px }
#content div.content_sep { padding: -5px }
#content hr { background-color: black; border: solid 0px black; height: 1px }

#content_search { float: right }
#content_search button { font-weight: bold; padding: 0px }
* html #content_search button { height: 21px; vertical-align: -1px }

/***********************************************
** Text Styles
***********************************************/
h3 { font-weight: bold; color: #FF0000; margin-bottom: 10px; margin-top: 0px; font-size: 14px }
h4 { font-weight: bold; color: #000077; margin: 0px; margin-top: 10px; font-size: 12px }
h5 { font-weight: bold; color: #faa80a; margin: 0px; font-size: 12px }

div.form_head { 
	font-weight: bold; font-size: 12px; margin: 10px 0px 3px 0px; padding-left: 15px; color: #7c9900;
	background-image: url('images/interface/arrow.gif'); background-repeat: no-repeat; 
	background-position: center left;
}

.search_term { font-weight: bold; color: #000077; sfont-size: 12px }

table.notice {
	background-color: #effaf4; border-collapse: collapse; margin-top: 10px; margin-bottom: 10px;
	border: 2px solid #99BB77;
}
table.notice td { border: 1px solid #99BB77; padding: 7px }

/***********************************************
** Page Specific Components
***********************************************/
#whatNewsBar { width: 762px; height: 120px }
#whatNewsBar td { text-align: center; vertical-align: middle }

#whatNewsBar a img { border: 0px; -moz-opacity:0.5; opacity:0.5; filter:alpha(opacity=50) }
#whatNewsBar a:hover img { -moz-opacity:1; opacity:1; filter:alpha(opacity=100) }

/* Discussions */
.discussions_list { padding: 5px }

.discussions_list div.list div.list_item { min-height: 0; _height: 0; }
.discussions_list div.list div.list_item span.info {
	float: right;
	text-align: right;
	margin-left: 5px; 
	margin-bottom: 5px;
}
.discussions_list div.list div.list_item span.details { margin-left: 0; }
.discussions_list div.list div.list_item span.tools {
	display: block;
	font-size: 80%;
	font-weight: bold;
}

.discussions_list span.subject a { font-weight: bold; color: darkblue; text-decoration: none }
.discussions_list span.subject a:hover { color: blue }

.discussions_list span.sticky {
	color: #faa80a;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 80%;
}

/* Comments / Discussion Replies */
.comments_list { padding: 5px }

.comments_list div.list div.list_item { min-height: 50px; clear: both; _height: 0; }
.comments_list div.list div.list_item span.username { font-weight: bold; }
.comments_list div.list div.list_item span.info {
	float: left;
	width: 100px;
	text-align: left;
	margin-right: 5px; 
	margin-bottom: 5px;
}
.comments_list div.list div.list_item span.details { margin-right: 0; }
.comments_list div.list div.list_item span.note {
	display: block;
	float: right;
	text-align: right;
	font-size: 80%;
	font-style: italic;
	margin: 10px 0 5px 0;
}

.comments_list div.list div.list_item span.tools {
	display: block;
	font-size: 80%;
	font-weight: bold;
}

/* Contents */
.contents_list { padding: 5px }

.contents_list div.list div.list_item span.img { float: left; margin-right: 5px; margin-bottom: 5px }
.contents_list div.list div.list_item span.details { margin-left: 0 }

/* Catalog */
.new_features { background-color: #effaf4; border: 1px solid #99BB77; padding: 5px }
.new_features h4 { margin-top: 0px; border-bottom: 1px solid #000077 }
.new_features h4.foot { margin-bottom: 0px; border-bottom: 0px; border-top: 1px solid #000077; text-align: right }
.new_features h4.foot a { 
	display: block; font-weight: bold; color: darkblue; 
	text-decoration: none; text-transform: uppercase;
}
.new_features h4.foot a:hover { color: blue }

.products_list { padding: 5px }

.product_name { font-weight: bold; color: #000077 }
.attributes { font-weight: bold }
.attributes .name { color: #faa80a }
.attributes .value { font-weight: normal }

div.more_details {}
div.more_details a { display: block; font-weight: bold; color: darkblue; text-decoration: none }
div.more_details a:hover { color: blue }

/* Product */
div.product_image { float: right; padding-left: 5px; padding-bottom: 5px; overflow: hidden }
div.product_image img { max-width: 590px }
* html div.product_image img { width: expression( parseInt(this.offsetWidth) > 590 ? '590px' : 'auto' ) }

/* List */
div.list {}
div.list div.list_item { display: block; min-height: 118px; padding: 5px; border-top: 1px solid #CCCCCC }
div.list div.list_item span.img {
	float: left; display: table-cell; width: 118px; height: 118px; vertical-align: middle;
	background-image: url('images/interface/bg_thumb_100.gif'); background-repeat: no-repeat; 
	background-position: center center; margin: -5px -8px 0 -5px;
}
div.list div.list_item span.img img { 
	width: 100px; height: 100px; margin: 8px 1px 1px 10px;
	border: 0px;
}
div.list div.list_item span.details { display: block; margin-left: 115px }

* html div.list div.list_item { height: 118px }
* html div.list div.list_item span.img { line-height: 118px }
* html div.list div.list_item span.img I { height: 118px }

div.new_features div.list div.list_item span.img { 
	background-image: url('images/interface/bg_thumb_new_100.gif') !important;
}

/* Thumbnails */
div.thumbnails { margin: 5px; text-align: center; vertical-align: top }
div.thumbnails div.thumb { display: inline; text-align: center; vertical-align: middle; padding: 5px }
div.thumbnails div.thumb span.thumb_box {
	display: table-cell; width: 164px; height: 164px;
	text-align: center; vertical-align: top;
}
div.thumbnails div.thumb span.thumb_box span.img {
	display: table-cell; width: 164px; height: 164px; vertical-align: middle;
	background-image: url('images/interface/bg_thumb_150.gif'); background-repeat: no-repeat; 
	background-position: center center;
}
div.thumbnails div.thumb span.thumb_box span.img img {
	width: 150px; height: 150px; margin: 0px; margin-top: 0px;
	border: 0px;
}
div.thumbnails div.thumb span.thumb_box span.details { 
	display: block; text-align: left; margin: 3px 5px; margin-top: 0px;
}

* html div.thumbnails div.thumb span.thumb_box { display: inline-block }
* html div.thumbnails div.thumb span.thumb_box span.img { line-height: 164px }
* html div.thumbnails div.thumb span.thumb_box span.img I { height: 164px }
* html div.thumbnails img { vertical-align: middle }

div.new_features div.thumbnails div.thumb span.thumb_box span.img { 
	background-image: url('images/interface/bg_thumb_new_150.gif') !important;
}

/* Pagination Bar */
div.pagination { text-align: center; padding: 3px; margin-top: 10px }
div.pagination a { 
	font-weight: bold; color: white; background-color: #F8CB66; 
	padding: 3px 20px; text-decoration: none;
}

div.pagination a.disabled { background-color: #fbe5b2 }

/***********************************************
** Form Related
***********************************************/
input, select, textarea {
	border: 1px dotted #CCCCCC; padding-left: 2px; padding-right: 2px;
	-moz-opacity:0.7; opacity:0.7; filter:alpha(opacity=70);
}
input:hover, select:hover, textarea:hover { 
	border: 1px solid #CCCCCC;
	-moz-opacity:0.9; opacity:0.9; filter:alpha(opacity=90);
}
input:focus, select:focus, textarea:focus { 
	border: 1px solid #333333;
	-moz-opacity:1; opacity:1; filter:alpha(opacity=100);
}
* html input, * html select, * html textarea { filter:alpha(opacity=100) }

textarea { width: 100% }

label { font-weight: normal; margin-left: 10px; margin-right: 5px }

input.inline {}
* html input.inline { vertical-align: -1px }

input.count { text-align: center }

/* Form table styles */
div.form { width: 598px; margin: 5px 0px; border: 1px solid #CCCCCC }
div.form div.form_in { margin: 1px; border: 1px solid black }

div.form table { width: 100%; background-color: white; border-collapse: collapse; margin: 0px }
div.form table th { padding: 3px; white-space: nowrap }
div.form table td { padding: 2px }
* html div.form table td { padding: 1px }

div.form table tr.section_sep { width: auto; height: 15px; border-bottom: 1px solid #dfe1ca }

div.form table tr.section_head th, 
div.form table tr.section_head td { width: auto; border-bottom: 1px solid #000077 }
div.form table tr.section_foot th,
div.form table tr.section_foot td { width: auto; border-top: 1px solid #000077 }
div.form table tr.row_divider td { border-top: 1px solid #dfe1ca }
div.form table tr.row_divider th { border-top: 1px solid #dfe1ca }

div.form table th label { display: block; text-align: right }

div.form table .section_left { border-right: 1px dashed #dfe1ca }

/* Vertical form table styles */
div.form table.vertical {}
div.form table.vertical th { white-space: normal }
* html table.form_vertical td {}

div.form table.vertical tr.section_head th { vertical-align: bottom }

/* Form scrollbar and shadow */
div.form_scroll { max-height: 250px; overflow: scroll }
* html div.form_scroll { height: expression( this.scrollHeight > 250 ? '250px' : 'auto' ) }

div.form_shadow { 
	height: 15px; width: 598px; margin-top: -5px; margin-bottom: -15px;
	background-image: url('images/interface/bg_form_b.gif'); background-repeat: no-repeat; 
	background-position: top left;
}

/* Button related styles */
div.formButtons { display: block; text-align: right; margin: 5px 0px }
div.formButtons button { width: 100px; text-align: center; font-weight: bold; white-space: nowrap }
div.formFooter { float: left; display: block; text-align: left; margin: 5px 0px }

/***********************************************
** Add-on Script Styles
***********************************************/
#hintbox { position:absolute; top: 0; width: 150px; visibility: hidden; z-index:100 }
#hintbox img { border: 1px solid #666666; border-right-width: 3px; border-bottom-width: 3px }

.hintanchor {
	font-weight: bold; color: black; cursor: help; text-decoration: none;
	border-bottom: 1px dashed black;
}

/* Buttons */
#btn_login {
	width: 57px; height: 30px; border: 0; margin: 0;
	background-image: url(images/btn_login.gif); background-repeat: no-repeat; cursor: pointer;
}
#btn_register {
	width: 57px; height: 30px; border: 0; margin: 0;
	background-image: url(images/btn_register.gif); background-repeat: no-repeat; cursor: pointer;
}
#btn_order {
	width: 57px; height: 30px; border: 0; margin: 0;
	background-image: url(images/btn_order.gif); background-repeat: no-repeat; cursor: pointer;
}
#btn_confirm {
	width: 57px; height: 30px; border: 0; margin: 0;
	background-image: url(images/btn_confirm.gif); background-repeat: no-repeat; cursor: pointer;
}
#btn_save {
	width: 57px; height: 30px; border: 0; margin: 0;
	background-image: url(images/btn_save.gif); background-repeat: no-repeat; cursor: pointer;
}

/***********************************************
** Miscellance Styles
***********************************************/
.center { text-align: center; }
.right {text-align: right; }

.image_botton { vertical-align: -5px; cursor: pointer }
.green { color: #070 }
.red { color: #700 }
.row_alt1 { background-color: #f7feef; }

.message { 
	text-align: center; font-weight: bold; background-color: #efefde;
	margin: 10px 0px; padding: 15px; border: 1px solid #dfe1ca;
}
.error {
	text-align: left; font-weight: bold; color: #CC3333; background-color: #efefde;
	margin: 10px 0px; padding: 15px; border: 1px solid #dfe1ca;
}

a.imgHover img { -moz-opacity:0.5; opacity:0.5; filter:alpha(opacity=50) }
a.imgHover:hover img { -moz-opacity:1; opacity:1; filter:alpha(opacity=100) }