/* Global.css
	Created: February, 2008
	Original Author: Thomas Gainar, Sapient Corporation
	Change Log:

/*
/* begin INITIALIZE elements ----------------------------------------- */
* html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
body {
	margin: 0;
	padding: 0;
	width: 100%;
	border: 0;
	background: #151515 url(../images/global/bg.jpg) no-repeat fixed center top !important;;
	font-family: arial, verdana, lucida, helvetica, sans-serif;
	font-size: 62.5%; /* 1em is 10pt, 0.8em is 8pt, 1.6em is 16pt, etc */
	color: #303030;
}

img { display:block;}
.floatRight {float:right;}
input.checkbox,
input.radio {
	vertical-align: middle;
	width: 14px !important;
	height: 14px;
}
a {color: #fd8300; text-decoration: none;}
a:hover {text-decoration: underline;}
img, h1, h2, h3, h4, p,
ul, li {
	list-style: none;
	border: 0;
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-size: 1em;
}
ol.numbered_list {
	margin-left:10px;
	_margin-left:0px;
	padding-left:26px;
	list-style: decimal inside; zoom:1;

}

ol.numbered_list li {
	list-style-type:decimal !important;
	margin-bottom:4px;
	font-size: 1em;
	margin-left:10px;
	_margin-left:0px;
}

/* begin GLOBAL FRAMEWORK elements ------------------------------------------- */
.off,
.displayNone {display:none !important;}
.show,
.displayBlock {
	display:block;
}
#wrapper {
	background: transparent url(../images/global/g_wrapper.png) top left repeat-y;
	width: 982px; /* 1002px - 10pad- 10pad = 980px */
	margin: 0 auto;
	padding: 0 10px 0px 10px;
}
* html #wrapper {
	background-image: none; /* For IE6. Note: the image source below is relative to the HTML, not the CSS file. */
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/global/g_wrapper.png',sizingMethod='scale');
}
#container {
	position: relative;
	width: 982px;
}
#header {
	margin: 8px 10px 0 0px;
	height: 50px; /* 52px - 20mar = 32px */
}
	#logo a {
		background: transparent url(../images/global/namlong.gif) left top no-repeat;
		width: 150px;
		height: 42px;
		float: left;
	}
  #logo_msn a {
		background: transparent url(../images/global/msn.gif) left top no-repeat;
		width: 171px;
		height: 42px;
		float: left;
	}
  #call_us {
		background: transparent url(../images/global/order.gif) left top no-repeat;
		width: 340px;
    margin-left: 55px;
		height: 42px;
		float: left;
	}
	#tagline {
		background: transparent url(../images/global/g_for_professionals.gif) right top no-repeat;
    margin-top: 10px;
		width: 450px;
		height: 28px;
		float: right;
	}
  #tagline_msn {
		background: transparent url(../images/global/g_for_msn.gif) right top no-repeat;
    margin-top: 10px;
		width: 450px;
		height: 28px;
		float: right;
	}
	#logo a span, #tagline span {visibility: hidden;}
	#header a:hover {text-decoration: none;}


/* utility links */
#utility_links {
	position: relative;
	height: 31px;
	background: transparent url(../images/global/g_utility_bg.gif) left top repeat-x;
	z-index: 101;
}
	#utility_links a {
		display: block;
		height: 31px;
	}
	#utility_links li {
		display: inline; /* For IE6 */
		float: left;
		text-align: left;
		padding:0;
	}
	/* utility link images - off state */
	#utility_links li div {
		height: 31px;
		background-position: 0 -31px;
		background-repeat: no-repeat;
	}
	/* utility link images - on state */
	#utility_links li a {
		background-position: 0 0;
		background-repeat: no-repeat;
	}
	/* utility link images - sources */
	#utility_links li#utilItem1 div {background-image: url(../images/nav/u_news.gif); width: 47px;}
	#utility_links li#utilItem2 div {background-image: url(../images/nav/u_contact.gif); width: 52px;}
	#utility_links li#utilItem3 div {background-image: url(../images/nav/u_search.gif); width: 95px;}
	#utility_links li#utilItem1 a {background-image: url(../images/nav/u_news.gif); width: 47px;}
	#utility_links li#utilItem2 a {background-image: url(../images/nav/u_contact.gif); width: 52px;}
	#utility_links li#utilItem3 a {background-image: url(../images/nav/u_search.gif); width: 95px;}
	#utility_links li span {visibility: hidden;}
	/* turning rollover images on
   (removing the background of <a> (off state) to show the background image of <div> (on state) */
    #container #utility_links li a:hover {background-image: none;text-decoration: none;}

	/* utility link - specific modifiers */
	#utility_links li#utilItem1 {margin-left: 20px;}
	#utility_links li#utilItem2 {margin: 0 15px 0 15px;}
	#utility_links li#utilItem3 {padding-left: 15px; border-left: 1px solid #3e4247;}

