.articles
{
    margin-left: 0.5in; 
    text-indent: -0.5in; 
    line-height: normal;
}

.CartItems
{
    color:Orange;
    vertical-align:top;
}

.CartItems:hover
{
    color:White;
}

.checkoutTitle
{
    margin:15px 20px;
}

.currentPanel
{
    float:left;
}
.CustomValidatorCalloutStyle td { 
    border:solid 1px blue; background-color: #ADD8E6; 
}
.customerEditButton
{
    font-size: 12px;
}

.customerEditFields input
{
    width:230px;
}

.customerEditHeads
{
    width:130px;
    float:left;
    margin-left:10px;
    padding-top:4px;
}

.customerHead
{
    color:#33496d;
    font-weight:bold;
    height:15px;
    float:left;
}

.customerInfoColumn
{
    padding-bottom:7px;
}

.customerInfoItem
{
    font-weight:bold;
}

.customerInfoItemEdit
{
    font-weight:bold;
    padding-top:7px;
    width:150px;
}

.customerInfoTextEdit
{
    padding-left:30px;
}

.customerInformation
{
    width:400px;
    float:left;
    padding-right:20px;
}

.customerInput
{
    color: Black;
    padding-left:3px;
    font-weight:normal;    
    width:230px;
}

.header
{
    font-weight:bold;
}

.heading
{
    font-size: 15px; 
    font-weight: bold;
}

.heading1
{
    font-size: 15px; 
    font-weight: bold;
    padding: 20px 20px 0px 0px;
}

.homepageTitle
{
    font-size:18px;
    font-weight:bold;
    border-bottom:solid 1px #33496d;
    color:#33496d;
    margin:0px 10px 10px 400px;
    width: 455px;
}

.hompageWording
{
    margin-right:406px;
    width: 455px;
    margin:0px 10px 10px 400px;
}

.homeQuickFindTitles
{
    width:70px;
    text-align:right;
    float:left;
    padding-right:8px;
    padding-top:8px;
}

.hypCart
{
    padding-top:10px;
}

.icons
{
    padding-right:4px;
    padding-left:7px;
    padding-top:3px;
    float:left;
}

.imgLessonManual
{
    padding-top:8px;
    float:left;
    padding-right:15px;
}

.insertBorder
{
    border-bottom:solid 1px #33496d;
}

.lblPrice
{
    padding-top:4px;
}

.lblLessonManual1
{
    padding-top:6px;
    font-size:17px;
    font-weight:bold;
    color:#888888;
}

.lblLessonManual2
{
    font-size:17px;
    font-weight:bold;
    color:#888888;
}

.lblLessonManual3
{
    font-size:10px;
    font-weight:normal;
    color:#000000;
    padding-top:2px;
}

.ldsfaq
{
    background-color:#3F5678;
    float:left;
    height:60px;
    vertical-align:middle;
    float:left;
    width:100%;
}

.ldsfaqAnswer
{
    font-size:12px;
    float:left;
    height:60px;
    vertical-align:middle;
    color:White;
}

.ldsfaqQuestion
{
    font-size:14px;
    float:left;
    height:60px;
    vertical-align:middle;
    width:70%;
    color:White;
}

.loginExistingCustomers
{
    background-color: #AFBBC9; 
    font-size: 14px;
    font-weight: bold; 
    border: solid 1px black;
}
.modalBackground
{
      background-color: gray;
      filter: alpha(opacity=60);
      opacity: 0.6;
}
 
.modalPopup
{
      background-color:#ffffdd;
      border-width:3px;
      border-style:solid;
      border-color:Gray;
      padding:5px;
      width: 450px;
      height:300px;
}
.mainBody
{
    background-color:#D3DEEF;
    border:2px solid #001E4C;
    padding: 5px 5px 5px 5px;
}

.menuItems
{
    float:right;
    padding-top:7px;
    padding-left:2px;
    padding-right:2px;
}

.name
{
    color:Orange;
}

.name:hover
{
    color:White
}

.new
{
    position:absolute;
    left:666px;
    top:153px;
    z-index: 1000;
}

.newsHeadline
{
    font-size:15px;
}

.oliver img
{
    border:none;
    padding-top:5px;
}

.orderAdminColumn
{
    margin:15px;
    text-align:left;
}

.OrderCustomerInfoLeft
{
    font-weight:bold;
    width:70px;
    float:left;
}

.orderCustomerInfoLeft2
{
    width:220px;
}

.OrderCustomerInfoRight
{
    font-weight:bold;
    width:115px;
    float:left;
    padding-left:10px;
}

.OrderInfoRight
{
    text-align:left;
}

.orderItemHeaderQty
{
    width:40px;
    float: left; 
    text-align: left; 
    padding: 3px;
}

.orderItemHeaderName
{
    width:480px;
    float: left; 
    text-align: left; 
    padding: 3px;
}


.orderItemHeaderPrice
{
    text-align: right; 
    padding: 3px;
    padding-right:10px;   
}

.orderTotal
{
    font-size: 18px; 
    color: #5D7B9D; 
    font-weight: bold; 
    padding: 10px 15px 10px 0px;
    text-align: right;
    width: 200px;
    float: right;
}

.pageBody
{
    font-size:10pt;
}

#popupcontent
{
    position: absolute;
    visibility: hidden;
    overflow: hidden;
    border:1px solid #CCC;
    background-color:#F9F9F9;
    border:1px solid #333;
    padding:5px;
}

.page
{
    /*margin:15px 20px;
    font-size:12px; */
    padding-top: 20px;
    word-spacing:inherit;
}

.page p
{
    word-spacing:inherit;
}

