/* Common
=======================================================*/
body{
  background-color: #fff;
  text-align: center;
  margin:0;
  padding:0;
}

a{outline:none;}
a img{border:none;}

h1,h2, h3{
	margin:0;
	padding:0;
	color:#666666;
}

h1{
  font-size: 230%;
  font-family:arial;
  font-weight:100;
}

h2{font-size: 110%;}
h3{ font-size: 100%; }
.bold{font-weight:bold;}
p{margin:0;}
	 
#Select1 {	
      width:146px;
      height:15px;
}

sup {font-size:88%;}

#maincontainer {
      text-align: left;
      margin: 0 auto;
      background-color: #fff;
      width:978px;
      height:auto;
	  font: 70%/1.0  verdana, arial;
      color:#666666;
}


@media print{

		.header{
				display:none;
		}
		
		.nav{
			  display:none;
		}


		.topcontent{
				display:none;
		}


		.bottomcontent .SubMenuContent{
				display:none;
		}

		.footer{
				display:none;
		}
		
		.rightcontent{
				display:none;
		}

		#maincontent{
				padding-bottom:5px;
		}

		.leftcontent .bottomcontent{
				width:738px;
		}


		.bottomcontent .DisplayContentArea{
				margin-left:0;
		}
		.bottomcontent  .ArticleContainer{
					margin-bottom:0;
				    padding-bottom:0;
		}

		.bottomcontent .PrintBackContainer{
					margin-right:0px;
		}

		.bottomcontent .ContentArticleTitle{
					margin-top:0;
		}

		.bottomcontent .SummaryItemContainer{
						margin-top:0;
		}

		.bottomcontent .SummaryItem{
					margin-top:0;
					margin-bottom:5px;
		}

		.bottomcontent .ArticleContainer p{
					margin-bottom:0;
		}
	}	

/* Header
==========================================================*/

.header{
	  float:left; 
	  width:978px;
      height:40px;
      padding:0 8px 0 0;
	  margin-top:20px;
      }

.header h2 {
      float: left;
	  position:relative;
      margin:0;
	  left:31px;
      }

.header span.title {
      display: none;
      }

.header h2, .header h2 a {
      display: block;
      width: 230px;
      height: 26px;
      padding: 0;
}

.header h2 a {
      background: url(../Images/BW_logo.gif) left top no-repeat;
 }

#searchform {
      width:155px;
      float:right;
      margin:0;
    }

#searchform .UserInput
{
	  float:left;
      width:124px;
      margin:0 5px 0 3px;
      display:inline;
      color:#666666; 
      border:1px solid #bbbbbb;
      font-size: 87%;
      font-family:Verdana;
      padding:1px 0 2px 4px;
      }

#searchform  #go {
      float:right;      
      padding:0;
}

/* Main Navigation
===========================================================*/
.nav{
      float:left;
      position:relative;
      width:978px;
	  background-image: url(../Images/NavBg.gif);
	  background-repeat: repeat-x;
	  height:4.2em;
	  margin-bottom:1px;
}

.level1{
      background-color:#F2F2F2;
      margin:0;
      padding: 0;
      list-style-type: none;
	  height: 24px;
}

.notcurrent {
      height:24px;
      float:left; 
      display:block;
}

.current{
	
	color: #ffffff;
	height:24px; 
	float:left;   
}

.level1PrimEdgeLeft{
	background-image:url(../Images/Prim_Edge.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
}

.level1PrimEdgeRight
{
	background-image:url(../Images/Prim_Edge.gif);
	background-repeat:no-repeat;
	background-position:19px 0px;
}

.level1TextImage{
	vertical-align:top;
	margin:3px 0px 0 0px;
}

.current a{
	display:block;
	background-color:#484848;
}

.current a:hover{
	display:block;
}

.level2 {
     position:absolute;
     list-style-type: none;
	 top:22px;
	 left:0;
     background: url(../Images/2ndNav_Tile.gif) left repeat;
     width:978px;
     }

.level2 ul{	
     margin:0;
     list-style-type: none;
     height: 23px;
     padding:0 0 0 20px;
	
     }

.level2 li{
     float:left;
     padding:0 12px 0 12px;
     margin:0; 
	 font-size:90%;  
     }

.level2 ul li a:link, .level2 ul li a:visited{
	 line-height:2.2;
     text-decoration: none;
     color:#BABABA;   
     }

.level2 li a:hover {
      text-decoration: none;
      color: #ffffff;
      }
  
.level2 .level2_current a:link, .level2 .level2_current a:visited {
      color:#ffffff;
      font-weight:bold;
      }
 
/* Main Content
 =============================================*/

#maincontent {
      position:relative;	
	  top:0;
      float:left;
      width:978px;
      }

.leftcontent .topcontent{float:left;}
  
  
  .leftcontent{
      float:left;	
      width:817px;  
      }

.bottomcontent{	
      float:left; 
      width:817px;
      margin-bottom:24px;
      background: url(../Images/Shade_Tile2.gif) repeat-x;      
}

.bottomcontentWide{	
      float:left; 
      width:978px;
      margin-bottom:24px;
      background: url(../Images/Shade_Tile2.gif) repeat-x;      
}

.rightcontent {
      float:left;
      width:140px;
      min-height:100px;
      margin-bottom:22px;
      }

.rightcontent .TopImageContainer{
		margin-left:1px;
	  }

.ClearWhiteSpace{margin-top:-2px;}

.topcontent a{float:left;}


/* ContentArea
==========================================================================*/

