/* Custom CSS Document for Casting Crowns
~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/

/* IE 6 PNG Fix
--------------------------------------------------------*/
img, div {behavior:url(iepngfix.htc);}

/* Global styles
--------------------------------------------------------*/
body {background:url(images/body-bg.gif); font-family:Arial, Helvetica, sans-serif; margin:0; padding:0;}
#PageTable {width:100%; height:100%;}
#PageSubTable {width:969px; margin:0 auto; height:100%;}
#Form2 {margin:0; padding:0}
#ContentCell {background:#fff url(images/rc-shadow.gif) repeat-y right; padding:12px 12px 12px 2px; height:100%;}

/* Instructions */
.Instructions {color:#000;}
#Instruction1_InstructCell {background:#dce7e1; border:1px solid #a4c7b1; padding:7px; font-size:12px;}
#Instruction1_InstructCell a {color:#000; text-decoration:underline;}
#Instruction1_InstructCell a:hover {text-decoration:none;}

/* Breadcrumbs */
#BreadCrumbs1_BreadCrumbs1 {font-size:12px; padding:7px 0; color:#000;}
#BreadCrumbs1_BreadCrumbs1 a {color:#0000; text-decoration:underline;}
#BreadCrumbs1_BreadCrumbs1 a:hover {text-decoration:none;}

/* Search Styles */
#SearchTemplate11_ResultInfo {background:#dce7e1; border:1px solid #a4c7b1; padding:7px;} /* Search Result Menu*/

/* Errors & Messages */
.Messages, 
.ErrorMessages {font-size:12px; font-weight:bold; color:#c00;}

/* Form Elements */
#Form2 .Content input,
#Form2 .Content select {color:#000;}

/* Content Tables */
.ContentTableHeader,
.ContentTable, 
.ContentTableHorizontal {font-size:14px; font-weight:bold; color:#fff; background:#423b3b;}

/* Buttons */
td.button img {margin:4px 0;}

/* Body Copy Type Styles
--------------------------------------------------------*/
.Headings,
.CenterHeadings,
#ContentCell h1 {font-size:18px; font-weight:bold; color:#423b3b; margin:10px 0 10px 0; padding:5px 0; width:100%; }
#ContentCell h2 {font-size:16px; font-weight:bold; color:#423b3b; margin:5px 0; padding:5px 0; border-bottom:1px solid #dbe9de;}
#ContentCell h3 {font-size:14px; font-weight:bold; color:#000; margin:0; padding:0;}
.Content {line-height:18px; font-size:12px; color:#000; text-align:left;}
.Content a {color:#000; text-decoration:underline;}
.Content a:hover {text-decoration:none;}
#ContentCell p {font-size:12px; margin:5px 0 10px 0;}

/* Common Styles
--------------------------------------------------------*/
a {outline:none}
a img {border:none;}
.center {text-align:center;}
.clear {clear:both;}
.float-left {float:left;}
.float-right {float:right;}
.text-left {text-align:left;}
.text-right {text-align:right;}
.text-center {text-align:center;}
.bold {font-weight:bold;}
.italic {font-style:italic;}
.img-left {float:left; margin:4px 10px 4px 0;}
.img-right {float:right; margin:4px 0 4px 10px;}

/* Common Control/List Reset
--------------------------------------------------------*/
#TopBannerCell ul, #TopBannerCell p,
#TopSubBannerCell ul, #TopSubBannerCell p,
#LeftColumnCell ul, #LeftColumnCell p,
#RightColumnCell ul, #RightColumnCell p,
#FooterCell ul, #FooterCell p,
.search ul, .search p,
.cart ul, .cart p {margin:0; padding:0;}

#TopBannerCell ul li,
#TopSubBannerCell ul li,
#LeftColumnCell ul li,
#FooterCell ul li {list-style:none; float:left;}

/* TopBanner Styles
--------------------------------------------------------*/
#TopBannerCell {background: url(images/bn-banner.jpg) no-repeat; margin:0; padding:0; height:205px; vertical-align:top;}

#TopBannerCell .float-left a {height:68px; width:330px; display:block; text-indent:-9999px;}
#TopBannerCell ul {float:right; font-size:14px; color:#e3d8c4; width:270px; text-align:right; margin:7px 0 0 0;}
#TopBannerCell ul li {}
#TopBannerCell ul li a {color:#e3d8c4; padding:0 13px; text-decoration:none;}
#TopBannerCell ul li a:hover {text-decoration:underline;}

/* TopSubBanner Styles
--------------------------------------------------------*/
#TopSubBannerCell {height:44px; background:url(images/lc-shadow.gif) repeat-y left;}
#TopSubBannerCell .navWrap {margin:0 0 0 4px; height:44px; width:auto; background:url(images/bn-subtile.gif) repeat-x;}

#TopSubBannerCell ul.Nav {height:44px; width:685px; float:left;}
#TopSubBannerCell ul.Nav li a {height:44px; display:block; text-indent:-9999px;}

#TopSubBannerCell ul li.Nav01 a {width:92px; background:url(images/bnNav01.gif) no-repeat;}
#TopSubBannerCell ul li.Nav02 a {width:128px; background:url(images/bnNav02.gif) no-repeat;}
#TopSubBannerCell ul li.Nav03 a {width:147px; background:url(images/bnNav03.gif) no-repeat;}
#TopSubBannerCell ul li.Nav04 a {width:113px; background:url(images/bnNav04.gif) no-repeat;}
#TopSubBannerCell ul li.Nav01 a:hover {background:url(images/bnNav01-R.gif) no-repeat;}
#TopSubBannerCell ul li.Nav02 a:hover {background:url(images/bnNav02-R.gif) no-repeat;}
#TopSubBannerCell ul li.Nav03 a:hover {background:url(images/bnNav03-R.gif) no-repeat;}
#TopSubBannerCell ul li.Nav04 a:hover {background:url(images/bnNav04-R.gif) no-repeat;}

/* Search Styles */
#TopSubBannerCell .search {width:270px; height:44px; float:right; background:url(images/rc-shadow.gif) repeat-y right;} /* set width */
#TopSubBannerCell ul.searchWrap {line-height:100%; width:270px;} /* for IE/FireFox consistency */
#TopSubBannerCell ul.searchWrap li {height:auto;} /* set height of list items */
#TopSubBannerCell ul.searchWrap li a {}
#TopSubBannerCell ul.searchWrap li.button img {vertical-align:top; margin:13px 0 0 5px;} /* positions image in IE to the top as FireFox does by default.  Use margin-top to position button */
#TopSubBannerCell ul.searchWrap li.button {}
#TopSubBannerCell ul.searchWrap li.textbox {padding:6px 0 0 0;}
#TopSubBannerCell ul.searchWrap li.textbox .searchbox {width:147px; height:29px; font:12px normal Arial, Helvetica, sans-serif; background:url(images/bn-searchbg.gif) no-repeat 0 50%; border:none; color:#000; padding:7px 0 0 7px;}
#TopSubBannerCell ul.searchWrap li.head {background:url(images/bn-search.gif) no-repeat 0 50%; text-indent:-9999px; width:80px; height:44px}

/* LeftColumnNav Styles
--------------------------------------------------------*/
#LeftColumnCell {width:23%; vertical-align:top; background:#fff url(images/lc-shadow.gif) repeat-y left; height:100%;}
#LeftColumnNav1_custommenu {width:223px; height:100%; float:left; margin:0 0 0 4px; background:url(images/lc-tile.gif) repeat-y left; height:100%;}
#LeftColumnNav1_custommenu .lc-wrap { margin:0; float:left; height:100%; width:100%; background:url(images/lc-bottom.gif) no-repeat bottom left; height:100%;}

/* NavControl Styles */
.navigator {cursor:hand; cursor:pointer; font-weight:bold; font-size:12px; width:185px; margin:10px 0 0 33px;}
.navigator a {line-height:35px; font-size:18px; font-weight:bold;}

.categorybox {padding-left:18px;}
.selectedcategorybox {background:#1f5675 url(images/lc-navbg.gif) repeat-y right; padding-left:18px;}
.overselectedcategorybox,
.overcategorybox {background:#1f5675 url(images/lc-navbg.gif) repeat-y right; padding-left:18px;}

.subcategorybox,
.oversubcategorybox,
.selectedsubcategorybox,
.overselectedsubcategorybox {padding-left:18px;}

.categorybox a {color:#eae2cb; text-decoration:none;}
.selectedcategorybox a {color:#fff; text-decoration:none;}

.overcategorybox a, 
.overselectedcategorybox a {color:#fff; text-decoration:none;}

.subcategorybox a,
.selectedsubcategorybox a {color:#eae2cb; text-decoration:none;}

.oversubcategorybox a,
.overselectedsubcategorybox a {color:#fff; text-decoration:none;}

/* Footer Styles
--------------------------------------------------------*/
#FooterCell {height:98px; background:url(images/ft-top.gif) no-repeat top; font-size:10px; color:#fff;}
#FooterCell p {text-align:center; margin-top:30px;}
#FooterCell a {color:#fff; text-decoration:none; padding:0 5px;}
#FooterCell a:hover {color:#fff; text-decoration:underline;}

/* Default Page Styles
--------------------------------------------------------*/
#ContentCell.default {}
#ContentCell.default .main {float:left; width:100%; height:auto; margin:0 0 29px 0;}
#ContentCell.default .sub {float:left; clear:left; width:100%; height:auto;}

/* Default Dynamic Page Template Styles */
#FeaturedCategories {}
#FeaturedCategories ul {margin:0; padding:0; text-align:center;}
#FeaturedCategories ul li {list-style:none;}
#FeaturedCategories ul li.image {}
#FeaturedCategories ul li.category {background:url(images/df-itemborder.gif) no-repeat center bottom; height:35px; line-height:35px;}
#FeaturedCategories ul li.category a {font-size:14px; font-weight:bold; text-decoration:none;}
#FeaturedCategories ul li.category a:hover {text-decoration:underline;}
#FeaturedCategories ul li.description {display:none;}