/* global navigation */
#nav {
	position: relative;
	height: 32px;
	z-index: 100;
	background: transparent url(../images/global/g_nav_bg.gif) left top repeat-x;
	border-bottom: 1px solid #bcbcbc;
}
	#nav a {
		display: block;
		color: #303030;
		cursor: default;
	}
	#nav li {
		position: static !important; /* for Mozilla */
		position: relative; /* for IE */
		float: left;
		text-align: left;
		padding: 0;
	}
	#nav li ul {
		display: none;
		position: absolute;
		border-bottom: 1px solid #8f8f8f;
		top: 32px;
		left: 0;
		padding:0;
	}
  #nav li li ul {
		display: none;
		position: absolute;
		border-bottom: 1px solid #8f8f8f;
		top: 0px;
		left: 230px;
		padding:0;
	}
	#nav li>ul {left: auto;}
	#nav li:hover ul,
	#nav li.over ul {display: block;}

	#nav li:hover div,
	#nav li.over div {
		z-index: 5;
		height: 32px;
	}
	/* global navigation images - off state */
	#nav li div {
		height: 32px;
		background-position: 0 -32px;
		background-repeat: no-repeat;
	}
	/* global navigation images - on state */
	#nav li a {
		height: 32px;
		background-position: 0 0;
		background-repeat: no-repeat;
		outline: none;
	}
	/* global navigation images - sources */
  #nav li#navItem0 div {background-image: url(../images/nav/n_homepage.gif); width: 123px;}
	#nav li#navItem1 div {background-image: url(../images/nav/n_products.gif); width: 140px;}
	#nav li#navItem2 div {background-image: url(../images/nav/n_markets.gif); width: 97px;}
	#nav li#navItem3 div {background-image: url(../images/nav/n_applications.gif); width: 116px;}
	#nav li#navItem4 div {background-image: url(../images/nav/n_support.gif); width: 92px;}
  #nav li#navItem0 a {background-image: url(../images/nav/n_homepage.gif);}
	#nav li#navItem1 a {background-image: url(../images/nav/n_products.gif);}
	#nav li#navItem2 a {background-image: url(../images/nav/n_markets.gif);}
	#nav li#navItem3 a {background-image: url(../images/nav/n_applications.gif);}
	#nav li#navItem4 a {background-image: url(../images/nav/n_support.gif);}

	#nav li span {visibility: hidden;}
	#nav li a {text-decoration: none;}

	#nav #nav_list li ul li a {background-image: none;}
	#nav li li a {
		width: 230px; /* 194 - 25pad = 169px */
		display: block;
		height: auto;
		text-indent: 0px;
		font-size: 1.2em;
		padding: 6px 0px 6px 20px;
		cursor: pointer;
		outline: none;
	}
	#nav li#navItem4 a, #nav li#navItem0 a, #nav li#navItem1 a {cursor: pointer;}
	#nav li li a:hover {
		display: block;
		color: #fff;
	}
	#nav li li {
		width: 230px;
		display: block;
		float: none;
		background: #e7e7e7 url(../images/global/g_nav_submenu_bg_off.gif) left top repeat-x;
		border: 1px solid #8f8f8f;
		border-bottom: none;
	}
	#nav li li:hover,
	#nav li li.over {
		color: #fff;
		width: 230px;
		background: #394352 url(../images/global/g_nav_submenu_bg_on.gif) left top repeat-x;
	}
	/* turning rollover images on
   	   (removing the background of <a> (off state) to show the background image of <div> (on state) */
	#nav li#navItem0:hover a,
  #nav li#navItem1:hover a,
	#nav li#navItem2:hover a,
	#nav li#navItem3:hover a,
	#nav li#navItem4:hover a,
	#nav li#navItem0.over a,
  #nav li#navItem1.over a,
	#nav li#navItem2.over a,
	#nav li#navItem3.over a,
	#nav li#navItem4.over a,
	#nav li#navItem0 a:hover,
  #nav li#navItem1 a:hover,
	#nav li#navItem2 a:hover,
	#nav li#navItem3 a:hover,
	#nav li#navItem4 a:hover {
		background-image: none;
	}

/* search bar */
#search_bar {
	position: absolute;
	background: transparent url(../images/global/g_search_bg.gif) left top no-repeat;
	width: 208px;
	height: 61px;
	top:2px;
	right:0;
	z-index: 101;
}
	#search_bar h2 {
		font-size: 1.3em;
		margin: 5px 0 13px 10px;
	}
	#search_bar h2 span {visibility: hidden;}
	#search_bar .search_field input {
		border: 1px solid #A8A8A8;
		width: 150px;
		font-size: .9em;
		margin: 0 4px 0 13px;
		padding: 2px;
		color: #8e8e8e;
		float: left;
	}
	#search_bar .go {
		float: left;
		margin-left: 4px;
	}
  

/* Content */  
#content {background: #E7E7E7 url(../images/global/g_content_bg.gif) left top repeat-x;}

