.subNavColor {background: #727377;}
.moduleHeader{background-image: url(moduleheader.gif);
} 

.moduleSearch {background-color: #ECF1F9;}
.SearchResults {float: left; margin-right: 15px; margin-bottom: 15px; border: 0px;}
.ShopWelcome 
{
    background-image: url(/media/images/shopwelcome.jpg); 
    width: 538px; 
    height: 175px;
    padding-right: 10px; 
    margin: 0px; 
    text-align: right;
    
    font-family: Tahoma, Arial;
    color: #666;
    font-size: 11px;
}

.smalltbx {border: solid 1px #CCC; background-color: #F2F2F2; font-size: 10px;}
.medtbx {border: solid 1px #CCC; background-color: #FFF; font-size: 11px; width: 15px; text-align: center;}
.mediumtbx {border: solid 1px #CCC; background-color: #FFF; font-size: 11px; }
.dropdown {border: solid 1px #CCC; background-color: #FFF; font-size: 11px;}
.FeaturedHeading 
{
    background-color: #D1DCE2;
    font-family: Book Antiqua, Bookman Old Style, Times New Roman;
    font-size: 16px;
    font-weight: bold;
    font-variant: small-caps;
    color: #003366;
    text-align: center;
    width: 538px;
    height: 25px;
    margin-top: -1px;
    padding-top: 5px;
}

#Container
{
	background-color:#EEE;
	overflow: hidden;
	margin:0 16px;
	padding-right:537px; /* The width of the rightContainer */
}

* html #Container{ height:1%; /* So IE plays nice */}

#leftContainer
{
    float: left;
    margin-right: -537px;
    width: 180px;
    border-right: solid 537px #FFF;
    background-color: #EEE;
    border-right: 1px dotted #999;
    padding-right: 1px;
}

#rightContainer
{
    margin-top: 1px;
    float: right;
    margin-right: -537px;
    width: 538px;
    display: inline;
    background-color: #FFF;
}
.selectedCategory { font-weight: bold;}
.productTitle {font-size: 18px;}
.Product {padding: 20px 15px 20px 15px;}
.ItemStyle {width: 100%; background-color: #FFFFFF;}
.AltItemStyle {width: 100%; background-color: #e8eaee;}
.productList {padding: 20px 30px 20px 30px;}
.Pager a, .Pager a:hover, .Pager a:visited
{
    text-align: center;
    font-size: 14px;
    color: #999;
    font-weight: normal;
}
.Pager {font-weight: bold;
        text-align: center;
    font-size: 14px;
    color: #000;
}
.Price {color: Red; font-weight: bold;}
.AlphaLink, .AlphaLink a, .AlphaLink a:hover, .AlphaLink a:visited { padding-left: 5px; padding-right: 5px; font-weight: bold; color: #666;}
.AlphaLink a:hover {text-decoration: underline;}
.CategoryTitle
{
    font-family: Verdana, Arial;
    font-size: 18px;
    font-weight: bold;
    color: #003366;
    padding-left: 10px;
}
.ddlExposure
{
    background-color: #EEEEEE;
    color: #000;
}

    .tabs {
      float:left;
      width:450px;
      background:#FFF;
      font-weight: bold;
      color: #666;
      line-height:normal;
      }
    .tabs ul {
	  margin:0;
	  padding:10px 10px 0 10px;
	  list-style:none;
      }
    .tabs li {
      display:inline;
      margin:0;
      padding:0;
      }
    .tabs a, .tabs a:visited{
      float:left;
      background:url("/media/images/tabshop.gif") no-repeat left top;
      margin:0;
      text-align: center;
      padding-top: 5px;
      font-size: 12px;
      text-decoration:none;
      color: #666;
      width: 100px;
      height: 20px;
      }
            
 /* Commented Backslash Hack hides rule from IE5-Mac \*/
    .tabs a span {float:none;}
    /* End IE5-Mac hack */
    .tabs a:hover span {
      color:#333;
      }
    .CurrentTab, .CurrentTab a, .CurrentTab a:visited, .CurrentTab a:hover { color:#333; background:url("/media/images/currenttabshop.gif") no-repeat left top;}
    .CurrentTab, .CurrentTab a span, .CurrentTab a:visited span { color:#333; background:url("/media/images/currenttabshop.gif") no-repeat left top;}
    
    .tabs a:hover {
      background:url("/media/images/currenttabshop.gif") no-repeat left top;
      color: #333;
      font-size: 12px;
      text-decoration: none;
      }
.Products a, .Products a:link, .Products a:hover, .Products a:visited
{
    font-size: 13px;
    line-height: 20px;
    font-weight: normal;
    color: #993300;
}

.sermonDisplay, .sermonDisplay a, .sermonDisplay  a:link, .sermonDisplay a:hover, .sermonDisplay a:visited 
{
    margin:0px;
    padding:0px;
    font-size: 11px;
    color:#660000;
}
.sermonDisplay li 
{
    list-style-type:none;
    list-style-image:none;
    display:inline;
    padding:4px;
    color:#660000;
    font-size: 11px;
}


#tabs{
	margin: 10px 0 0 20px;
	padding: 0 20px 0 0;
	list-style:none;
	overflow:hidden;
	position:absolute;
}
#tabs li{
	float:left;
	position:relative;
	z-index:1;
}
#tabs li a{
	float:left;
	background:url(/media/images/tabshop.gif) no-repeat;
	width:100px;
	padding-right:13px;
	height:30px;
	margin:0 -13px 0 0;
	text-indent:-9999em;
	overflow:hidden;
	cursor:pointer;
	position:relative;
}
#tabs li a:hover, #tabs li#active a{background:url(/media/images/currenttabshop.gif) no-repeat;}
#tabs li#active{z-index:10;}
#tabs li span{
	display:block;
	cursor:pointer;
}
#tabs li.title span{
	background:url(/media/images/nav-title.png) no-repeat;
	width:67px;
	height:20px;
	margin: 5px auto 0;
}

#tabs li.scripture span{
	background:url(/media/images/nav-scripture.png) no-repeat;
	width:67px;
	height:20px;
	margin:5px auto 0;
}
#tabs li.code span{
	background:url(/media/images/nav-code.png) no-repeat;
	width:67px;
	height:20px;
	margin:5px auto 0;
}
#tabs li.title a:hover span, #tabs li.title#active span{background:url(/media/images/nav-title-over.png) no-repeat;}
#tabs li.scripture a:hover span, #tabs li.scripture#active span{background:url(/media/images/nav-scripture-over.png) no-repeat;}
#tabs li.code a:hover span, #tabs li.code#active span{background:url(/media/images/nav-code-over.png) no-repeat;}

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

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