.DisplayContentArea{
	  float:left;
	  width:93%;
	  display:inline;
	  margin-left:31px;
	  padding-bottom:20px;
}

.noPad
{
	padding-bottom:0 !important;
}

.DisplayContentArea a
{
	  color:#666666;
	  font-size:100%;
      font-weight:bold;
}

#ArticleTitle{
		float:left;
		margin-bottom:16px;
}

.SubArticleTitle
{
	float:left;
	width:770px;
    display:inline;
    clear:both;
    margin-top:31px;
    font: 100%/1.4  verdana, arial;
}	
.ContentArticleTitle h1{
			float:left;
			position:relative;
			width:610px; 
			height:34px;
			margin-top:32px;
			display:inline;
			background-repeat:no-repeat;
}

.ContentArticleTitle span.title{display:none;}

.pagecontenttext{
	
	  float:left;
	  width:770px;
	  display:inline;
	  clear:both;
	  margin:22px 0 0 36px;
	  font: 100%/1.4  verdana, arial;
}

.noMarginTop
{
	margin-top:0 !important;
}

.DisplayContentArea .pagecontenttext{
	  margin-left:0;  
}


.DisplayContentArea a:hover{
      color: #888888;
      }

.PrintBackContainer{
	  float:right; 
	  display:inline;
	  margin-top:38px;
}

.PrintBackContainer img{
	  float:left;
	  position:relative;
	  top:5px;
	  left:10px;
	  }
		
.PrintBackContainer .ContentTopLinks{
      float:left;
	  font-size:80%;
	  margin-left:15px;
	  text-decoration:none;
	  color:#666666;
	  font-weight:bold;
	  line-height:1.3;
	  }


.PrintBackContainer .ContentTopLinks:hover{
	text-decoration:underline;
}

.ContentArticleInner {
      padding:0;
      display:block;
      line-height:1.4;
	  color:#666666;
}

.ContentArticleInner p
{
		margin:0;
		padding: 0 0 8px 0;
}

.ContentArticleInner_nowrap {
      padding:0;
      float:left;
      display:block;
      line-height:1.4;
      width:350px;
      }

.ContentArticleImage{
		float:right;
		width:360px;
		padding-left:30px;
		padding-top:4px;
		}

.ContentArticleImage a{
		float:left;
		padding-top:2px;
		text-decoration: none;
		font-size:86%;
		line-height:1.8;
		letter-spacing:0px;
		font-weight: normal;
		color:#666666;
}

 .ContentArticleImage a:hover {
	  text-decoration: underline;
	  color:#666666;
  }

.DisplayArticle{
      float:left; 
      width:98%;
	  margin-top:17px;
      clear:both;
   
 }

 .NoFlash a{
		float:right;
		color:#ffffff;
		margin:305px 20px 0 0;
		display:inline;
}


.HalfWidthColumnLeft span, .HalfWidthColumnRight span{
		float:left; 
		padding-bottom:41px;
}

#SubTemplate .ContentArea .ArticleContainer h2{
		margin-left:-4px;
		display:inline;
}

#SubTemplate .ContentArea .HalfWidthColumnLeft{
		margin:43px 22px  0 0;
}

 
 /* Members Area
==========================================================================*/
 .productselection{
	  float:left;
	  width:161px;
	  background: url(../Images/Shade_Tile2.gif) repeat-x;
	  padding-top:20px;
	  min-height:40px;
      }

.chooseproduct{
	  float:left;
	  width:150px;
	  height:36px;
	  background: url(../Images/dotted_line.gif) bottom repeat-x;
	  }
	  
	  #AllProducts
	  {
		padding-top:20px;	
	  }

.chooseproduct select{
	  width:150px;
	  font-size:10px;
	  font-family:Verdana,arial;
      color:#666666;
      margin:0;
      border:1px solid #bbbbbb;
      padding:1px 0 1px 0; 
      }

.faqlist{
	  float:left;
	  width:150px;
	  padding-left:1px;
	  background: url(../Images/dotted_line.gif) bottom repeat-x;
	  }

.faqlist ul{
	  margin:0;
	  padding:19px 0 19px 0;
	  list-style:none;
	  }

.faqlist li{
	  margin:0;
	  padding:0 0 6px 0;
	  background-image: url(../Images/bullet.gif);
	  background-repeat: no-repeat;
	  background-position:0 0.7em; 
	  }

.faqlist li a:link, .faqlist li a:visited, .faqlist li a:active {
      margin-left:6px;
	  text-decoration: none;
      font-size:86%;
	  line-height:1.8;
      letter-spacing:0px; 
      color:#666666;
      display:block;
      }

 .faqlist li a:hover {
	  text-decoration: underline;
	  color:#666666;
      }
      			
.login{
      float:left;  
      padding-right:1px;
      height:102px;
      margin-top:8px;
	  }

.login h3 {
	    margin:0;
		padding-bottom:11px;
		}

.login .UserInput{
      width:140px; 
      font-size: 87%;
      font-family:Verdana,arial;
      margin:0 0 9px 0;
      color:#666666;
	  border:1px solid #bbbbbb;
      padding:1px 0 2px 4px;
 } 
 
 .break {
      float:left;
      clear:both;
      display:block;
      padding:0 4px 0 0;
      }

.viewmodels {
	  float:left;
	  width:150px;
      height:69px;
	  padding-top:19px;
	  background: url(../Images/dotted_line.gif) bottom repeat-x;
	  padding-bottom:19px;
      }