#left_content {
	width: 202px;
  padding: 3px 0 0 3px;
	float: left;
}
*html #left_content {
	width: 202px;
  padding: 3px 0 0 1px;
	float: left;
}
  #nav_content div.top {
    background: #e7e7e7 url(../images/global/g_nav_submenu_bg_on.gif) left top repeat-x;
    width: 200px;
    display: block;
    height: auto;
    text-align: center;
    text-transform: uppercase;
    text-indent: 0px;
    font-size: 1.2em;
    font-weight: bold;
    text-decoration: none;
    padding: 5px 0px 5px 0px;
    outline: none;
    color: #fff;
    border-top: 1px solid #8f8f8f;
    border-right: 1px solid #8f8f8f;
    border-left: 1px solid #8f8f8f;
    border-bottom: 0px;
  }
	#nav_content div.bot, #nav_content div.bottom {
		border-right: 1px solid #8f8f8f;
		border-left: 1px solid #8f8f8f;
		border-bottom: 1px  solid #8f8f8f;
		background: #E7E7E7;
		cursor: pointer;
	}
    #nav_content div.bottom {
    text-align: left;
    background-image: none;
    width: 200px; /* 194 - 25pad = 169px */
    height: auto;
    padding: 0px;
  }
    #nav_content div.bottom div {
    background: transparent url(../images/global/icon_news.gif) left center no-repeat;
    font-size: 1.1em;
    padding: 3px 0 3px 20px;
    margin-left: 5px;
    }

  #nav_content a {
  		color: #303030;
		cursor: pointer;
  	}
    
  	#nav_content ul {
			list-style:none;
		}
		#nav_content ul  ul{
			margin-left: 7px;
		}

		#nav_content li a {
			display: block;
			color:#666666;
			padding-top: 6px;
			padding-left: 5px;
			font-size: 1.1em;
			height: 18px;
			font-weight: bold;
			text-decoration: none;
			border-top: 1px solid #eee;
		}
		#nav_content li a:hover	{
			color: #333333;
			
		}
		#nav_content a.active {
		color:#ff3300;
		}

		#nav_content li.cat_lev_1	{
			display: block;
			margin-left: 6px;
		}
		#nav_content li.cat_lev_1 a {
			color:#666666; 
			padding-left: 10px;
			font-weight: normal;
			background: url(../images/global/arr_grey.gif) left center no-repeat;
		}
		#nav_content li.cat_lev_1 .active {
			color: #ff3300;
			display: block;
		}
		#nav_content li.cat_lev_1 a.active {font-weight: bold; background: url(../images/global/arr_red.gif) left center no-repeat;}
		#nav_content li .active {}
		#nav_content li li li {background: #fcfcfc;}
		#nav_content li a:hover, #nav_content li.cat_lev_1 a.active:hover {color:#ff3300; text-decoration:none; background-color: #fff;}
		
#center_content {
	width: 570px;
	padding: 3px 1px 0 1px;
	float: left;
}
*html #center_content {
	width: 568px;
	padding: 3px 0px 0 1px;
	float: left;
}
  #center_content .top {
  	background: url(../images/homepage/bgIndexContentTop.gif) transparent top center no-repeat;
  	height:10px;
  }
  *html #center_content .top {
  	background: url(../images/homepage/bgIndexContentTop.gif) left bottom no-repeat;
  	height:10px;
    margin:0;
  }  
  #center_content .body {
    background: url(../images/homepage/bgIndexContent.gif) transparent repeat-y scroll left top;
    padding: 0 5px 0 5px;
  }
  *html #center_content .body {
    background: url(../images/homepage/bgIndexContent.gif) left top repeat-y;
    padding: 0 5px 0 5px;
    margin:0;
  }
    .body .part {
      display: block;
      margin:0;
    }
    .body .part .title_l {
      float: left;
      background: #f87e07;
      padding: 4px 5px 0px 10px;
      color: #fff;
      height: auto;
      text-transform: uppercase;
      text-indent: 0px;
      font-size: 12px;
      font-weight: bold;
      font-family: Arial;
      text-decoration: none;
      height: 20px;
    }

    .body .part .title_r {
      background: url(../images/homepage/bodytitle.gif) transparent top left no-repeat;
      float: left;
      width: 50px;
      height: 24px;
    }
  #center_content .bottom {
  	background: url(../images/homepage/bgIndexContentBottom.gif) transparent top center no-repeat;
  	/* clear:both; */
  	height:10px;
  }
  *html #center_content .bottom {
  	background: url(../images/homepage/bgIndexContentBottom.gif) top left no-repeat;
  	height:10px;
  }
#right_content {
	width: 202px;
  padding: 3px 3px 0 0;  
  float: left;
}
*html #right_content {
	width: 202px;
  padding: 3px 0px 0 0;  
  float: left;
}
  .im_support {
    display: block;
    width: 201px;
    height: 155px;
    background: #e3a33e url(../images/global/im_support.gif) left bottom repeat-x;
    
  }
    .im_support {
      color: #fff;
      font-size: 1.2em;
    }
    .im_support div span {
      color: #fff;
      height: auto;
      text-transform: uppercase;
      text-indent: 0px;
      font-size: 1.2em;
      font-weight: bold;
      text-decoration: none;
    }

  .right_ads {
    display: block;
    padding: 4px 0 0 0;
  }
		.right_ads form {display: inline;}
