/* -------------------------------------------------------------- 
  
   Pioneer VSX-AV Amplifier Product Site
	 Integrated site
   
-------------------------------------------------------------- */

@import url('global.css');

/* -------------------------------------------------------------- 
   * INTEGRATED Page layout
-------------------------------------------------------------- */

body { margin: auto; background: #ededed url(../img/global/integrated/body_bg.gif) repeat-x; }
#header, #content, #sitemap, #footer { text-align: center; margin: auto; } 
.inner { width: 960px; margin: 0 auto; text-align: left; }
#content .inner { width: 970px; }
 
/* HEADER */

#header { background: #000 url(../img/global/integrated/header_bg.gif) left top repeat-x; }
#header .inner { position: relative; height: 91px; }
#header p, #header li { margin-bottom: 0; }

/*  global/logo  */
#logo { position: absolute; left: 0; top: 1.44em; width: 155px; height: 24px; background: url(../img/global/integrated/logo_pioneer.gif) left top no-repeat; }
#logo img { display: none; }
#logo a { display: block; width: 127px; height: 20px; }
/*  global/ecrm  */
#ecrm { padding: 0 212px 0 0;	margin: 0; text-align: right; min-height: 3.38em; height: 3.38em; }
#ecrm ul { margin: 14px 0 1px 0; padding: 0; float: right; }
#ecrm ul li { float: left; font-size: 0.69em; line-height: 1em; padding: 0 9px 1px 9px; margin: 0; color: #999999; border-left: 1px solid #666666; }
#ecrm ul li.first { border-left: none; }
#ecrm a:link, #ecrm a:active, #ecrm a:visited { color: #ccc; text-decoration: none;	margin: 0; padding: 0; }
#ecrm a:hover { margin: 0; padding: 0;	color: #ccc; text-decoration: underline; }
#ecrm a.current:link, #ecrm a.current:active, #ecrm a.current:visited, #ecrm a.current:hover { margin: 0; padding: 0; color: #ccc; text-decoration: underline; }
.skip-to-content { text-indent: -9999px; height: 0; overflow: hidden; padding: 0; background: none; }
/*  global/search/top  */
#search_top { position: absolute; top: 0; right: 0; width: 205px; height: 4.44em; background: #484848 url(../img/global/integrated/search_top_bg.gif) bottom left no-repeat; }
#search_top p { padding: 3em 0 0 0; text-align: center; }
#search_top label { display: none; }
#search_top .search_txt { font-size: 0.92em; color: #737373; width: 150px; border: 1px solid #bcbcbc; padding: 1px 2px 3px 2px; vertical-align: top; }
#search_top a { padding-left: 23px; padding-bottom: 7px; display: inline-block; height: 23px; overflow: hidden; background: url(../img/global/integrated/search_top_bt.gif) no-repeat; }
#search_top a img { display: none; }
/*  global/topmenu  */  
#topmenu { padding: 0 220px 0 0; }
#topmenu ul { position: relative; margin: 0; padding: 0; }
#topmenu ul li { float: left;	font-size: 0.69em; line-height: 1em; padding: 0 30px 0 0; }
#topmenu ul li a, #topmenu ul li a:link, #topmenu ul li a:active, #topmenu ul li a:visited { display: block; font-weight: bold; text-transform: uppercase; text-decoration: none; color: #b2b2b2; border-bottom: 6px solid #000; padding: 1.18em 0 0.64em 0; }
#topmenu ul li a:hover { text-decoration: none; color: #fff; border-bottom: 6px solid #b91440; }
#topmenu ul li a.current:link, #topmenu ul li a.current:active, #topmenu ul li a.current:visited, #topmenu ul li a.current:hover { text-decoration: none; color: #fff; border-bottom: 6px solid #b91440; }

/* CONTENT */

#content { background: url(../img/global/integrated/content_bg.gif) repeat-x; padding: 0; }
/*  crumbs  */  
#crumbs { margin: 0 5px 0 5px; padding: 0.75em 0 0.75em 0; }
#crumbs p { font-size: 0.69em; line-height: 1.36em; color: #999; margin: 0; padding: 0; }

/* FOOTER */

#footer { padding-bottom: 60px; }
#footer .inner { background: url(../img/global/dotted_line.gif) top left repeat-x; padding: 0.94em 0 0 0; }
#footer hr { display: none; }
#footermenu { padding: 0 0 0 0; display: inline; text-align: center; }
#footermenu ul { position: relative; text-align: center; margin: auto; }
#footermenu ul li { display: inline; font-size: 0.69em; line-height: 1em; padding: 0.45em 15px 0.64em 15px; background: url(../img/global/integrated/footermenu_divider.gif) top right repeat-y; }
#footermenu ul li.last { background: none; }
#footermenu ul li a, #footermenu ul li a:link, #footermenu ul li a:active, #footermenu ul li a:visited { text-decoration: none; color: #999999; }
#footermenu ul li a:hover { text-decoration: underline; color: #999999; }
#footermenu ul li a.current:link, #footermenu ul li a.current:active, #footermenu ul li a.current:visited, #footermenu ul li a.current:hover { text-decoration: none; color: #b91440; cursor: default; }