@charset "utf-8";
/* CSS Document */

body
{
	background-image:url( '../images/bg-metal.jpg' );
	background-position:top center;
	background-repeat:repeat-x;
	background-color:#000000;
	margin:0px; padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
}

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

table		{ width:100%; border-collapse:collapse; margin-top:10px; margin-bottom:10px; }
td			{ background-color:#040404; border:1px solid #ffffff; padding:10px;  }
th			{ background-color:#333333; border:1px solid #ffffff; padding:10px; background-image:url( '../images/assistant-bg.jpg' ); background-repeat:repeat-x; background-position:bottom left; }

img { border:0px }

h1 {
	color:#fef33c;
	font-weight:bold;
	font-size:12px;
}

h2 {
	color:#fef33c;
	font-weight:bold;
	font-size:11px;
}

.clear
{
	clear:both;
	font-size:0px;
	line-height:0px;
}

#body
{

	position:absolute;
	width:100%;
	background-image:url( '../images/bg-main.jpg' );
	background-position:top center;
	background-repeat:no-repeat;
	min-width:939px;

}

#container
{
	padding-left:20px;
	padding-right:20px;
	width:899px;
	margin:auto;
}

#background
{
	background-image:url( '../images/bg-page.jpg' );
	background-position:top center;
	background-repeat:no-repeat;
	background-color:#000000;
	width:897px; 
	padding-left:1px; padding-right:1px;
	
}

#toolbar1
{
	height:88px;
	width:897px;
	background-image:url( '../images/bg-toolbar1.jpg' );
	background-position:top right;
	background-repeat:no-repeat;
}

#toolbar1_left
{
	float:left;
}

#toolbar1_right
{
	float:right;
	width:750px;
}

.toolbar1_label
{
	padding:10px;
	font-weight:bold;
	font-size:11px;
	float:right;
	padding-top:8px;
}

.toolbar1_label a			{ color:#ffffff; text-decoration:none }
.toolbar1_label a:visited	{ color:#ffffff; text-decoration:none }
.toolbar1_label a:hover		{ color:#ffffff; text-decoration:underline }

.toolbar1_separator
{
	width:1px;
	height:28px;
	background-color:#000000;
	float:right;
}

.toolbar1_sub
{
	padding-top:21px;
}

.toolbar1_sub_label
{
	float:right;
	padding:10px;
	padding-top:8px;
	color:#fef33c;
	font-size:11px;
	font-weight:bold;
}

.toolbar1_sub_label a			{ color:#fef33c; text-decoration:none }
.toolbar1_sub_label a:visited	{ color:#fef33c; text-decoration:none }
.toolbar1_sub_label a:hover		{ color:#fef33c; text-decoration:underline }

.toolbar1_sub_separator
{
	width:2px;
	height:31px;
	background-image:url( '../images/bg-toolbar1-separator.jpg' );
	float:right;
}

#banner
{
	height:195px;
	width:897px;
	background-image:url( '../images/banner-koxx-one.jpg' );
	background-position:top left;
	background-repeat:no-repeat;
}

#toolbar2
{
	width:897px;
	padding:0px;
	border-bottom:1px solid #adadad;
}

#toolbar2_left
{
	float:left; width:74px;
}

#toolbar2_right
{
	float:right;
	width:822px;
	overflow:none;
	padding-bottom:3px;
}

.toolbar2_label
{
	margin-top:3px;
	margin-right:3px;
	padding-top:7px;
	padding-left:10px;
	padding-right:10px;
	width:114px;
	height:18px;
	float:left;
	background-position:top left;
	background-repeat:no-repeat;
	font-weight:bold;
	font-size:10px;
}

.toolbar2_label a			{ color:#ffffff; text-decoration:none }
.toolbar2_label a:visited	{ color:#ffffff; text-decoration:none }
.toolbar2_label a:hover		{ color:#ffffff; text-decoration:none }

.toolbar2_top
{
	background-image:url( '../images/toolbar2-label-top.jpg' );
}

.toolbar2_bottom
{
	background-image:url( '../images/toolbar2-label-bottom.jpg' );
}

.toolbar2_over
{
	background-image:url( '../images/toolbar2-label-over.jpg' ); color:#000000;
}

.toolbar2_over a			{ color:#000000; text-decoration:none }
.toolbar2_over a:visited	{ color:#000000; text-decoration:none }
.toolbar2_over a:hover		{ color:#000000; text-decoration:none }

#content
{
	background-image:url( '../images/bg-content.jpg' );
	background-position:top left;
	background-repeat:no-repeat;
	min-height:416px;
	height:auto !important;
	height:416px;
}

#menu
{
	padding:24px; padding-right:0px;
	width:192px;
	float:left;
	font-size:11px;
	font-weight:bold;
}

.menu_separator
{
	background-image:url( '../images/menu-separator.gif' );
	height:1px; width:192px;
	margin-top:6px;
	margin-bottom:6px;
}

.menu_separator_over
{
	background-image:url( '../images/menu-separator-over.gif' );
	height:1px; width:192px;
	margin-top:6px;
	margin-bottom:6px;
}

.menu_arrow_yellow
{
	color:#fef33c;
}

.menu_arrow
{
	color:#bbbbbb;
}

#menu a			{ color:#ffffff; text-decoration:none }
#menu a:visited	{ color:#ffffff; text-decoration:none }
#menu a:hover	{ color:#ffffff; text-decoration:underline }

.sub_menu
{
	line-height:16px;
	padding-left:15px;
}

#menu .sub_menu a			{ color:#bbbbbb; text-decoration:none }
#menu .sub_menu a:visited	{ color:#bbbbbb; text-decoration:none }
#menu .sub_menu a:hover		{ color:#bbbbbb; text-decoration:underline }

#content_right
{
	padding:24px;
	width:633px;
	float:left;
}

#footer
{
	padding:24px;
	width:849px;
	text-align:right;
	font-size:11px;
}

#footer_logos
{
	width:897px;
	height:38px;
	border-top:1px solid #393939;
	margin-bottom:30px;
}

#content_right .item {
	padding-bottom:15px;
	width:673px;
}

.infobox_top {
	background-image:url( '../images/infobox-top.png' );
	background-position:top left;
	background-repeat:no-repeat;
	width:633px; height:15px;
	margin:0px;
}

* html .infobox_top {
	behavior: url( 'styles/iepngfix.htc' );
}

.infobox_middle {
	background-image:url( '../images/infobox-middle.jpg' );
	background-position:top left;
	background-repeat:repeat-y;
	width:633px;
	margin:0px;
	font-size:12px;
	padding-bottom:10px;
}

.infobox_content {
	padding-left: 15px; padding-right:15px;
	width:603px;
	margin:0px;
	overflow:hidden
}

.infobox_content .infobox_item {
	margin-top:15px;
	padding-top:15px;
	width:603px;
	border-top:dotted 1px #fef33c;
}

.thumb {
	width:100px;
	height:70px;
	background-position:center center;
	background-repeat:no-repeat;
	float:left;
	overflow:hidden;
	background-color:#ffffff;
}

* html .thumb img {
	behavior: url( 'styles/iepngfix.htc' );
}

.infobox_content .infobox_item .info {
	padding-left:15px;
	padding-right:15px;
	width:273px;
	float:left;
}

.infobox_content .infobox_item .buy {
	width:200px;
	float:right;
	text-align:right;
}

.infobox_content .link {
	padding-right:15px; font-weight:bold; float:left;
}

.infobox_arrow_left {
	width:18px; padding:0px; padding-right:10px; float:left; padding-top:8px
}

.infobox_arrow_right {
	width:18px; padding:0px; padding-left:10px; float:left; padding-top:8px
}

.black_arrow
			{ vertical-align:middle; margin-right:5px; padding-bottom:1px; vertical-align:bottom }
			
* html .black_arrow {
	behavior: url( 'styles/iepngfix.htc' );
}

.infobox_bottom {
	margin:0px;
	background-image:url( '../images/infobox-bottom.png' );
	background-position:top left;
	background-repeat:no-repeat;
	width:633px; height:15px;
}

* html .infobox_bottom {
	behavior: url( 'styles/iepngfix.htc' );
}



.news {
	float:left; margin-left:15px;
}

.news_image {
	width:201px; height:97px; background-position:top left; background-repeat:no-repeat; margin-bottom:5px
}

* html .news_image img {
	behavior: url( 'styles/iepngfix.htc' );
}

.news_underscore {
	width:7px; padding-right:2px; float:left; margin-top:-2px
}

.news_text {
	width:192px; float:left;
}

.news a {
	color:#ffffff; font-weight:bold; font-size:11px; text-decoration:none
}

.news a:visited {
	color:#ffffff; font-weight:bold; font-size:11px; text-decoration:none
}

.news a:hover {
	color:#ffffff; font-weight:bold; font-size:11px; text-decoration:underline
}


#click	{ position:fixed; top:0; left:0; right:0px; bottom:0px; background-color:#ffffff; display:none; z-index:15; filter: alpha(opacity=25); /* ie */ -moz-opacity: .25; /* mozilla */ opacity: 0.25; /* safari */ khtml-opacity: 0.25; /* konquerer */ }

* html #click
{
  position:absolute;
  left: expression( ( ignoreMe = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) + 'px' );
  top: expression( ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) + 'px' );
  width:100%;
  height:100%;
}

.popup				{ display:none; position: absolute; top:0px; left:0px; z-index:20; }

.basket	{ width:225px; border:1px solid #000000; border-top:none; font-size:0.9em; background-repeat:repeat-x; }
.basket	.header { width:auto; padding:12px; padding-top:6px; padding-bottom:6px; background-image:url( '../images/basket-top-bg.jpg' ); background-position:bottom left; background-repeat:repeat-x; background-color:#000000; color:#ffffff; height:15px; border-bottom:1px solid #000000 }	
.basket	.footer { width:auto; background-image:url( '../images/basket-bottom-bg.jpg' ); background-position:top left; background-repeat:repeat-x; background-color:#000000; color:#ffffff; border-top:1px solid #000000 }
.basket .footer .content { float:left; width:auto; padding:12px; padding-top:6px; padding-bottom:6px; }	
.basket .footer .image { float:right }
.basket form		{ margin:0px }
.basket input 		{ width: 30px; height:12px; font-family:Arial, Helvetica, sans-serif; border:1px solid #000000; color:#666666; font-size:11px; padding:5px; padding-top:3px; z-index:20 }
.basket .items { width:225px; max-height:250px; overflow-y:scroll; background-color:#282828; }
* html .basket .items { height: 250px }
.basket .item { width:auto; border-bottom:1px solid #000000; background-color:#282828; padding:12px; padding-top:6px; padding-bottom:6px; background-image:url( '../images/buybox-instock-bg.jpg' ); background-position:top left; background-repeat:no-repeat; z-index:20; color:#ffffff  }
.basket .item .name		{ width:auto; padding-bottom:5px; border-bottom:1px solid #888888; margin-bottom:5px; z-index:20 } 

.buybox	{ width:225px; border:1px solid #646464; border-top:none; color:#ffffff; font-size:0.9em; background-repeat:repeat-x; }
.buybox form		{ margin:0px }
.buybox input 		{ width: 30px; height:12px; font-family:Arial, Helvetica, sans-serif; border:1px solid #000000; color:#666666; font-size:11px; padding:5px; padding-top:3px; z-index:20 }
.buybox .tag		{ width:auto; padding-bottom:5px; border-bottom:1px solid #000000; margin-bottom:5px; z-index:20 }
.buybox .instock { width:201px; border-top: 1px solid #646464; border-bottom:1px solid #646464; margin-bottom:-1px; background-color:#282828; padding:12px; padding-top:6px; padding-bottom:6px; background-image:url( '../images/buybox-instock-bg.jpg' ); background-position:top left; background-repeat:no-repeat; z-index:20  }

.countrybox		{ width:180px; max-height:300px; overflow-y:scroll; overflow-x:hidden;   border:1px solid #000000; color:#ffffff; font-weight:bold; background-color:#282828; filter: alpha(opacity=97); /* ie */ -moz-opacity: .97; /* mozilla */ opacity: 0.97; /* safari */ khtml-opacity: 0.97; /* konquerer */ }
.countrybox a	{ color:#ffffff; text-decoration:none }
.countrybox .item		 { width:180px; }
.countrybox .item_selected { width:180px; background-color:#4c4c4c }
.countrybox .flag	 { width:22px; padding-left:12px; padding-top:8px; float:left }
.countrybox .label { width:100px; padding:12px; padding-top:6px; padding-bottom:6px; float:left }

.label			{ width:120px; margin-right:20px; float:left; text-align:right; padding-top:4px; }
label			{ font-weight:bold }
.input			{ float:left; margin-bottom:10px }
.input:after	{ clear:both; line-height:0px; font-size:0px }
input			{ font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#444444; padding:3px; border:1px solid #444444 }
input[type='checkbox'] { border:0px }
input[type='radio'] { border:0px }
select			{ font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#444444; padding:3px; border:1px solid #444444 } 

.error		{ font-weight:bold; color:#ff0000 }
#error_message		{ color:#dd0000 }
.error_message		{ color:#dd0000 }

.scrollbox { width:547px; height:100%; overflow:hidden; position:relative; top:0; left:0; float:left;  }
.scrollbox_content { width:10000px; min-width:587px; position:relative; top:0; left:0; overflow:hidden; }

.scrollbox_item { width:275px; padding-left:10px; padding-right:10px; float:left }
.scrollbox_item_image		{ float:left; width:100px; }
.scrollbox_item_text		{ float:left; padding-left:15px; width:160px }

.form_item				{ padding-top:5px; padding-bottom:5px }
.form_item .label		{ width:150px; float:left; text-align:right; font-weight:bold; padding-right:10px; padding-top:5px }
.form_item .input		{ width:300px; float:left }
.form_item	input		{ width:290px; border:1px solid #999999; color:#666666; font-size:13px; padding:4px; padding-top:3px; padding-bottom:3px; font-family:Arial, Helvetica, sans-serif }
.form_item	textarea	{ width:290px; border:1px solid #999999; color:#666666; font-size:13px; padding:4px; padding-top:3px; padding-bottom:3px; font-family:Arial, Helvetica, sans-serif }

.small_image { background-image:none; background-position:center center; background-repeat:no-repeat; background-color:#ffffff }

.message_box_bg		{ position:fixed; top:0; left:0; right:0px; bottom:0px; background-color:#ffffff; z-index:15; filter: alpha(opacity=25); /* ie */ -moz-opacity: .25; /* mozilla */ opacity: 0.25; /* safari */ khtml-opacity: 0.25; /* konquerer */ }

* html .message_box_bg	
{
  position:absolute;
  left: expression( ( ignoreMe = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) + 'px' );
  top: expression( ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) + 'px' );
  width:100%;
  height:100%;
}

.message_box		{ 	position:fixed; top:100px; left:50%; margin-left:-221px; width:400px; padding:16px;
						background-position:top left; background-repeat:repeat-x; border:5px solid #000000; z-index:50; background-color:#000000; color:#ffffff; background-image:url( '../images/bg-content.jpg' ); }
					
.message_box input
{
	border:0px;
	margin:0px;
	padding:0px;
}

* html .message_box
{
  position:absolute;
  left: expression( ( ignoreMe = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) + ( document.body.clientWidth / 2 ) + 'px' );
  top: expression( ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) + 100 + 'px' );
}