.pageHead
{
    background-color:#dddddd;
    font-weight:bold;
    margin: 5px 5px 5px 5px;
    font-size: 16pt;  
}

.pageHeading
{
    font-size:18px;
    font-weight:bold;
    border-bottom:solid 1px #33496d;
    color:#33496d;
    margin:0px 10px 10px 0px;
    margin-right:0px;
}

.pageHeadingNoBorder
{
    font-size:18px;
    font-weight:bold;
    color:#33496d;
    margin:0px 10px 10px 0px;
    margin-right:0px;
}

.pdfIcon
{
    padding-top:10px;
    width:165px;
    text-decoration:none;
    color:#000000;    
}

.profileHead
{
    font-size: 15px; 
    font-weight: bold;
    padding-bottom: 10px;
}

.profileSection
{
    padding:10px 0px;
}

.quickFindBox
{
    height: 165px; 
    background-color: #f5f4f4; 
    z-index: 0; 
    clear: right; 
    border-top: solid 1px gray;
    border-left: solid 1px gray;
    border-right: solid 1px gray;  
    width: 560px; 
    float: right;
}

.quickFindBoxContents
{
    padding-left:10px;
}

.quickFindHeader
{
    position: relative; 
    top: 15px;
}

.quickFindText
{
    position: relative; 
    padding-top: 25px; 
    padding-left: 25px; 
    font-size: 12px;
}

.quickNavigation
{
    background-color: #AFBBC9; 
    padding: 10px 30px; 
    width: 350px; 
    font-size: 14px;
    font-weight: bold; 
    border: solid 1px black;
}

.reviewButton
{
    background-color:#AFBBC9;
    padding:5px 15px 5px 15px;
    font-size:16px;
    font-weight:bold;
    float:left;
    margin-left:7px;
    height:20px;
    vertical-align:middle;
    line-height:20px;
}

.reviewButton a:hover
{
    color:White;
}

.reviewQuickFindTitles
{
    width:150px;
    text-align:right;
    float:left;
    padding-right:8px;
    padding-top:4px;
}

.searchBox
{
    padding-top:8px;
}
    
.searchType
{
    width:200px;
    text-align:right;
    float:left;
    padding: 13px 8px 0px 0px;
}

.section
{
    font-weight:bold;
    margin: 5px 5px 5px 5px;
    font-size: 14pt; 
}

.sectionBody
{
   background-color:#AFBBC9;
   padding:10px 0px 10px 10px;
}

.shoppingCartImage
{
    vertical-align:middle;
}

.shoppingCartImage2
{
    vertical-align:middle;
    float:right;
    padding-right:3px;
}

.showTitle
{
    width:580px;
    padding-left:40px;
}

.small 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: italic;
	color: #000000;
}

#Spotlight
{
    padding:1px 0px 10px 25px;
    background-color:#AFBBC9;
    font-size:12px;
}

#Spotlight a:hover
{
    color:White;
}

#Spotlight .halfTitle
{
    font-size:14px;
    padding-bottom:5px;
}

#Spotlight .heading
{
    font-size:16px;
    padding:7px 0px;
    font-weight:bold;
}

#Spotlight .left
{
    float:left;
    width:45%;
    padding:0px 10px 5px 0px; 
}

#Spotlight .right
{
    float:left;
    width:45%;
    padding:0px 10px 5px 10px;
}

#Spotlight .spotDesc
{
    font-size:12px;
}

#Spotlight .spotImage
{
    float:left;
    padding-right:10px;
}

#Spotlight .spotTitle
{
    font-size:14px;
    padding-top:30px;
    padding-bottom:5px;
}

.staffMember
{
   margin:5px 0px; 
   padding:10px 10px; 
   border-bottom:solid 1px #EFEFEF; 
   font-size:12px; 
}

.staffMemberInfo
{
    padding-left:150px;
}

.staffName
{
    font-size:16px;
    padding-bottom:5px;
}

.sub
{
    font-size: 8pt;
}

.summary
{
    width: 800px;   
}

.symposiumRegisterItems
{
    font-weight:bold;
    padding-top:7px;
    width:100px;
}

.symposiumMediaHeader1
{
    margin: 5px;
    height: 20px;
}

.symposiumMediaHeader2
{
    padding: 5px;
}

.symposiumMediaSpeaker
{
    padding: 0px 20px 0px 20px;
}

.symposiumMediaTable
{
    
}

.symposiumMediaTitle
{
    padding: 0px 20px 0px 10px;
}

.totals
{
    float:right;
    text-align:right;
    width:80px;
}

.totalTitles
{
    text-align:right;
}
.symposiumTour
{
	background-color:#E8E6ED;
}

.watermark 
{
	background: #FFAAFF;
}
/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #DDE;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #AAE;
 border-color: #227;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #aaa;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

.orangeLink
{
    font-weight:bold;
    color:#FFA500;
}

.orangeLink:hover
{
    color:#C47106;
}

.modalBackground {
 background-color:Gray;
 filter:alpha(opacity=70);
 opacity:0.7;
}

.modalPopup {
 background-color:#ffffdd;
 border-width:3px;
 border-style:solid;
 border-color:Gray;
 padding:3px;
 width:250px;
}

.loadbar
{
	width:100%;
	height:200px;
	text-align:center;
}
	
	
blockquote 
{
    font-style:italic;
    font-size:14px;
  margin-top: 10px;
  margin-bottom: 00px;
  margin-left: 30px;
  padding-left: 15px;
  border-left: 3px solid #ccc;
  color:#555;
} 

.showTitleImage 
{
	float: right;
	right: -39px;
	position: relative;
	margin-bottom: 20px;
}