.viewmodels .prices {
      display:block;
      padding:0 0 11px 0;
      margin:0;
      font-weight:bold;
      font-size:90%;
      }
      
.viewmodels .models {
        display:block;
        padding:0 0 11px 0;
        margin:0;
        font-size:90%;
}
.next{	
	  float:left;
      background: url(../Images/button_next.gif) left top no-repeat;
      width:75px;
      height:19px;
	  text-align:center;
	  font-size:1.1em;
      }

.prev{
	  float:left;
	  width:75px;
      height:19px;
      background: url(../Images/button_prev.gif) left top no-repeat;
      text-align:center;
      font-size:1.1em;
     
      }

.viewmodels .button:link, .viewmodels .button:active, .viewmodels .button:visited{
	  width:69px;
	  text-decoration: none;
      color:#d8d8d8;
      font-size: 80%;
	  text-align:center;
	  line-height:1.8;
	  }

.viewmodels a.button:hover{
		color:#ffffff;
		}

.prev span.button{
		position:relative;
		text-align:center;
		font-size: 80%;
		line-height:1.8;
		color:#989898;
		}
 
.next span.button{
		position:relative;
		text-align:center;
		font-size: 80%;
		line-height:1.8;
		 color:#989898;
}  

 .submit {
      background:url(../Images/button_submit_right.gif) left top no-repeat;
      height:22px;
      width: 80px;
      float:left;
      display:inline;
      margin-right:13px;
      }
 
.submit a:link,.submit a:visited, .submit a:active{
      display:block;
      background:url(../Images/button_submit_left.gif) right top no-repeat;
      text-decoration: none;
      padding:4px 3px 0 0;	
      text-align:center;
      height:22px;
      font-size:0.9em;
      font-weight:lighter;
      color:#d8d8d8;
      }

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

/* Tertiary Navigation
==========================================================================*/
.DisplayContentArea .SubMenuContent{
	margin-left:0;
	width:785px;
}

.SubMenuContent
{
	float:left;
	width:791px;
	margin-left:26px;
	display:inline;
	background: url(../Images/dotted_line.gif) bottom repeat-x;
}

.SubMenuContentWide
{
	float:left;
	width:950px;
	margin-left:26px;
	display:inline;
	background: url(../Images/dotted_line.gif) bottom repeat-x;
}

/*Panorama special classes*/

#Panorama .RightColumn
{
	float:right;
	width:163px;
}

#Panorama .DisplayContentArea
{
	width:784px;
}

#Panorama .LeftColumn
{
	float:left;
	width:815px;
}

#Panorama .leftcontent
{
	width:978px;
}

#Panorama .TopImageContainer
{
	float:right;
	height:267px;
	overflow:hidden;
}


#Panorama .LeftColumn .PageContentTitle h1
{
	float:left;
	display:block;
	position:relative;
	width:610px; 
	height:35px;
	padding:15px 0;
	background-position:0 center;
	background-repeat:no-repeat;
}

#Panorama .LeftColumn span.title
{
	display:none;
}

#Panorama .LeftColumn .Products span.title
{
	display:block;
}

#Panorama .PrintBackContainer{
	  float:right; 
	  display:inline;
	  margin:38px 30px 0 0;
}

#Panorama .LargeHomepagePromoUnit
{
	clear:both;
	float:left;
	position:relative;
	left:-20px;
	margin-bottom:25px;
	width:100%;
}

#Panorama .LeftColumn .SubPromoUnits
{
	display:inline;
	float:left;
	margin: 0 0 0 15px;
	padding: 0;
	overflow:hidden;
}

#Panorama a.PromoTitle
{
	display:block;
	padding:10px 15px;
	width:143px;
	height:110px;
	color:#fff;
	text-decoration:none;
	font-weight:normal;
	cursor:hand;
}

#Panorama img.PromoArrow
{
	position:relative;
	top:-8px;
}

#Panorama span.PromoContext
{
	color:#fff;
	font-size:90%;
	clear:left;
	display:block;
	width:143px;	
	position:absolute;
	bottom:10px;
	line-height:1.1;
}

#Panorama .ContentArticleInner
{
	float:left;
	width:750px;
}

#Panorama .ContentArticleInnerPanorama
{
	float:left;
	width:590px;
	line-height:1.4;
	padding:0 0 8px 20px;
}

#Panorama .ContentArticleInnerPanorama p
{
	padding:0 0 8px 0;
	margin:0;
}

#Panorama .rightTopLinkButtons
{
	float:left;
	background: url(../Images/dotted_line.gif) bottom repeat-x;
	padding:25px 0 21px 0;
}

#Panorama .rightTopLinkButtons ul
{
	list-style-type: none;
	float:left;
	margin:0;
	padding:0;
}

#Panorama .rightTopLinkButtons ul li
{
	width:163px;
	height:19px;
	margin:0 0 5px 0;
	background:url(../images/button_rhs.gif) no-repeat;
}

#Panorama a.DarkActionBtn:link,
#Panorama a.DarkActionBtn:visited,
#Panorama a.DarkActionBtn:hover,
#Panorama a.DarkActionBtn:active
{
	line-height:16px;
	padding:0 0 0 18px;
	background:none;
	color:#D8D8D8;
}

#Panorama a.DarkActionBtn:hover
{
	color:#fff;
}

#Panorama ul#NavigationUC_ulContextLinks
{
	  float:left;
	  width:163px;
	  margin:0;
	  padding:19px 0 19px 0;
	  list-style:none;
	  background: url(../Images/dotted_line.gif) bottom repeat-x;
}