.end_content {
	clear:both;
	height:2px;
}  
  
/* footer */
#footer {
	position: relative; /* for IE6 */
	_z-index: -1; 	/* for IE6 */
	background-color: #000;
	color: #909090;
	padding: 15px 20px 25px 20px;
}
	#footer div span {visibility: hidden;}
	#footer a {color: #909090; text-decoration: none;}
	#footer a:hover {text-decoration: underline;}
	#footer .badge {
		position: absolute;
		background: transparent url(../images/global/g_sony_badge.gif) left top no-repeat;
		width: 57px;
		height: 30px;
		left: 10px;
		_left: -10px; /* For IE6 */
		top: 7px;
	}
	#footer .tagline {
		position: absolute;
		background: transparent url(../images/global/g_tagline.gif) left top no-repeat;
		width: 199px;
		height: 11px;
		right: 10px;
		top: 22px;
	}
	#footer ul, #footer p {margin-left: 60px;}
	#footer ul li {
		display: inline;
		padding: 0 5px 0 10px;
		background: transparent url(../images/global/g_footer_divider_line.gif) left top no-repeat;
	}
	#footer .first {background-image: none; padding-left: 0;}

/* misculaneous global elements */
.col {float: left;}
div.hr {
	height: 1px;
	background-color: #e7e7e7;
	color: #e7e7e7;
	border:0;
	margin: 10px 20px 10px 20px;
}
div.hr hr {display: none;}
.center img {margin: 0 auto;}
#content p.link {margin-bottom: 2px;}
/* end GLOBAL FRAMEWORK elements ------------------------------------------- */
/* begin BODY and PAGE SPECIFIC elements ------------------------------------------- */
/*mask class for overlay modal masks */
.mask {
	background:#000000;
	opacity:.6;
	filter:alpha(opacity=60);
	z-index:105;
}

h1 {
	font-size: 2.1em;
	color: #f87e07;
	padding: 5px 5px 5px 10px;
}
h1 img { display:inline;}
ul.tab_menu {
  font-size: 0.9em;
}
	ul.tab_menu li {
		height: 32px;
		float: left;
		background: transparent url(../images/global/tab_top_right_inactive.gif) right top no-repeat;
	}
	ul.tab_menu li a {
		float: left;
		display: block;
		font-size: 1.5em;
		color: #fff;
		padding: 7px 20px 8px 20px;
		height: auto;
		background: transparent url(../images/global/tab_top_left_inactive.gif) left top no-repeat;
		outline: none;
	}
	ul.tab_menu li#tab_menu1 a {background-image: url(../images/global/tab_top_left_inactive_land.gif); padding-left: 18px;}
	ul.tab_menu li#tab_menu1.active a {background-image: url(../images/global/tab_top_left_active_land.gif); color: #585858;}
	ul.tab_menu li.active {background-image: url(../images/global/tab_top_right_active.gif);}
	ul.tab_menu li.active a {background-image: url(../images/global/tab_top_left_active.gif); color: #585858;}
	ul.tab_menu li.active a:hover {text-decoration: none; cursor: default;}

/* sub tab menu styles */
.subTabBar {
	background:url(../images/global/bg_subTabBar.gif) top repeat-x;
	height:29px;
	margin:0px auto;
	clear:both;
}
ul.sub_tab_menu {}
	ul.sub_tab_menu li {
		height: 29px;
		float: left;
		background: transparent url(../images/global/sub_tab_top_right_inactive.gif) right top no-repeat;
	}
	ul.sub_tab_menu li a {
		float: left;
		display: block;
		font-size: 1.3em;
		color: #fff;
		padding: 8px 12px 8px;
		height: auto;
		background: transparent url(../images/global/sub_tab_top_left_inactive.gif) left top no-repeat;
		outline: none;
	}
	ul.sub_tab_menu li#tab_menu1 a {
		background-image: url(../images/global/sub_tab_top_left_inactive_land.gif);
		padding-left: 8px;
		margin: 0px;
	}
	ul.sub_tab_menu li#tab_menu1.active a {
		background-image: url(../images/global/sub_tab_top_left_active_land.gif); color: #585858;
	}
	ul.sub_tab_menu li.active {
		background-image: url(../images/global/sub_tab_top_right_active.gif);
	}
	ul.sub_tab_menu li.active a {
		background-image: url(../images/global/sub_tab_top_left_active.gif); color: #585858;
	}
	ul.sub_tab_menu li.active a:hover {text-decoration: none; cursor: default;}

