@charset "utf-8";
/* CSS Document */
/**********************************************************************************************
	Main Sections in CSS:
	
	1.	BASIC ELEMENTS
		Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc.
	
	2.	LAYOUT
		Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site
		
	3.	PAGE COMMON STYLES
		Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc
	
	4.	PAGE SPECIFIC STYLES
		Define content styles that are specific to a particular page
	
***********************************************************************************************/

/*------------------------------------------
// 1.BASIC ELEMENTS
//	 Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc.
//------------------------------------------*/

*{
	margin:0;
	padding:0;
	/*border:0;*/
	outline:0;
	font-weight:normal;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

.clear{
	clear:both;
}
a{
	text-decoration:none
}

.fluid {
	width:auto;
    float:none;
}
.ac{
	text-align:center;
}

.ar{
	text-align:right;
}

.al{
	text-align:left;
}

.bold{
	font-weight:bold;
}

body {
	line-height: 1;
	background: white;
}
ol, ul,li {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

.clear1 { height:10px;font-size:1px;padding:0;clear:left; }
.clear2{
	clear:right;
}
/* CSS Document */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
.clearfix {display:block;}


/*------------------------------------------
// FONT COLOR ANDSTYLE
//------------------------------------------*/

/**********************************************/

body {
	text-align:center;
	color:#3e3e3e;
	font-family:Calibri, Tahoma, Arial;	
	font-size:12px;
}
/*------------------------------------------
// 2.LAYOUT
//   Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site
//------------------------------------------*/

img{
	border:none;
}

#wrapper{	
	width:980px;
	margin:0 auto;
	text-align:left;
}

  /* Begin main navigation styles */
#site_header {
	border:none;
	position:relative;	
	height:100px;
	
}

#site_header iframe{
	position:absolute;
	top:3px;
	right:0;
}

#site_header a img#logo_bose {
	 position:absolute;
	 left:75px;
	 top:25px;
}
  
#servicenav a{
	color:#3e3e3e;
	
} 

#servicenav{
	position:absolute;
	right:230px;
	top:34px;
}

#searchform{
	vertical-align:middle;
}

.Newsletter a{
	border-right: 1px solid #000000;
	font-size:12px;
	padding:0 10px;
}
.top-contact a{
	/*border-right: 1px solid #000000;*/
	font-size:12px;
	padding:0 10px;
}
.top-contact a:hover{
	text-decoration:underline;
}

#searchform .Newsletter{
	font-size:12px;
	padding:0 10px;
	border-right: 1px solid #000000;	
}
.Newsletter a:hover{
	text-decoration:underline;
}
#searchform .noborder{
	border:none;
}

#searchform input {
	vertical-align:middle;
	/*height:17px;*/
}

#words{
	border:1px solid #ccc;
}

#flash_area {
	width:980px; 
	/*background-color: #666666;
	background-image: url(images/usamagnum_1.jpg);*/
	z-index:1;
}
 
#main_content {
	border:none;
	padding: 0;
	margin: 0;
	width: 980px;
	height: 330px;
	/*position: relative;*/
}
  
#nav_area, #flash_area {
	height:330px;
}

#nav_area {
	position:absolute;
	width:328px; 
	background: transparent;
	/* z-index: 2;*/
	top:104px;
	left:1px;
}
  
  /* Do first opening home page frame  */    
  /* /////////////////////////////////////////////// */
   
#flash_area {
	width:980px;
	background-color: #666666;
	background-image: url(../images/usamagnum_1.jpg);
}

#nav_area ul {
	margin:0; 
	padding:100px 0 10px 51px;
	color:#FFF;
	background:transparent;
}
#nav_area ul {
	list-style:none;
	padding-top:0;
	font-size:1.1em;
}
   
#nav_area ul li  {
	background-image: url(../images/orange_nav_bullet.gif); 
	background-repeat:no-repeat; 
	background-position:0 30%;
	margin:0;	
	padding:0 0 10px 8px;
}

#nav_area h3#shop_bose {
	margin:31px 0 10px 51px;
}
#nav_area h3#shop_bose a{
	font-weight:bold;
}
  
h3#shop_bose, a#shop_bose_link {
    padding:0;
    width:197px;
    height:18px;
	
	/* FOR HEADING FOR HOME PAGE */
	/*  ////////////////////////////  */
	
    background-image: url(../images/magnum_header.gif); 
    background-repeat: no-repeat; 
    background-position:0 -19px;  
    background-color:transparent;
}
   
#nav_area a:link {
	color:#FFF; 
	background:transparent;
	text-decoration:none;
}
#nav_area a:visited {
	color:#FFF;
	background:transparent; 
	text-decoration:none;
}
#nav_area a:hover {
	color:#888E99; 
	background:transparent;
	text-decoration:underline !important;
}
#nav_area a:active {
	color:#FFF;
	background:transparent;
	text-decoration:none;
}
  

#ins{
	width:280px;
	float:right;
}  
   /* For second nav body */
   
#site_nav1 {
	float:left; 
	width:980px; 
	height:222px;  
	background:url(../images/lower_nav_bg_2.gif) left 4px no-repeat;
}
  
  
#site_nav1 .inside{
	padding:10px 15px;

}

#site_nav1 .inside h2 {
	line-height:40px;
	font-size:1.8em;

}
  
  
#site_nav_left p.title{
	padding-bottom:10px;
	font-weight:bold;
}