#Panorama ul#NavigationUC_ulContextLinks li
{
	  margin:0;
	  padding:0 0 6px 0;
	  background-image: url(../Images/bullet.gif);
	  background-repeat: no-repeat;
	  background-position:0 0.7em; 
}

#Panorama ul#NavigationUC_ulContextLinks li a:link,
#Panorama ul#NavigationUC_ulContextLinks li a:visited,
#Panorama ul#NavigationUC_ulContextLinks li a:active
{
      margin-left:6px;
	  text-decoration: none;
      font-size:86%;
	  line-height:1.8;
      letter-spacing:0px; 
      color:#666;
      display:block;
}

#Panorama ul#NavigationUC_ulContextLinks li a:hover
{
	  text-decoration: underline;
	  color:#666;
}

#Panorama .ArticleContainer
{
	clear:both;
	float:left;
	margin:0 0 0 31px;
	display:inline;
}

#Panorama .ContentArticleInner
{
	font-size:110%;
}

#Panorama .FullWidth
{
	clear:both;
	float:left;
	margin:0 0 30px 0;
}


#Panorama .EnlargeImage
{
	clear:both;
	float:left;
	width:151px;
	overflow-x:hidden;
}

#Panorama .EnlargeImage a
{
	width:130px;
	height:130px;
	overflow:hidden;
}

#Panorama a.EnlargeLink:link,
#Panorama a.EnlargeLink:visited,
#Panorama a.EnlargeLink:hover,
#Panorama a.EnlargeLink:active
{
	display:block;
	margin:0;
	height:auto;
	line-height:1.5;
	color:#666;
	font-weight:bold;
}

#Panorama img.EnlargeImage2
{
	width:131px;
	height:131px;
}

#Panorama .ContentInner
{
	width:750px;
}

#Panorama .ContentInner p
{
	float:left;
	width:590px;
	line-height:1.4;
	padding:0 0 8px 0;
	margin:0;
}

#Panorama .ContentInnerFull p
{
	float:left;
	width:750px;
	line-height:1.4;
	padding:0 0 8px 0;
	margin:0;
}

#Panorama .ContentInner p a:link,
#Panorama .ContentInner p a:visited,
#Panorama .ContentInner p a:hover,
#Panorama .ContentInner p a:active,
#Panorama .ContentInnerFull p a:link,
#Panorama .ContentInnerFull p a:visited,
#Panorama .ContentInnerFull p a:hover,
#Panorama .ContentInnerFull p a:active
{
/*	display:block;
	float: left;
	padding:15px 0;*/
	clear:right;
	color:#666;
}

#Panorama .ContentInner p a.FindOutMore:link,
#Panorama .ContentInner p a.FindOutMore:visited,
#Panorama .ContentInner p a.FindOutMore:hover,
#Panorama .ContentInner p a.FindOutMore:active,
#Panorama .ContentInnerFull p a.FindOutMore:link,
#Panorama .ContentInnerFull p a.FindOutMore:visited,
#Panorama .ContentInnerFull p a.FindOutMore:hover,
#Panorama .ContentInnerFull p a.FindOutMore:active
{
	display:block;
	float: left;
	padding:15px 0;
	clear:right;
	color:#666;
}

#Panorama #HeaderUC_Gallery
{
	width:978px;
	height:268px;
	overflow:hidden;
}

#Panorama #HeaderUC_Gallery div
{
	position:relative;
	left:810px;
	bottom:40px;
}

#Panorama #HeaderUC_Gallery div a:link,
#Panorama #HeaderUC_Gallery div a:visited,
#Panorama #HeaderUC_Gallery div a:hover,
#Panorama #HeaderUC_Gallery div a:active
{
	display:block;
	width:144px;
	height:25px;
	color:#666;
	text-indent:-9999px;
}

#Panorama .DisplayThumbnailImage {cursor:hand; background: #000; position:relative; width:176px; height:93px;}

#Panorama .DisplayThumbnailImage a
{
	color:#000000;
	padding:0;
    display:block;
    width:176px;
    height:93px;
    background-repeat:no-repeat;
}

#Panorama #InfoImageContent{
	float:left;
	margin:0;
	width:792px;
	height:329px;
	display:inline;
}

/*End of Panorama special classes */

.level3 
{
	 float:left;
	 position:relative;
	 left:-7px;      
     list-style-type: none;      
      margin:0;
      padding:18px 0 17px 0;
      }
 
.level3 li{
      float:left;
	  margin:0 8px 0 0;	
	  font-size:1em;
	  display:inline;
	  height:21px;
	  }

.level3_current {
      background-image:url(../Images/level3_current_right.gif);
      background-repeat:no-repeat;
      background-position: right top;
      color: #ffffff;
      float:left;  
      }
 
.level3_current span{
      float:left;
      background:url(../Images/level3_current_left.gif);
      background-repeat:no-repeat;
      background-position: left top;
      background-color:transparent;
      padding:2px 12px 6px 10px;
      }
     
.level3_notcurrent a{
      display:block;
      float:left;
      text-decoration: none;
      height:21px;
      }
      
 .level3_notcurrent a:hover
 {
	float:left;
	background-color:#ccc;
	height:21px;		
}

.TertiaryTitle
{
	position:relative;
	left:5px;
	margin-right:12px;
	top:1px;
}

.longDivider {
	  float:right;
	  height:1px;
	  width:784px;
	  background: url(../Images/dotted_line.gif) repeat-x;
}