.breadcrumb {
		background: url(../../images/breadcrumb.gif) no-repeat top left;
		padding: 6px 0 4px 17px;
		font-size: 11px;
		font-weight: bold;
		float: left;
	}
	.breadcrumb a {color:#3A3A3A;}
	.breadcrumb a:hover {color:#EF0101; text-decoration:none;}	
	.saub {
		float: right; 
		width: 20px;
	}
.info_bar {
	position: relative;
	font-size: 1.1em;
	padding: 8px 10px 8px 20px;
	background-color: #e7e7e7;
	border-bottom: 1px solid #8f8f8f;
}
	.info_bar .breadcrumb {word-spacing:.5em;}
	.info_bar .breadcrumb a {word-spacing: normal;}
	.info_bar .breadcrumb span {
		font-weight: bold;
		word-spacing: normal;
	}
	.info_bar a.back {font-size: 1.1em;}
	.info_bar .query {}
	.info_bar .filters {}
	.info_bar .query a{}
	.info_bar .filters a{}

.page, .sub_page {display: none;} /* first, hide all .page DIVs */
.page.active, .sub_page.active {display: block;} /* then, show the #landing_content DIV */

.page {
	position: relative; /* For IE6 */
	background: #fff url(../images/global/g_page_content_bg.gif) left top repeat-y;
	border-left: 1px solid #e7e7e7;
	border-right: 1px solid #e7e7e7;
}
.page_nav {
	background:#E7E7E7 url(../images/global/g_page_nav_list_bg_off.gif) scroll right repeat-y;
	width: 195px;
	float: left;
}
	.page_nav_list {}
	.page_nav_list li a {
		display: block;
		width: 172px; /* 195px - 7pad - 18pad = 171px */
		text-indent: 0;
		font-size: 1.2em;
		padding: 9px 5px 8px 18px;
		cursor: pointer;
		text-decoration: none;
		color: #303030;
	}
	.page_nav_list li.filter { _margin-bottom:-3px;}
	.page_nav_list li p,
	.page_nav_list li .filter {
		display: block;
		width: 172px; /* 195px - 7pad - 18pad = 171px */
		text-indent: 0;
		font-size: 1.2em;
		padding: 9px 5px 8px 18px;
		cursor: pointer;
		text-decoration: none;
		color: #303030;
		margin:0px;
		clear:both;
		float:none;
	}
	.page_nav_list li .filter form {
		display:block;
		clear:both;
		margin:0px;
		padding:0px;
		content:'.';
	}
	.page_nav_list li .filter p {padding: 0px;}
	#wrapper .yui-panel .filter .hd,
	.page_nav_list li .filter .hd{
		padding:0px;
		margin-bottom:6px;
		font-size: 1.2em;
		border:none;
		font-weight:normal;
	}
	.page_nav_list li .filter .bd {}
	#wrapper .yui-panel .filter .ft,
	.page_nav_list li .filter .ft{
		padding:0px;
		border:none;
		margin:0px;
		font-weight:normal;
	}
	.page_nav_list li .filter fieldset {padding-top: 3px;}
	.page_nav_list li .filter .search_field input {
		border:1px solid #A8A8A8;
		color:#8E8E8E;
		float:left;
		font-size:0.8em;
		margin-left:0px;
		margin-right:5px;
		padding:1px;
		width:124px;
	}
	.page_nav_list li a span {color: #585858;}
	.page_nav_list li a:hover,
	.page_nav_list li.on a,
	.page_nav_list li.alt a:hover {
		display: block;
		position: relative;
		background: #394352 url(../images/global/g_nav_submenu_bg_on.gif) left top repeat-x;
		color: #fff;
		text-decoration: none;
	}
	.page_nav_list li a:hover span,
	.page_nav_list li.on a span {color: #fff;}
	.page_nav_list li {
		display: block;
		width: 195px;
		float: none;
		border-bottom: 1px solid #8f8f8f;
		background: transparent url(../images/global/g_page_nav_bg_off.gif) right top repeat-x;
	}
	.page_nav_list li ul.filter_links  {
		display: block;
		float: none;
		border:none;
		background:none;
		width:auto !important;
		margin-top:2px;
		margin-bottom:2px;
		margin-right:20px;
	}
	.page_nav_list li .filter_links li {
		display: block;
		float: none;
		border:none;
		background:none;
		width:auto !important;
		margin-bottom:2px;
		margin-top:2px;
	}
	.page_nav_list li .filter_links li a,
	.page_nav_list li .filter_links li a:hover	 {
		display:inline;
		border:none;
		background:none;
		margin:0;
		padding:0;
		color: #dc9018;
		font-size: 1.0em;
		width:110px;
		margin-bottom:2px;
		margin-top:2px;
	}
	.page_nav_list li .filter_links li a.btn:hover,
	.page_nav_list li .filter_links li a.btn {
		text-decoration: none;
		display: block;
		outline: none;
		background-position: 0 0;
		background-repeat: no-repeat;
		text-indent: -300em;
	}
	.page_nav_list li .filter_links li a.arrow_link,
	.page_nav_list li .filter_links li a.arrow_link:hover {
		display: block;
		padding-left: 8px;
		background: transparent url(../images/global/icn_arrow_link.gif) left 4px no-repeat;
	}
	.page_nav_list li .filter_links li a.check,
	.page_nav_list li .filter_links li a.check:hover,
	.page_nav_list li .filter .filter_links li a.check,
	.page_nav_list li .filter .filter_links li a.check:hover	 {
		display: block;
		padding-left: 14px;
		background: transparent url(../images/global/icn_checkboxchecked.jpg) left  no-repeat;
		width:120px;
	}
	.page_nav_list li .filter_links li a.compare_selected,
	.page_nav_list li .filter_links li a.compare_selected:hover
		{width: 105px; height: 22px; background-image: url(../images/buttons/btn_compare_selected.gif);}
	.page_nav_list li .filter_links li a.clear_all,
	.page_nav_list li .filter_links li a.clear_all:hover
		{width: 58px; height: 22px; background-image: url(../images/buttons/btn_clear_all.gif);}
	.page_nav_list li .filter_links li a.compare,
	.page_nav_list li .filter_links li a.compare:hover
		{width: 65px; height: 22px; background-image: url(../images/buttons/btn_compare.gif);}

	.page_nav_list li .filter_links li a {text-decoration: none;}
	.page_nav_list li .filter_links li a:hover {text-decoration: underline;}
	.page_nav_list li.alt a {background: #d0d0d0 url(../images/global/g_page_content_bg.gif) left top repeat-y;}

/* end BODY and PAGE SPECIFIC elements ------------------------------------------- */
/* begin GLOBAL BUTTONS and ICONS ------------------------------------------------- */
a.btn:hover {text-decoration: none;}
a.btn {
	display: block;
	outline: none;
	text-indent: -300em;
	background-position: 0 0;
	background-repeat: no-repeat;
}
a.arrow_link_white {
	display: block;
	color: #fff;
	padding-left: 8px;
	background: transparent url(../images/global/icn_arrow_white.gif) left 4px no-repeat;
}
a.back {
	display: block;
	padding-left: 14px;
	background: transparent url(../images/global/icn_goback.gif) left 2px no-repeat;
	font-size: 1.2em;
}
a.print {
	display: block;
	padding-left: 18px;
	background: transparent url(../images/global/icn_print.gif) 0px 53% no-repeat;
	font-size: 1.2em;
}
a.email {
	display: block;
	padding-left: 18px;
	background: transparent url(../images/global/icn_email.gif) 0px 50% no-repeat;
	font-size: 1.2em;
}
a.closeup {
	display: block;
	background: transparent url(../images/global/icn_closeup.gif) 0px 50% no-repeat;
	padding-left: 19px;
	font-size: 1.1em;
	height: 14px;
}
a.arrow_link {
	display: block;
	padding-left: 8px;
	background: transparent url(../images/global/icn_arrow_link.gif) left 4px no-repeat;
}
a.expand {
	display: block;
	padding-right: 16px;
	background: transparent url(../images/global/icn_expand.gif) right 2px no-repeat;
}
a.collapse {
	display: block;
	padding-right: 16px;
	background: transparent url(../images/global/icn_collapse.gif) right 2px no-repeat;
}
.page_nav_list LI.alt a.left_arrow_link,
a.left_arrow_link {
	display: block;
	padding-left: 16px;
	background: transparent url(../images/global/icn_arrowleft.gif) left 12px no-repeat;
	margin-left:20px;
	width:80px;
}
.page_nav_list LI.alt a.left_arrow_link:hover,
a.left_arrow_link:hover {
	display: block;
	padding-left: 16px;
	background: transparent url(../images/global/icn_arrowleft.gif) left 12px no-repeat;
	margin-left:20px;
	color:#666666;
	width:80px;
}
a.external_link {
	display: block;
	padding-left: 14px;
	background: transparent  url(../images/global/icn_external_link.gif) left 3px no-repeat;
}
a.go {width: 24px; height: 18px; background-image: url(../images/buttons/btn_search_go.gif);}
a.compare_more_items {width: 141px; height: 30px; background-image: url(../images/buttons/btn_compare_more_items.gif);}
a.remove {width: 58px; height: 22px; background-image: url(../images/buttons/btn_remove.gif);}
a.compare_selected {width: 105px; height: 22px; background-image: url(../images/buttons/btn_compare_selected.gif);}
a.continue {width: 75px; height: 28px; background-image: url(../images/buttons/btn_continue.gif);margin:0 auto;}
.search .search_content .go,
.faq_search .go {
	width: 24px; height: 18px; background-image: url(../images/buttons/btn_go.gif);
}

a.next,
a.prev {
	background: transparent url(../images/global/icn_arrow_next.gif) 0px 50% no-repeat;
	width: 10px;
	height: 14px;
}

a.prev {
	background: transparent url(../images/global/icn_arrow_prev.gif) 0px 50% no-repeat;
}

a.close {
	float: left;
	background: transparent url(../images/global/icn_close.gif) 0px 50% no-repeat;
	width: 11px;
	height: 11px;
}

a.submit_form {
	float: left;
	background: transparent url(../images/buttons/btn_submit_form.gif) 0px 50% no-repeat;
	width: 68px;
	height: 28px;
}

a.clear_form {
	float: left;
	background: transparent url(../images/buttons/btn_clear_form.gif) 0px 50% no-repeat;
	width: 57px;
	height: 28px;
}

ul.simple_bullet li{
	list-style-type: none;
	padding-left: 10px;
	background: transparent url(../images/global/icn_bullet.gif) 0px 7px no-repeat;
	line-height: 12px;
	padding-bottom: 3px;
}
/* end GLOBAL BUTTONS and ICONS ------------------------------------------------- */

/* Begin Home Page styles */
.homepage #content{
	background:#E7E7E7;
	background-image:none;
}
.homepage .hero{
	display:block;
	width:977px;
	padding-top:5px;
	padding-left:5px;
	padding-right:0px;
	text-align:center;
	vertical-align:middle;
}
.homepage .hero .asset {
	padding-right:5px;
	margin:0px auto;
	float:left;
}
.homepage .tabBar {
	background:url(../images/homepage/bgHomeTabBar.jpg) top no-repeat;
	height:37px;
	width:980px;
	margin:0px auto;
	clear:both;
}
.homepage ul.tab_menu {
	padding-left:5px;
}
	.homepage ul.tab_menu li {
		height: 37px;
		float: left;
		background: transparent url(../images/homepage/home_tab_top_right_inactive.gif) right top no-repeat;
	}
	.homepage ul.tab_menu li a {
		float: left;
		display: block;
		font-size: 1.5em;
		color: #fff;
		padding: 12px 20px 8px 20px;
		height: auto;
		background: transparent url(../images/homepage/home_tab_top_left_inactive.gif) left top no-repeat;
		outline: none;
	}
	.homepage ul.tab_menu li#tab_menu1 a {background-image: url(../images/homepage/home_tab_top_left_inactive_land.gif); padding-left: 18px; }
	.homepage ul.tab_menu li#tab_menu1.active a {background-image: url(../images/homepage/home_tab_top_left_active_land.gif); color: #585858;}
	.homepage ul.tab_menu li.active {background-image: url(../images/homepage/home_tab_top_right_active.gif);}
	.homepage ul.tab_menu li.active a {background-image: url(../images/homepage/home_tab_top_left_active.gif); color: #585858;}
	.homepage ul.tab_menu li.active a:hover {text-decoration: none; cursor: default;}

.homepage .page {background: url(../images/homepage/bgHomepageContent.jpg) transparent repeat-y scroll left top;}
.homepage .endpage {
	background: url(../images/homepage/bgHomepageContentBottom.jpg) transparent top center no-repeat;
	clear:both;
	height:10px;
}

.homepage .page_content {
	width: 952px; /* 982px - 10px left margin and 10px and right pad -5px left -5px right padding = 952px */
	float: left;
	margin-left:10px;
	padding-right:10px;
	border:none;
}

* html .homepage .page_content {
	width: 942px; /* 982px - 10px left margin and 10px and right pad -5px left -5px right padding = 952px */
	float: left;
	margin-left:5px;
	margin-right:10px;
	padding-right:0px;
	border:none;
}


.homepage .promo_row {
	display:block;
	width:980px;
	margin-left:1px;
	margin-right:1px;
	margin-bottom:1px;
	padding-bottom:1px;
	text-align:left;
	vertical-align:middle;
	background:url(../images/homepage/bgPromoRow.jpg) top left repeat-x;
}
	.homepage .promo_row .asset{
		margin:0px;
		padding:0px;
		float:left;
		}
	.homepage .promo_row .asset .additional_links{
		float:left;
		width:156px;
		padding:20px;
		padding-top:16px;
		padding-bottom:16px;
		margin:0px;
		}
	.homepage .promo_row .asset .additional_links h3 {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:normal;
		margin-bottom: 4px;}
	.homepage .promo_row .asset .additional_links .link {
		margin-bottom: 2px;
		margin-top: 8px;
	}
	.homepage .promo_row .asset .additional_links a.external_link {
		color:#333333;
		font-weight:normal;
		font-size:11px;
		display: block;
		padding-left: 14px;
		background: transparent  url(../images/global/icn_external_link_blk.gif) left 2px no-repeat;
	}



/* reseller locator panel */
#resellerLocatorPanel {background:#CCCCCC;}
#resellerLocatorPanel .yui-panel .hd {background:#CCCCCC;}
#wrapper #resellerLocatorPanel .yui-panel .ft {display:none;}
#resellerLocatorPanel .yui-panel .bd {padding:0px;}
#resellerLocatorPanel fieldset.contact_box {margin-top:0px;}

#resellerLocatorPanel .container-close {
	background:url(../images/global/icn_close.gif) center no-repeat;
	width:14px;
	height:14px;
	margin:1px;
	padding:1px;
	top:0px;
	right:0px;
	position:absolute;
}
#resellerLocatorPanel li {width:320px;}
/* begin FLOAT CLEARS and HACKS ---------------------------------- */
.row,
#header,
#utility_links,
ul.tab_menu,
ul.sub_tab_menu,
.page,
.promo_row,
.category_highlights,
.info_bar,
.with_sidebar,
.promo_list .promo,
.contact_form li,
.product-highlights,
.product_desc
 {
	zoom:1;
}
.row:after,
#header:after,
#utility_links:after,
ul.tab_menu:after,
.page:after,
.sub_page:after,
.promo_row:after,
.category_highlights:after,
.info_bar:after,
.with_sidebar:after,
.promo_list .promo:after,
.contact_form li:after,
.product-highlights:after,
.product_desc:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	width:0;
	line-height:0;
	visibility:hidden;
}
/* end FLOAT CLEARS and HACKS ---------------------------------- */
 .ml2{
  font-size: 11px;
  color: #51A5FF; 
  font-weight: bold;
  text-decoration: none;
 }
  .ml2_lite{
  font-size: 11px;
  color: #067EFF;
  text-decoration: none;
 }
  .ch3{
  font-size: 14px;
  color: #DB3636;
  font-weight: bold;
 }
 /* Login Form */
#ja-login {
	float: right;
	background: url(../images/login/grad4.gif) repeat-x bottom #F8F8F7;
	padding: 5px 8px;
	border: 1px solid #E7E8E6;
	border-bottom: 1px solid #CCCCCC;
}

#ja-login form {
	float: left;
}

#ja-login form label {
	float: left;
}

