/* ----------------------------------------------------------------- outline ---- */

body {
background-color: #ffffff;
margin: 0px; }

#outline {
width: 100%;
padding-top: 20px;
text-align: center; }

#outline_container {	
width: 804px;
margin-left: auto;
margin-right: auto;
text-align: left; }

#outline_header_top {
width: 804px;
height: 6px;
background: url("../graphics/outline_header_top.gif") 0 100% no-repeat;
margin: auto; }

#outline_header {
width: 804px;
height: 77px;
background: url("../graphics/outline_header.gif");
margin: auto; }

#outline_topmenu {
float: left;
width: 795px;
_width: 804px;
height: 25px;
margin-bottom: 0px;
margin-top: 0px;
padding-left: 10px;
background: url("../graphics/outline_topmenu.gif");
margin: auto; }

#topmenucontrol
{
display: inline; /* to display the newsletter menu item on the same level */
}

#outline_content 
{
position: relative;				
float: left; /* to prevent broken borders in Firefox */	
width: 804px;
background: url("../graphics/outline_content.gif");
margin: auto; }

#outline_content_container 
{	
clear: both;
margin-left: 2px;
margin-right: 4px;
padding-top: 0px; }

#outline_content_submenu {
float: left;
width: 162px;
_width: 163px;
*width: 163px;
border-top: 1px solid #cdcdcd;
border-right: 1px solid #cdcdcd;
border-bottom: 1px solid #cdcdcd;
margin-top: 16px;
	overflow: hidden;
}

#outline_content_page {
float: left;
width: 600px;
margin-left: 20px;
margin-top: 0px; }

#outline_content_end {
clear: both;
}

#outline_footer {
clear: both;
width: 804px;
padding-top: 20px;
background: url("../graphics/outline_content.gif");
margin: auto; }

#outline_footer_bottom {
width: 804px;
height: 4px;
background: url("../graphics/outline_footer_bottom.gif") 0 0 no-repeat;
margin: auto; }



/* ------------------------------------------------------------ common styles ---- */

img {
border: none; }

.right_aligned {
text-align: right;
}

table td
{
	padding: 5px;
	vertical-align: middle;
}

.clearBoth
{
	clear: both;
}

.download_pdf
{
	background: url(../graphics/icon_pdf.gif) no-repeat;
	padding-left: 24px;
	line-height: 16px;
}

.download_xls
{
	background: url(../graphics/icon_xls.gif) no-repeat;
	padding-left: 24px;
	line-height: 16px;
}

.download_zip
{
	background: url(../graphics/icon_zip.gif) no-repeat;
	padding-left: 24px;
	line-height: 16px;
}

.download_doc
{
	background: url(../graphics/icon_doc.gif) no-repeat;
	padding-left: 24px;
	line-height: 16px;
}

p 
{
	margin: 0px 0 14px 0;
}

/* ------------------------------------------------------------------ header ----- */

#header_container {
width: 798px;
height: 77px;
background: url("../graphics/header_background.gif");
margin-left: 2px; }


#header_languages {
position: relative;
top: -20px;
left: 745px;
}

#header_logo {
height: 77px;
margin: 0px;
}






/* ------------------------------------------------------------------ footer ----- */

#footer {
margin-left: 22px;
margin-right: 24px;
padding-top: 6px;
padding-bottom: 20px;
border-top: 1px solid #cdcdcd;
text-align: center; }

.footer_item_first {
}

.footer_item {
margin-left: 14px; }

/* ---------------------------------------------------------------- top menu ----- */

#topmenu_container {
height: 25px;
overflow: hidden;
display: inline;
margin-left: 0px;
padding-bottom: 0px;
list-style-type: none; }

.topmenu_item {
float: left; }

#menuitem_newsletter {
cursor: pointer; }


/* ---------------------------------------------------------------- sub menu ----- */

.submenu_heading {
width: 162px;
height: 25px;
overflow: hidden; }

.submenu_heading_image {
width: 162px;
height: 25px; }

.submenu_topitem {
padding: 3px 5px 4px 18px;
/*word-wrap: break-word;*/ }

.submenu_topitem_selected {
padding: 3px 5px 4px 18px;
background-color: #c8c9cb;
/*word-wrap: break-word;*/ }

.submenu_item {
padding-top: 3px;
padding-right: 5px;
padding-bottom: 4px;
/*word-wrap: break-word;*/
background: url(/graphics/submenu_indent.gif) no-repeat;
}

.submenu_item_selected {
padding-top: 3px;
padding-right: 5px;
padding-bottom: 4px;
/* background-color: #c8c9cb; */
/*word-wrap: break-word;*/
background: url(/graphics/submenu_indent.gif) no-repeat; }


.submenu_item a.submenu_link {
padding-left: 0px; }