/* Theatre Display
==========================================================================*/

.theatreWrapper {
	float:left;
	width:150px;
	border:1px solid #cccccc;
	margin-top:12px;
	padding-left:8px;
	display:inline;
	background:url(../Images/theatreBg.gif) repeat-x;
	}

.theatreTitle{
		float:left;
		width:150px;
		margin:17px 0 21px 0;
		font-weight:bold;
}


.theatreDisplay { 
	float:left;	
	padding-bottom:21px;
	font-size:80%;
	}

.theatreDisplay .theatreIcons{
		float:left; 
		margin-top:2px;
}

.theatreDisplay .theatreText{
						float:left;
						position:relative;
						left:12px;
						width:111px;
						line-height:1.3;
}

.theatreDisplay a:link, .theatreDisplay a:visited, .theatreDisplay a:active{
      text-decoration: underline;
      color:#666666;
      font-family:Verdana;
      font-weight:700;
      font-size:100%;
      }

.theatreDisplay a:hover{
      color: #888888;
}

/* PROMOS
==========================================================================*/

 .promoslist{
   float:left;
   width:780px;
   margin-top:26px;
   }

.promo{
   float:left; 
   margin-right:17px;
  
   }

.PromosListVertical {
   float:right;
   width:186px;
   height:290px;   
   padding:4px 0 0 38px;
   }

.PromosListVertical .promo {
   padding:0 0 24px 0;
   }

.freeTrialPromo {padding: 0 0 10px 0;}
/* FOOTER
=======================================================================*/

.footer{
	float:left;
	width:100%;
	font-size:110%;
	padding:0 0 0 6px;
	margin-top:8px;
	padding-bottom:12px;
}

 .footer a {display:inline; padding:0 8px 0 8px; text-align:center}
 .footer  span{display:inline}

.footermenu, .terms{
		width:99%;
		margin:0 auto; 
		text-align:center;
}

.footermenu a:link, .footermenu a:visited, .footermenu a:active    { 
	  text-decoration: none;
      color:#666666;
      font-size: 80%;
      line-height:1.5;  
  }

.footermenu a:hover {
      text-decoration: underline;
      color: #666666;
  }

.terms a:link, .terms a:visited, .terms a:active    {
      
      text-decoration: none;
      color:#666666;
      font-size: 80%;
      line-height:2.1;	 
    }
 
.terms  a:hover {
      text-decoration: underline;
      color:#666666;
}

.speakerRollOver
{
	background-repeat:no-repeat;
	display:block;
	position:absolute;
	opacity:1;
	filter:progid:DXImageTransform.Microsoft.Fade(Duration=0.2);
	width:100%;
	height:100%;
	float:left;
	left:0px;
}

optgroup {
    font-size:100%;	
    font-style:normal;
    font-family:Verdana;
}

optgroup option{
font-size:100%;	
font-family:Verdana;
}

/* Error Msg
==========================================================*/

#ErrorPage{
		  position:relative;
		  width:800px;
		  margin-left:30px;
		  top:75px;
}


#ErrorPage p{
	margin:0;
	padding-bottom:19px;
	line-height:1.5;
	position:relative;
	text-align:left;
	clear:both;

}

#ErrorPage a{
	color:#666666;
    font-weight:bold;
}
/* Popup 
=====================================================*/
.TopLinks{
		float:left;
		width:100%;
		height:44px;
		font-size:70%;
		font-family:verdana, arial;
}

.TopLinks a{
		color:#666666;
		text-decoration:none;
}

.PrintLink{
	float:left;
	margin:18px 0 0 25px;
	display:inline;
}

.CloseLink{
	float:right;
	margin:18px 27px 0 0;
	display:inline;
}

.InfoImageContent{
	float:left;
	margin-left:26px;
	width:792px;
	height:329px;
	display:inline;
}

@media print
{
	.TopLinks
	{
		display:none;
	}
	
	.InfoImageContent
	{
		position:relative;
		margin:0;
		left:-40px;
		width:600px;
	}
}

/* Actions Buttons
==============================================*/
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.ActionBtn, #InnerRightContent a.ActionBtn{
	float:left;
    background: transparent url(../images/Blk_RightBtn.gif) no-repeat scroll top right;
    color:#444444 ! important;
    display: block;
    padding-right: 10px;
    text-decoration: none ! important;
    cursor:pointer;
}

a.ActionBtn:hover{
	text-decoration:none;
	color: #444444;
}
	
a.ActionBtn span{
    background: transparent url(../images/Blk_LeftBtn.gif) no-repeat;
    display: block;
    padding: 2px 0 5px 10px;
    margin-bottom:0;
    color:#444444;  
}

a.ActionBtn span img{
		position:relative;
		top:-2px;
		left:5px;
}

a.DarkActionBtn{
    float: left;
    background: transparent url(../images/greybtn_right.gif) no-repeat scroll top right;
    color:#fff;
    display: block;
    padding-right: 10px;
    text-decoration: none ! important;
    cursor:pointer;
}

a.DarkActionBtn:hover{
	text-decoration:none;
	color:#fff;
}
	
a.DarkActionBtn span {
    background: transparent url(../images/greybtn_left.gif) no-repeat;
    display: block;
    padding: 2px 0 5px 10px;
    margin-bottom:0;  
}

a.DarkActionBtn span img{
		position:relative;
		top:-2px;
		left:5px;
}

/* Registrations - Login - Sign Up Forms
=====================================================*/