label.ja-login-user span {
	display: block;
	float: left;
	text-indent: -5000px;
	background: url(../images/login/icon-user.gif) no-repeat center left;
	width: 20px;
	height: 20px;
}

label.ja-login-password span {
	display: block;
	float: left;
	text-indent: -5000px;
	background: url(../images/login/icon-key.gif) no-repeat center left;
	width: 20px;
	height: 20px;
}

#ja-login form input.button {
	font-size: 11px !important;
  border: 1px solid #CCCCCC;
  margin-top: 1px;
  padding-bottom: 1px;
	float: left;
}

#ja-login form #mod_login_username,
#ja-login form #mod_login_password {
	width: 110px;
	margin: 1px 8px 0 0;
	font-size: 11px !important;
  border: 1px solid #CCCCCC;
	padding: 2px;
}

#ja-login form a {
	color: #858783;
	background: url(../images/login/vline.gif) no-repeat 4px 1px;
	padding-left: 13px;
	text-decoration: none;
	font-size: 92%;
}

#ja-login form a:hover,
#ja-login form a:active,
#ja-login form a:focus {
	color: #858783;
	text-decoration: underline;
}

.ja-login-links {
	padding-top: 5px;
	clear: both;
	display: none;
}

/* View New products in default.php */
.block-content	{
	margin:3px 3px 0 3px;
	padding:0;
	width:180px;
	background:url(../../images/bg-bottom-grid.gif) left bottom no-repeat;
	float:left;

}