#submenu_end {
height: 50px; }

#submenu_bottom {
  height: 50px;
background: url("../graphics/submenu_bottom.gif");
}

#submenu_productindex {
height: 60px;
padding: 10px 10px 10px 15px;
border-top: 1px solid #cdcdcd;
margin-top: 10px;
background: #ffffff url("../graphics/submenu_bottom.gif") 0 100% repeat-x;
}

#submenu_productindex_inner {
width: 130px; }

#submenu_productindex_list {
margin-left: 0px;
margin-top: 0px;
display: inline;
list-style-type: none; }

#submenu_productindex_list li {
float: left;
width: 13px;
text-align: center; }

.submenu_productindex_heading {
margin-left: 3px; }

#submenu_productindex a {
  text-decoration: none; }

#submenu_productindex a:visited {
  text-decoration: none; }

#submenu_productindex a:hover {
  text-decoration: underline; }

#submenu_productsearch {
clear: both;
padding: 10px 10px 10px 18px;
border-top: 1px solid #cdcdcd;
background: #ffffff url("../graphics/submenu_search_bg.gif") 0 0 repeat-x;
}

#submenu_productsearch .input_search {
width: 125px;
display: block;
}

#submenu_productsearch .search_button {
padding: 3px 5px 0 0;
_margin-right: 8px;
}

#submenu_logininfo {
padding: 10px 10px 10px 18px;
border-top: 1px solid #cdcdcd;
background: #D1DCE8;
}




/* -------------------------------------------------------------------- page ----- */

.page_columns {
clear: both; }

.page_column_mid {
float: left;
width: 300px; }

.page_column_right {
float: left;
margin-left: 40px;
width: 260px; }

.page_heading {
padding-bottom: 12px; }

.page_body {
margin-bottom: 20px; }

#page_listing_container {
clear: both;
width: 600px; }

.page_subheading {
clear: both;
padding-top: 20px;
_padding-top: 10px;
*padding-top: 10px; }

.page_imagebox {
padding-bottom: 10px; }

#page_iframe {
padding-bottom: 20px; }

#page_flash_container {
width: 600px;
overflow: hidden;
padding-bottom: 20px; }


/* -------------------------------------------------------------- start page ----- */

#startpage_top {
}

#startpage_image {
float: left;
width: 120px;
height: 240px;
overflow: hidden; }

#startpage_bodytext {
float: left;
width: 300px;
margin-top: 60px;
margin-left: 20px; }

#startpage_campaign {
float: right;
width: 300px;
height: 240px;
overflow: hidden;
margin-right: 20px; }
 
.startpage_bannercontainer {
clear: both;
padding-top: 20px;
*padding-top: 10px; }

.startpage_bannerimage_upper {
float: left;
width: 369px;
height: 173px;
margin-left: 20px; }

.startpage_bannerimage_lower {
float: left;
width: 369px;
height: 153px;
margin-left: 20px; }



/* ---------------------------------------------------------- campaign pages ----- */

.campaign_image_container
{
	clear:both;
	margin: 0px;
	padding: 0px;
}

.campaign_contents_container
{
	clear:both; 
	margin: 20px 20px 20px 20px;
}

.campaign_header_container
{
	width: 620px;
}

.campaign_header_container .page_body 
{
	width: 400px;
}

.separator
{
	border-bottom: 1px solid #cccccc;
	margin: 10px 0 20px 0;
}

.campaignproduct_container
{
	float: left; 
	width: 620px; 
	margin-bottom: 40px;
}

.campaignproduct_image
{
	float:left; 
	width: 200px; 
	margin-right: 20px;
	text-align: center;
}

.campaignproduct_content
{
	float:left; 
	width: 400px;
}


/* -------------------------------------------------------------------- form ----- */

#form_container {
  clear: both; }
  
#form_container td {  
  vertical-align: top; }
  
  
/* ----------------------------------------------------------- contact pages ----- */

.contact_box {
clear: both; }

.contact_row_container
{
	float: left; 
	width: 600px; 
	margin-top: 20px;
}

.contact_container
{
	float:left; 
	width: 250px; 
	_width: 270px; 
	border: 1px solid #cccccc; 
	padding: 10px 10px 10px 10px; 
	margin-right: 20px;
}

.contact_image {
float:left;
width: 63px;
height: 77px;
margin-right: 10px; }

.contact_contents
{
	float:left;
	width: 165px;
}

.lonely_contact_container
{
	margin: 20px 0 0 20px;
}

/* ---------------------------------------------------- newsletter and popup ----- */

.newsletter_popup_container
{
	position: absolute; 
	top: -1px; 
	left: 500px;  /* change to adjust popup position */ 
	border: 1px solid #cccccc;
	background: #ffffff url("../graphics/newsletter_bg.gif"); 
	width: 270px; 
	padding: 10px 10px 0px 10px;
	visibility: hidden;
	z-index: 5;
}