.RightContentFrame{
	position:relative;
	width:162px;
	background:#000;
}

#InnerRightContent{
	margin:0;
	padding:0;
	font-family:Verdana;
	color:#999999;
	font-size:1.2em;
	background:#000;
	text-align:left;
}

#InnerRightContent .PageIntroContext{
	position:relative;
	float:left;
	width:570px;
	margin-top:20px;
	margin-bottom:10px;
	line-height:1.5;
	font-size:0.8em;
}

#InnerRightContent .PageIntroContext a{color:#FFF068;}

#InnerRightContent .header{
      width:212px;
      height:17px;
      background: url(../Images/zepplin/whiteBW_logo.gif) left top no-repeat;
      padding-bottom:0;
}
 
#InnerRightContent .header span{display:none;}

.LoginContainer .SignInHeader 
{
	float:left;
	color:#EFEFEF;
	font-size:25px;	
	margin:5px 0 5px 5px;
	width:160px;
}
.LoginContainer .SocietyOfSoundHeader {
	float:left; 
	color:#EFEFEF; 
	font-size:12px;
	width:160px;
	margin:0 0 10px 10px; 
}

#InnerRightContent .FormHeader{
	float:left;
	color:#EFEFEF;
}

#InnerRightContent .PageContentTitle{
	float:left;
	clear:both;
	margin-left:-3px;
	margin-top:20px;
}

.FormErrorMsg{
	float:left;
	width:155px;
	font-size:0.8em;
	margin-bottom:8px;
	color:#EFEFEF;
}

.FormErrorMsg a{color:#FFF068;}

#InnerRightContent .ActionBtn span{font-size:0.8em;}

.SignUpForm, .SignIn, .SubscribePromo{
	float:left;
	width:160px;
	padding-bottom:25px;
	background:url(../images/sos/black_grey_dotted_bdr.gif) repeat-x bottom;
	margin:3px 0 25px 0;
	color:#EFEFEE;
}

.SignIn h3{font-size:0.8em;}

.SignUpForm span{
	float:left;
	font-size:0.9em;
	margin-bottom:19px;
}
.SignUpContainer span{color:#EFEFEF;}
.MultiMediaSignUp input, .SignUpForm input, .SignUpForm select, .SignIn input{
	    width:155px;
	    margin-bottom:10px;
		border:1px solid #696969;
		background-color:#000000;
		color:#707070;
		font-size:0.85em;
}
.SignIn input{font-size:0.8em}

.SignUpLabel{
	margin-top:10px;
	width:161px;
}

/* Signup Multimedia speakers
--------------------------------*/
.MultiMediaSignUp {	padding:5px 0 19px; width:160px; background:transparent url(../Images/dotted_line.gif) repeat-x scroll center top; }
.MultiMediaSignUp input { background-color:#FFFFFF;	border:1px solid #CFCFCF; margin:5px 0 10px 0; }
.MultiMediaSignUp .TopSection { margin:35px 0 0 0; background-image:none; }
.MultiMediaSignUp span {line-height:1.4;}

#zepImage{width:159px; height:130px; padding-top: 6px;}

/*--------------------------------*/
.SubscribePromo p{font-size:0.9em }

.FormLinks{
	color:#FFF068;
	font-size:0.8em;
	text-decoration:none;
	background:url(../images/sos/Yellow-Link-Arrow.gif) no-repeat left 5px;
	padding-left:10px;
	line-height:1.2;
	text-decoration:underline;
	margin-bottom:5px;
}

.FormLinks:hover{text-decoration:underline;}

.SendingPwd {margin:0 0 0 10px;}
.SendingPwd span{display:block;width:150px; margin:10px;}

#InnerRightContent .EnterData label{
	float:left;
	width:160px;
	margin:0 0 5px 10px;
	font-size:0.8em;
}

#InnerRightContent .ActionBtn{margin-bottom:10px;}

.LoginContainer{
	position:relative;
	width:155px;
	padding-bottom:25px;
	margin:3px 0 0 0;
}

.LoginContainer .FormHeader{
	width:160px;
	margin-bottom:10px;
	font-size:1em;
}

.LoginContainer .EnterData input{
	width:155px;
	border:1px solid #696969;
	background-color:#1c1c1c;
	color:#707070;
	font-size:0.8em;
	margin:0 0 10px 10px;
}
.QuickLogin{
	background:#000 url(../images/sos/signin_bg.jpg) no-repeat;
	color:#EFEFEF;
	width:180px;
	height:290px;
	margin:0 0 0 -10px;
}
.QuickLogin a{color:#FFF068;}
.QuickLogin span{font-size:0.8em;}

.AlignTop{margin-top:15px;}

.QuickLogin label{
	margin-bottom:5px; 
	font-size:0.8em;
}

#InnerRightContent .FormRow{
	float:left;
	width:252px;
	border:none;
	padding:0;
	margin:0;
	clear:both;
	font-size:0.8em;
}

.ValidationMessage{
	float:left;
	font-size:0.8em;
}

#InnerRightContent .SectionDivider{
	width:161px;
	background:#000 url(../images/sos/black_grey_dotted_bdr.gif) repeat-x bottom;
	padding-bottom:21px;
	margin-bottom:28px;
}

.LoggedInContent{
	color:#EFEFEF;
	line-height:1.5; 
}
.LoggedInContent a{
	color:#FFF068; 
}
.LoggedInContent a:hover{text-decoration:underline;}
#LoggedInText{
	display:block; 
	float:left;
	margin:0 0 25px 10px;
	font-size:0.85em;
	width:160px;
}
.loggedInText 
{
	display:block; 
	float:left;
	margin:0 0 25px 0;
	padding-top:10px;
	font-size:0.85em;
	width:160px;
}