div.block-content	h3	{
	margin:0;
	padding:0;
	background:url(../../images/bg-top-grid.gif) left top no-repeat;
	border:0;
	padding:7px 5px;
	height:30px;
	text-align:left;	
	}

a.link-title	{
	font-size: 12px;
	font-weight:700;
	color:#3b80c1;
	text-decoration:none;
	padding:0;
	text-indent:0;

}
div.block-content	div.content	{
	padding:3px 0;
	text-align:center;
	clear:both;
	
}

div.block-content	div.content	img {
	border:0;
  padding-bottom: 3px;
}

p.title-sp-catalog {
	display:block;
  text-align: right;
	color:#111;
	padding:5px;
	font-size:11px;
	height:27px;
}
p.title-sp-catalog a {color:#111;text-decoration: underline;}
div.block-content	div.block-price	{
	margin: 5px 0 5px 0;
	padding-bottom: 7px;
	text-align: center;
	display: block;
}
div.block-content	div.block-price	span.price	{
	font-size: 13px;
	color: #f90303;
	text-align: center;
	font-weight: bold;
}

a.xem-tiep	{
	display:block;
	background:url(../../images/block-view-more.gif) left top no-repeat;
	width:88px;
	height:22px;
	float:right;
	line-height:22px;
	color:#fff;
  font-size:12px;
	text-indent:25px;
	text-decoration:none;
	font-weight:700;
}
.xmas { 
	background: url(../../xmas/index_bg.gif) top right no-repeat; 
	padding-right: 25px; 
}
*html .xmas { padding-right: 0px;}
.viewgrid {
float: left;
border: 1px solid #cccccc;
width: 130px;
margin: 6px 0px 0px 6px;
}
.viewgrid h3{
text-align: center;
font-weight: normal;
height: 24px;
}
.viewgrid .price {
padding: 5px 0px;
text-align: center;
color: #555555;
}