#newsletter_popup_contents
{
	margin: 5px 0 5px 0;
}

.newsletter_popup_btn_container
{
	width: 155px;
	margin: 5px 0 10px 0;
	text-align: right;
}

.newsletter_table td
{
	padding: 5px;
	vertical-align: top;
}

/* ---------------------------------------------------------- products page ----- */

#products_login_container
{
	float: left;
	display: inline;
	width: 440px;
	padding: 10px 20px 10px 20px;
	margin-top: 50px;
	border: 1px solid #cdcdcd;
	background: url("../graphics/submenu_bottom.gif") 0 100% repeat-x;
}

.login_apply 
{
	float: left;
	width: 200px;
	padding-right: 20px;
}

.login_apply .input_login 
{
	width: 100px;
	margin: 5px 0 5px 0;
}

.login_button 
{
	margin: 10px 0 0 10px;
}

.apply_button 
{
	margin: 10px 0 0 0;
}

.breadcrumbs
{
	padding: 8px 0 8px 0;
}

/* ---------------------------------------------------- product category page ----- */

.product_category_list 
{
	float: left;
	margin: 0 20px 0 0;
}

/* ----------------------------------------- product list page / product page ----- */

.productlist_item {
  clear: both;
  float: left;
  width: 600px;
  margin-bottom: 20px;
}

.productlist_item_image {
  float: left;
  width: 110px;
  padding: 10px 10px 10px 0px;
  text-align: center;
}

.productlist_item_table {
  float: right;
  width: 480px;
  overflow: auto;
  }

#productobject_thumbnail {
  float: left;
  width: 110px;
  padding: 10px 10px 0px 0px;
  text-align: center;
}

#productobject_thumbnail img {

}

#productobject_thumbnail a {
  display: block;
  padding-top: 5px;
}

.productobject_text {
  float: left;
  width: 400px;
  }

.productobject_table {
  clear: both;
  width: 600px;
  overflow: auto;
  padding-top: 10px;
  margin-bottom: 20px;
  }


.productlistitem_container
{
	clear: both;
}

.productpage_container
{
	float: left;
	/*margin: 10px 10px 10px 20px;*/
}

.productlist_image
{
	float: left;
	width: 110px;
	padding: 10px 10px 10px 0px;
	text-align: center;
}

.zoomtext
{
	cursor: pointer;
}

.productlist_info
{
	float: left;
	width: 490px;
	overflow: auto;
}

.productpage_info 
{
	float: left;
	width: 400px;
}

.productlist_info_table, #tblObj
{
	border-collapse: collapse;
}

.productlist_info_table td, .productlist_info_table th, .productpage_table_container td
{
	padding: 3px 10px 3px 10px;
}

.odd_row 
{
	background: #C8C9CB;
}

.even_row 
{
	background: #ffffff;
}

.productpage_table 
{
	width: 600px;
	overflow: auto;
	margin-bottom: 20px;
}

.productpage_table_container
{
	clear: both;
}

#products_loginonly_container
{
	float: left;
	display: inline;
	width: 210px;
	padding: 10px 20px 10px 20px;
	margin: 50px 0 0 20px;
	border: 1px solid #cdcdcd;
	background: url("../graphics/submenu_bottom.gif") 0 100% repeat-x;
}

#product_container {
  float: left; }

.product_thumbnail {
	float: left;
	width: 100px;
	padding: 10px;
	text-align: center; }

#product_thumbnail {
/*  width: 100px; */
/*  height: 75px; */
}

a.product_imagelink {
  text-decoration: underline; }

a:visited.product_imagelink {
  text-decoration: underline; }

a:hover.product_imagelink {
  text-decoration: underline; }
  
.product_image {
  width: 400px;
  height: 300px; }

/* ---------------------------------------------------------- common styles ---- */

#player_logotype {
width: 148px;
height: 61px;
margin-left: 20px;
margin-top: 20px;
background: url("../graphics/logotype_player.gif");}

#player_container {
padding-top: 20px;
text-align: center; }

img {
  border: none; }


/* ---------------------------------------------------------- net price login ---- */

#netprice_login 
{
	width: 200px;
	margin: 0;
	padding: 0;
}

.netprice_input 
{
	width: 96px;
	padding: 0;
	margin: 0;
}

#netprice_login dt 
{
	width: 100px;
	line-height: 30px;
	float: left;
	margin: 0;
	padding: 0;
}

#netprice_login dd 
{
	float: left;
	margin: 0;
	padding: 0;
	line-height: 30px;
	width: 100px;
}

.netprice_login_button 
{
	width: auto;
	float: right;
}