#LogOut{text-decoration:underline}
#LoginControl_Submit{margin-top:10px;}
.DownloadContent img{margin-bottom:4px;}
.SubscribEnewsletter .ValidateMsg{
	float:none; 
	display:block; 
	margin-bottom:2px;
}
.SpacingTop{
	display:block; 
	margin: 0px 0 5px 10px;
}

.loginMessageTop
{
	padding-top:10px;
}
/* RightPromoAJAXControl
=================================*/
#RightPromoAJAXControl{float:left;}
#RightPromoAJAXControl .PromoHeader{
	display:block; 
	margin:9px 0 0px 23px;
}
#RightPromoAJAXControl span{ line-height:1.4; }

#IntroTxtContent{
	float:left;
	width:185px;
	margin:8px 0 0px 24px;
	display:inline;
}

#IntroTxtContent .IntroTxt{
	display:block;
	width:175px;
	margin-bottom:18px;
}

#RightPromoAJAXControl .HeaderMsg{margin-bottom:10px;}

.PageError{
	color:#d10202; 
	font-weight:bold;
	margin:0 0 5px 10px;
	float:left;
}
#RightPromoAJAXControl .PageError{
	display:block; 
	margin-bottom:4px;
}

#RightPromoAJAXControl .EnterData{
	width:155px;
	border:1px solid #696969;
	background-color:#1c1c1c;
	color:#999;
	font-size:1em;
}
#RightPromoAJAXControl .SmlEnterData{
	width:88px;
	border:1px solid #696969;
	background-color:#1c1c1c;
	color:#999;
	font-size:1em;
}
#RightPromoAJAXControl .FormLabel{
	float:left;
	width:190px;
	margin-bottom:5px;	
}
#RightPromoAJAXControl label{
	float:left;
	width:170px;
	margin-bottom:5px;
	line-height:1.1;
}

#RightPromoAJAXControl .FormRow{
	float:left;
	width:200px;
	margin-left:24px;
	margin-bottom:10px;
	display:inline;
}

#RightPromoAJAXControl .DisplayButtons{margin-left:24px;}