#site_nav_left p.title a{
	font-weight:bold; 
	text-decoration:none;
	color:#3e3e3e;
}
  
  
#lower_content {
	clear:both !important; 
	margin:5px 0 !important;
	width:980px;
 }
 #site_nav {
	float:left;    
	background-image: url(../images/lower_nav_bg.jpg);	 
	background-repeat:no-repeat;
	width:697px; 
	height:176px;
} 
    
#site_nav h2 {
	margin:20px 0 0 20px;
	font-family:"Trebuchet MS", Verdana, sans-serif;
	font-size:1.8em;
	letter-spacing:normal !important;     
	color:##3e3e3e !important;
}
#site_nav h1{
	font-family:"Trebuchet MS", Verdana, sans-serif;
	font-size:1.8em;
	margin:20px 0 0 0px;
}

#site_nav ul {
	float:left;
	list-style:none;
	margin:0;
	font-size:1.1em;    
	padding:12px 0 0 40px;
	width:160px;
}
#site_nav1 ul#bose_right {
	width:210px; 
	padding-left:15px;
}


#site_nav1 ul li {
	background:url(../images/orange_nav_bullet.gif) left 10px no-repeat;
	padding-left:8px;
	line-height:1.8em; 
}
#site_nav1 ul li a{
	text-decoration:none;
	color:#3e3e3e;
}
  
#site_nav_left {
	float:left;
	width:697px;
}
#site_nav_left .inside{ 
	padding:0 15px;
}
#site_nav_left .inside p{
	padding:10px 0;
	line-height:1.5em;
}
#site_nav_left .inside a{
	padding:0px 5px;
	text-decoration:none; 
	color:#000000;
	font-weight:bold;
}  
#site_nav_right {
	float:left; 
	padding-left:10px;
} /* US */
/* #site_nav_right {float:left; padding-left:11px;} */ /* CA */
#site_nav_right ul {
	width:200px;
}
.insert {
	float:left;
}
.insert img {
	width:281px;
	height:87px;
}

.magnumstuff_HaaS{
	width:281px;
	height:87px; 
	/*background:url(../images/insert_0_percent.jpg) no-repeat;*/
	background:url(../images/insert_0_percent-new.jpg) no-repeat;

}
.magnumstuff_HaaS a{
	color:#fff;
	text-decoration:underline;
	font-weight:bold;
}
.magnumstuff_HaaS a:hover{
	text-decoration:none;
}
.magnumstuff_SaaS{ 
	width:281px; 
	height:87px;
	background:url(../images/be_sure_its_bose.jpg) no-repeat;
	margin-top:2px;
}

.magnumstuff_HaaS .inside, .magnumstuff_SaaS .inside{
	text-align:center;
	padding:8px;
	color:#FFFFFF;
}
.magnumstuff_HaaS .inside h5, .magnumstuff_SaaS .inside h5{ 
	font-size:13px;
	font-weight:bold;
 }
.magnumstuff_HaaS .inside p  { 
	padding:2px 0;
}
.magnumstuff_SaaS .inside p{
	padding:5px 0;
}
  
#site_nav ul li a:link, #footer_block_left ul li a:link {
	color:#666; 
	background-color:inherit; 
	text-decoration:none;
}
#site_nav ul li a:visited, #footer_block_left ul li a:visited {
	color:#666; 
	background-color:inherit; 
	text-decoration:none;
}
#site_nav ul li a:hover, #footer_block_left ul li a:hover {
	color:#444;
	background-color:inherit; 
	text-decoration:underline !important;
}
#site_nav ul li a:active, #footer_block_left ul li a:active {
	color:#666; 
	background-color:inherit; 
	text-decoration:none;
}
#bose_right li a:hover{
 	text-decoration:underline;
} 
#site_nav_left p.title a:hover{
	text-decoration:underline;
	color:#0000FF;
}
#site_nav_left .inside p a:hover{
	text-decoration:underline;
	color:#0000FF;
}

#footer {
	float:left; 
	padding:0 0 6px 0;
	background:#e2e1e1;
	width:980px; 
	height:120px;
	border-top:8px solid #6077a0;
}
#footer_block_right p {
	margin:0;
	padding:0;
	line-height:120%;
}
#footer_block_left {
	width:620px;
	padding:20px 0;
	float:left;
}
#footer_block_right {
	float:left;
	width:320px; 
	color:#666;
} 		
#footer_block_left ul {
	border:none; 
	color:#666; 
	margin:0; 
	list-style:none; 
	padding:0 0 0 12px;
}

#footer_block_right p {
	padding:5px 0 20px 0;
}
	
form#footer_dropnav {
	padding:12px 0 0 10px;
	height:25px;
	margin:0;
}
form#footer_dropnav select#footer_dropnav_items {
	margin-right:6px;
}
img#dropnav_products {
	width:23px;
	height:17px; 
	border:none; 
	display:inline;
	vertical-align:middle;
}
 
#footer_block_left ul li {
	border-right:2px solid #BBB; 
	padding:0 11px; 
	font-size:1.1em; 
	display:inline;
}
#footer_block_left ul li.first {
	padding-left:0;
}
#footer_block_left ul li.last {
	padding-right:0; 
	border:none;
}
#emailForm {
	/*padding-top:10px !important;*/
	font-size:12px;
	vertical-align:middle;
}
#emailForm  input{
	vertical-align:middle;
	padding:0 4px;
}

p.copyright {
	text-align:left;
	padding-left:10px;
	padding-top:10px;
}

p.prerel a{
	padding-left:560px;
	text-decoration:none; 
	color:#000000;
	font-weight:bold;
}  

p.prerel a:hover{
	text-decoration:underline;
	color:#0000FF;
}