.support #ArticleTitle {clear:right;}
.support p {
	line-height:1.4; 
	padding:0 0 8px;
}
.contactFormConfimed {font-weight:bold; margin-left:90px; color:#D10202 !important;}
.support .contactForm {
	width:470px; 
	margin-left:90px; 
	margin-top:40px; 
	position:relative;
}
.support .contactForm .group {
	clear:both;
	margin-bottom:9px;
}
.support .contactForm label {
	float:left;
	width:121px;
	text-align:right;
	font-size:1em;
	line-height:1.5em;
	font-weight:bold;
}
.support .contactForm input,
.support .contactForm textarea,
.support .contactForm select {
	display:block;
	margin-left:140px;
	width:320px; 
	border:1px solid #666; 
	color:#666;
	font-size:1em;
}
.support .contactForm .shortFormControl {width:175px;}

.support .contactForm textarea {font-family:arial}
/*.support #ddlQuestions {margin-bottom:9px;}*/
.support #txtMainText {
	height:120px;
	overflow:auto;
	resize:none; /* safari */
}
.support .ActionBtn {
	margin-top:14px; 
	height:19px;
	line-height:19px;
	float:right;
}
.support .ActionBtn span {
	display:inline-block;
	height:19px;
	line-height:19px;
	background:transparent url(../Images/btn_left.gif) no-repeat left top;
	padding-left:10px;
}
.support .ActionBtn span input.submit {
	width:auto;
	float:none;
	height:19px;
	line-height:19px;
	margin:0;
	padding:0 7px 0 0;
	display:block;
	text-align:center;
	border:none;
	background:#4c4c4c url(../Images/btn_right.gif) no-repeat right top;
	color:#fff;
	cursor:pointer;
}
.support .contactForm .submitWrap {border-top:1px solid #ccc; margin-top:20px;}
.support .contactForm .validateMsg {color:#ff0000; display:block; margin-left:140px; margin-top:3px;}

/* .MiniZepp : Combined with #Panorama */
#promos {padding:15px 0;}
.Article {
	float:left;
	width:345px;
	overflow-x:hidden;
	margin-right:20px;
}
#ProductMasterForm .Article .PageContentTitle,
#Panorama .Article .PageContentTitle {
	margin:3px 0 10px;
	padding:0;
	height:auto;
	display:inline-block;
	clear:both;
	overflow:hidden;
	width:345px;
}
.Article .PageContentTitle img { margin-bottom:0; }
.Article p {
	line-height:1.4;
	font-size:100%;
}
.Article img { margin-bottom:5px; }
.ArticleVert img {
	float:left;
	margin-right:10px;
	margin-bottom:0;
}
.MiniZepp .DisplayContentArea .DisplayContentArea { margin-left:0; } /* Reset */
.MiniZepp .RightColumn { overflow:hidden }
.MiniZepp .RightColumn h3 {
	font-size:230%;
	font-weight:100;
	height:35px;
	padding:15px 0 0;
	vertical-align:baseline;
}
.RightColumn .Section {
	clear:both;
	background:transparent url(../Images/dotted_line.gif) repeat-x scroll center top;
	padding:10px 0 19px;
	overflow:hidden;
}
/* MINIZEPP INDEX PAGE - no preceding elements */
	.MiniZepp .rightcontent {
	float:right;
	width:163px;
	overflow:hidden;
	margin-top:35px;
}
.MiniZepp .rightcontent:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* END MINIZEPP INDEX PAGE */
.RightColumn .TopSection, .rightcontent .TopSection {
	background:transparent none;
	margin-top:18px;
}
.RightColumn .Section p {
	font-size:85%;
	width:163px;
}
.RightColumn .Section ul {
	list-style:none;
	margin:5px 0 0 0;
	padding:0;
}
.RightColumn .Section li {
	background-image:url(../Images/bullet.gif);
	background-image:url(../Images/bullet.gif);
	background-position:0 0.7em;
	background-repeat:no-repeat;
	margin:0;
	padding:0 0 6px;
}
.RightColumn .Section li img { padding-top:3px; }
.RightColumn .Section a:link, .RightColumn .Section a:visited, .RightColumn .Section a:active {
	color:#666666;
	display:block;
	font-size:100%;
	letter-spacing:0;
	line-height:1.8;
	margin-left:6px;
	text-decoration:none;
}
.RightColumn .Section a:hover { text-decoration:underline; }
.MiniZepp .ActionBtn {
	height:19px;
	line-height:19px;
	background:transparent url(../Images/btn_left.gif) no-repeat left top;
	padding-left:10px;
}
.MiniZepp .ActionBtn span {
	display:inline-block;
	height:19px;
	line-height:19px;
	padding:0 10px 0 5px;
	background:#4c4c4c url(../Images/btn_right.gif) no-repeat right top;
	color:#fff;
}
.PromosContainer {
	float:left;
	clear:both;
	position:relative;
	left:-15px;
	margin:0 0 26px;
	width:765px;
}
.PromosContainer div {
	float:left;
	margin-left:15px;
	width:240px;
	height:128px;
	background:transparent url() no-repeat left top;
}
.MiniZepp .PromosContainer .PromoTitleImage {
	display:inline-block;
	position:relative;
	margin-top:15px;
	margin-left:-10px;
}
.MiniZepp .ArticlesContainer {
	clear:both;
	float:left;
	width:761px;
	margin-bottom:26px;
}
.MiniZepp .DisplayContentArea h1, .MiniZepp .PageContentTitle h1 {
	background-position:0 center;
	background-repeat:no-repeat;
	display:block;
	float:left;
	clear:both;
	height:35px;
	padding:15px 0;
	position:relative;
	width:610px;
	margin-top:0;
}
.MiniZepp .ArticleIntro {
	width:700px;
	float:left;
	clear:both;
	margin-bottom:26px;
	font-size:110%;
}
.MiniZepp .ArticleIntro p { line-height:1.5; }
.MiniZepp .ArticleIntro img {
	float:right;
	margin:0 0 25px 25px;
	padding-right:0;
}
.DisplayContentAreaMutliMedia { width:700px; }
.MiniZepp .AlignRight {
	float:right;
	display:inline;
	margin-left:10px;
}
.MiniZepp .AlignCenter {
	display:block;
	position:relative;
	margin:10px auto;
	text-align:center; /*ie*/
}
.MiniZepp .AlignLeft {
	float:left;
	display:inline;
	margin-right:10px;
}
.MiniZepp .topContentRight {
	float:right;
	width:245px;
}
.MiniZepp .SubPromoUnits {
	display:inline;
	float:left;
	margin: 0;
	padding: 0;
	overflow:hidden;
}
.MiniZepp .PromoSeo {
	float:left;
	width:123px;
	margin:30px 16px 0 10px;
	display:inline;
	line-height:1.3;
	color:#999;
}
.MiniZepp a.PromoLink {
	text-decoration:none;
	cursor:hand;
}
.MiniZepp a.BottomPromo {
	display:block;
	padding:46px 15px 0 5px;
	width:240px;
	height:110px;
	color:#fff;
	text-decoration:none;
	font-weight:normal;
	cursor:hand;
}
.MiniZepp .PrintLinkArea {
	float:right;
	margin-right:33px;
	margin-top:15px;
}
#Panorama .MiniZeppFaq .ContentArticleInner { font-size:100%; }
.MiniZepp .ContentArticleInner { margin-bottom:26px; }
.MiniZepp .ContentArticleInner a { color:#666; }
.MiniZepp .ContentArticleInner a:visited, .MiniZepp .ContentArticleInner a:hover, .MiniZepp .ContentArticleInner a:active { color:#666666 !important; }
.MiniZepp .MainFAQList {
	margin:-17px 0 0 30px;
	padding:0;
	font-weight:bold;
}
.MiniZepp .MainFAQList li {
	padding:8px 0 10px;
	position:relative;
}
.MiniZepp .MainFAQList li a {
	line-height:1.5;
	font-weight:bold;
}
.MiniZepp .SectionDivider {
	background:transparent url(../Images/dotted_line.gif) repeat-x scroll center top;
	height:2px;
	margin-top:25px;
	padding-bottom:25px;
}
.MiniZepp .DisplayArticle p { line-height:1.5; }
.MiniZepp .DisplayArticle a { font-weight:normal; }
.MiniZepp .DisplayArticle h3 {
	clear:both;
	padding-bottom:18px;
}
.MiniZepp .MultiMediaSignUp:after {content:'.';height:0;visibility:hidden;display:block;clear:both;}
.group:after {
	content:'.';
	height:0;
	visibility:hidden;
	display:block;
	clear:both;
}