@import url(../Common.css);
@import url(../Admin.css);
/*
2007-10-04 AD: Generic Style Sheet
==================================
1.5em = 18px
1.333em = 16px
1.167em = 14px
1.083em = 13px
1em = 12px
0.917em = 11px
0.833em = 10px
0.750em = 9px
*/

html, body, form, fieldset, input, select, textarea, .textbox, .dropdownlist, .dropdown  {
	font-family: Arial, Verdana, Helvetica, sans-serif;
}
body
{
	font-size: 0.750em; /* v important - this sets the default font size to 12px eqiv ems */
	line-height: 1em;
	overflow: -moz-scrollbars-vertical;
	background-color: #ede8e2;
	padding-top: 5px;
}
body *
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 1em;
	padding: 0;
	margin: 0;
}
h1
{
	font-family: Georgia, Verdana, Helvetica, sans-serif;
	color: #009193;
	font-size: 1.833em;
	font-weight: normal;
	margin-bottom: 0.6em;
}
h2
{
	font-size: 1.333em;
	font-weight: normal;
	margin-bottom: 0.6em;
}
h3, h4
{
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 0.6em;
}
h5 
{
	font-size: 0.833em;
	font-weight: bold;
}
p
{
	line-height: 1.4em;
	padding-bottom: 1.3em;
}
a
{
	color: #6c8c37;
	text-decoration: underline;
	outline: none;
}
:focus 
{
	-moz-outline-style: none;
}
ul, ol
{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	margin-left: 1em;
}
ol 
{
	margin-left: 2em;
}
ul li 
{
	height: 1%;
}

/********************************** COMMON CLASSES *******************************/
.clear
{
	clear: both;
}
.accessibility
{
	display: none;
	visibility: hidden;
}
.CMSModuleERROR
{
	border: dashed 2px #FF0000;
	color: #FF0000;
}
.CMSColumnEdit
{
	border: dashed 1px #090;
}
.textbox
{
	padding: 1px;
	border: solid 1px #8DA8C1;
}
.dropdownlist, .dropdown
{
	border: solid 1px #8DA8C1;
}
.button
{
	color: #FFF;
	border: solid 1px #FFF;
	background-color: #1ba6b2;
	text-decoration: none;
	padding: 2px 12px;
	margin: 0;
	cursor: pointer; /*IE fix for horizontal button padding*/
	width: auto;
	overflow: visible;
}
/* equalises the button label sizes */
.button, input.button
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 0.833em;
	line-height: 1em;
	font-weight: bold;
}
a.button
{
	padding-top: 3px;
	padding-bottom: 3px;
}
.button span 
{
	line-height: 1em;
}
.imagebutton
{
}
.checkbox
{
	padding-right: 4px;
}
/********************************** SYSTEM *******************************/
.CMSPageControls
{
	padding: 3px 0;
	position: static;
	text-align: right;
	height: 16px; /*background-color: #fff;*/ /*border: dotted 1px #000;*/
}
.CMSPageControls span
{
	font-size: 8pt;
	color: #666;
	vertical-align: top;
}
.CMSPageControls img, .CMSPageControls input
{
	margin-left: 4px;
	border: 0px;
}
/********************************** LAYOUT *******************************/
#Sheet
{
	text-align: left;
	margin: auto;
	width: 800px;
	padding-left: 18px;
	padding-right: 18px;
	background-color: #FFF;
}
#Header
{
	background: url(/SiteData/i-church/SiteImages/ich_heading.gif) no-repeat left top;
	height: 144px;
}
#Navigation
{
	background: #a3c159 url(/SiteData/i-church/SiteImages/ich_navBg.gif) no-repeat right top;
	text-align: left;
	color: #a3c159;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-size: 0.917em;
	padding: 0;
	height: 37px;
	margin-bottom: 30px;
}
#Navigation span 
{
	visibility: hidden;
	display: none;
}
#Navigation a
{
	color: #FFF;
	text-decoration: none;
	float: left;
	display: block;
	background-color: #a3c159;
	line-height: 37px;
	padding: 0 12px;
	border-right: solid 1px #FFF;
}
#Navigation a.active,  #Navigation a:hover
{
	background-color: #1ba6b2;
}
#Content
{
	clear: left;
	width: 610px;
	float: right;
	border-left: solid 190px #FFF;
	margin-left: -190px;
}
#ContentSingle
{
	margin-top: -20px;
}
#Text
{
	padding: 0 20px 20px 20px;
}
#ColumnMain
{
	float: right;
	width: 611px;
	/*border-left: solid 1px #666;*/
	margin-left: -1px;
	position: relative;
}
#ColumnLeft
{
	float: left;
	margin-left: -190px;
	position: relative;
	/*border-right: solid 1px #666;*/
	width: 190px;
	margin-top: -1px;
	overflow: hidden;
}
#ColumnLeft *
{
	padding-left: 10px;
	padding-right: 10px;
}
#ColumnLeft * *
{
	padding-left: 0;
	padding-right: 0;
}
#ColumnLeft ul
{
	padding: 0;
	margin-left: 0;
}
#ColumnLeft .miniBasket, #ColumnLeft .searchBox, #ColumnLeft .currencySelector, #ColumnLeft ul
{
	margin-bottom: 10px;
}
* html .searchBox
{
	height: 1%;
}
#ColumnLeft ul li
{
	list-style: none;
	background: url(/SiteData/i-church/SiteImages/ich_pageIcon.gif) no-repeat left 4px;
}
#ColumnLeft ul li a
{
	color: #6c8c37;
	text-decoration: none;
	margin-left: 18px;
	border-bottom: solid 1px #f0f0f0;
	display: block;
	padding: 3px 0;
}
#ColumnLeft ul li a:hover
{
	background-color: #fffbf0;
	color: #009193;
}
#ColumnLeft h1, #ColumnLeft h2
{
	font-size: 1em;
	font-family: Georgia, Verdana, Helvetica, sans-serif;
	color: #FFF;
	/*border-bottom: solid 1px #666;
	border-top: solid 1px #666;*/
	padding: 3px 10px;
	margin: 0 -10px 10px -10px;
	font-weight: bold;
	position: relative;
	background: url(/SiteData/i-church/SiteImages/ich_sideHeadingBg.gif) no-repeat left top;	
}
#ColumnLeft .registerLink .shopForm
{
	padding: 10px;
}
#ColumnLeft .registerLink .shopForm .button 
{
	padding: 2px 12px;
}
#Footer
{
	border-top: solid 4px #e9f7f6;
	clear: both;
	padding: 3px 10px 3px 10px;
	color: #CCC;
}
#Footer a
{
	color: #009193;
	text-decoration: none;
	font-size: 0.833em;
	line-height: 2em;
}
#InternovaLogo
{
	clear: both;
	width: 800px;
	margin: auto;
	text-align: right;
	padding: 0 18px 5px 18px;
	background-color: #FFF;
	/* this font size must be kept consistant */
	font-size: 9px;
}
#InternovaLogo a
{
	color: #126C3B;
	text-decoration: none;
	font-weight : normal;
}
#InternovaLogoImage
{
	background: url(/SiteData/i-church/SiteImages/genericInternovaLogo.gif) no-repeat right top;
	display: -moz-inline-box;
	display: inline-block;
	height: 14px;
	width: 67px;
}
#InternovaLogoImage span
{
	visibility : hidden;
}
#PrintShopLogo a
{
	background: url(/SiteData/i-church/SiteImages/ich_PBLogo.gif) no-repeat center center;
	height: 67px;
	display: block;
	padding: 10px 0 10px 0;
}
#PrintShopLogo span
{
	visibility: hidden;	
	display: none;
}
/********************************** SHOP STYLES *******************************/

.shopForm
{
	padding: 15px;
}
.shopForm { height:1%; }
.shopForm label
{
	font-weight: bold;
	font-size: 0.833em;
	display: block;
	text-align: right;
	width: 200px;
	float: left;
	padding: 3px 3px 0 0;
}

.shopForm .textbox, .shopForm .dropdownlist, .shopForm .dropdown
{
	margin-bottom: 4px;
	width: 150px;
}
.shopForm .dropdownlist, .shopForm .dropdown
{
	width: 154px;
}
.shopFormButtons
{
	padding-top: 15px;
	text-align: right;
}
.shopFormBtnAligned
{
	padding-top: 15px;
	margin-left: 203px;
}
.shopConditions
{
	text-align: center;
	margin: 0;
	padding: 10px 0;
	font-size: 0.833em;
}
.shopTable table
{
	width: 100%;
}
.shopTable td, .shopTable th
{
	padding: 5px;
}
.shopTable thead th
{
	font-size: 0.917em;
}
.shopTable tbody td.colProduct, .shopTable tbody td.colPrice, .shopTable tbody td.colRemove, .shopTable tbody td.colTotal
{
	font-size: 0.833em;
}
.shopTable tfoot td
{
	border-top: solid 1px #666;
	font-weight: bold;
	text-align: right;
	padding-top: 10px;
	padding-bottom: 10px;
}
.shopAddressTable
{
	margin-bottom: 16px;
}
.shopAddressTable table
{
	width: 100%;
}
.shopAddressTable p
{
	padding-bottom: 8px;
}
.shopAddressTable td 
{
	vertical-align: top;
}
.shopAddressTable .addressCell 
{
	width: 48%;
	padding: 8px 12px 0 12px;
}
.shopAddressTable .holder
{
	padding-top: 4px;
}
.shopAddressTable .spacer 
{
	width: 4%;
}
.shopAddressTable .buttonHolder
{
	text-align: center;
	padding: 12px 0;
}

.shopAddressTable .eDDetails 
{
	font-size: 0.833em;
	padding-bottom: 8px;
}
.createCustomer
{
	margin-bottom: 15px;
}
.customerOrders
{
}
.editAddress
{
}
.leftLogin
{
}
.leftLoginButtons
{
}
.loginButtons
{
	padding: 15px 0 0 205px;
}
.loggedInOptions
{
}
.login
{
	margin-bottom: 15px;
}
.lostPassword
{
}
.orderStatusKey
{
}
.orderStatusKeyBox
{
}
.categories
{
}
.product
{
}
.productImage
{
	width: 256px;
	text-align: center;
	float: left;
	position: relative;
}
.productImage img
{
	margin: 24px 28px;
	
}
.productImage .buttonHolder
{
	display: block;
	padding: 4px 0;
}
.productDescription
{
}
.productList
{
}
.productListing
{
	width: 160px;
	border: solid 1px #333;
	text-align: center;
	float: left;
	margin: 8px;
}
.productListingImage
{
	display: block;
	text-align: center;
}
.productListingImage img
{
	border: solid 1px #333;
	margin-top: 15px;
}
.productListingName
{
	font-weight: bold;
	display: block;
	padding: 0 10px;
}
.productListingPrice
{
	font-weight: bold;
	line-height: 1em;
	display: block;
}
.productListingBuy
{
	font-weight: bold;
	text-decoration: none;
	background-color: #CCC;
	border: solid 1px #9EA4A8;
	line-height: 4em;
	padding: 4px;
}
.productListPager
{
}
.productListPagerLinks
{
}
.productListPage
{
}
.recentlyViewedProducts
{
}
.relatedProducts
{
}
.shopHighlights
{
}
.shopHighlight
{
}
.topSellers
{
}
.topSellerImage
{
}
.discountCode
{
}
.basket
{
	margin-bottom: 15px;
}
.basketShipping
{
	border-top: solid 1px #333;
}
.basketShipping label
{
	padding-left: 4px;
}
#Content .miniBasket
{
	color: #137680;
	height: 1%;
	padding: 10px;
	border: solid 2px #137680;
	margin: 0 0 10px 0;
	background-color: #70C1CC;
}
#Content .miniBasket a { color: #FFF; }
.payment
{
}
.paymentLogos
{
}
.receipt .shopTable
{
	margin-bottom: 15px;
}
.shopStages
{
}
.showAddresses
{
}
.disountCode
{
	padding: 10px 0 20px 0;
}
.disountCode input, .disountCode label
{
	vertical-align: middle;
}
.currencySelector
{
	padding: 0 0 10px 0;
}
.currencySelector a
{
	text-decoration: none;
	padding: 3px 0;
	border: solid 1px #ddd;
	font-weight: bold;
	background-color: #fafafa;
}
.currencySelector a:hover, .currencySelector a.selected
{
	background-color: #fef9ef;
	border: solid 1px #efb73a;
	color: #efb73a;
}
.currencyTitle
{
	display: none;
}
.reviews
{
}
.reviewerDetail
{
}
.reviewerName
{
}
.reviewerLocation
{
}
.reviewerDate
{
}
.reviewerText
{
}
/* Popup Window (using IDs because there can only be one */
#Overlay
{
}
#ImagePopupBG
{
}
#ImagePopup
{
	height: 420px;
	width: 320px;
}
#ImagePopupContents
{
	padding: 10px;
	background-color: #FFF;
}
#PopupContent
{
}
#MainImage
{
}
#imgProductImage
{
	margin-bottom: 10px;
}
.thumbImg
{
}
#CloseBtn
{
	text-align: right;
}

/********************************** PRINTSHOP STYLES *******************************/

.imageLibrary .dropdownlist
{
	margin-right: 4px;
	width: 124px;
}
.imageLibraryAdmin
{
}
.imageLibraryPager
{
	padding: 10px;
}
.imageLibraryPage
{
}
.imageLibraryPagerLinks
{
}
.imageLibraryTable
{
	width: 100%;
}
.imageLibraryCell
{
	width: 33%;
	text-align: center;
	padding: 10px;
}
.imageLibraryCell img
{
	margin-bottom: 2px;
}
.imageLibrarySelector
{
}
.imageFound
{
	font-weight: bold;
	margin-left: 20px;
}
.enlargeImage
{
	background: url(/SiteData/i-church/SiteImages/genericMaginfierIcon.gif) no-repeat center center;
	text-decoration: none;
	padding: 2px 11px;
}
.useImage
{
}
.libraryList
{
}
.alternatingLibraryListItem
{
}
.libraryListAdmin
{
}
.printshopProducts
{
}
.printshopProducts hr
{
	border: solid 1px #f3f4f4;	
	margin: 20px 0;
}
.printshopProductInfo
{
}
/********************************** CMS MODULE STYLES *******************************/

.searchBox
{
}
.searchBox .searchKeyword 
{
	display: block;
	margin-bottom : 4px;
}
.searchBox .textbox 
{
	float: left;
	margin-bottom: 10px;
} 
#ColumnLeft .searchBox .textbox 
{
	font-size: 1em;
	width: 124px;
}
#Content .searchBox .button
{
	display: block;
	padding: 4px 3px;
	float: left;
	margin-left: 6px;
}
.searchResultsList br
{
	line-height: 0;
	font-size: 0;
}
.searchResultsList a, .searchResultsList .Url 
{
	display: block;
	margin-bottom: 0.2em;
}
.searchResultsList .Url  
{
	word-wrap: break-word;
	color: #666;
}
.searchResultsList li 
{
	padding-bottom: 1.3em;
}
#Popup
{
	padding: 10px;
}

/********************************** SiteNavigation *******************************/

.SiteNavigation .Scroller
{
	height: 260px;
	overflow: auto;
}
.SiteNavigation .Scroller div img
{
	float: left;
	margin-bottom: 10px;
	border: solid 1px #000;
}
.SiteNavigation .Scroller div div
{
	float: left;
	width: 81px;
	padding-left: 10px;
}
.SiteNavigation .Admin
{
	background-color: #FFF;
}
/* Parent of CurrentNode A Styling */
.SiteNavigation li.CurrentParent a.CurrentParent
{
	font-style: italic;
}

/* Current Node A Styling */
.SiteNavigation li.Current a.Current
{
	font-weight: bold;
}

/********************************** ADDITIONAL STYLES *******************************/

.mailTable 
{
	margin-bottom: 12px;
}
.mailTable table 
{
	border-collapse: collapse;
	width: 100%;
}
.mailTable table th
{
	color:#FFF;
	padding: 4px 6px;
}
.mailTable table td 
{
	padding: 2px 6px;
	background: #fff;
	color: #333;
}
.subText 
{
	font-size: 0.833em;
}
.welcomeTable 
{
	margin-bottom: 8px;
}
.welcomeTable td
{
	vertical-align: top;
}
.welcomeTable td p
{
	padding-right: 12px;
}
.customProductTable 
{
	padding:0;
	margin:0;
	width: 100%;
	margin-bottom: 8px;
}
.customProductTable .customProductCell
{
	width : 25%;
	padding: 8px 2px 12px 2px;
	text-align: center;
	vertical-align : top;
	background-color: #fafafa;
}
.customProductTable .tableVSpacer
{
	height: 8px;
}
.customProductImage img
{	
	margin-bottom: 8px;
}
.customProductName 
{
	margin-bottom: 0.7em;
	line-height: 1.2em;
}
.customProductName a 
{
	color: #6c8c37;
	text-decoration: none;
}
.customProductPrice 
{
	margin-bottom: 1em;
}
.customProductTable .button 
{
	padding-left: 4px;
	padding-right: 4px;	
}
.productSpecs 
{
	position: relative;
	width: 300px;
	float: left;
}
.printshopProductInfoImage
{
	position: relative;
	float: right;
}
.sizingTable 
{
	padding:0;
	margin:0;
	margin-bottom: 8px;
	font-size: 0.917em;
}
.sizingTable td, .sizingTable th 
{
	padding: 2px 5px;
	text-align: center;
	vertical-align : top;
}
.sizingTable .rowTitle 
{
	text-align: left;
	padding-right: 12px;
}

/********************************** SHARED STYLES *******************************/

/* this standardises the styling of the shop panels */
.shopForm, .shopAddressTable, .shopTable, .shopConditions
{
	border: solid 1px #f3f4f4;
	background-color: #FAFAFA;
}
.shopConditions { border-top: 0; }
* html .shopForm { height: 1%;}
/* standardises the product info tables and borders */
.mailTable table, .sizingTable 
{
	border-left: 1px solid #f3f4f4;
	border-top: 1px solid #f3f4f4;
}
.basketShipping, .shopTable tfoot td { border-top: solid 1px #f3f4f4; }
.shopTable thead th { border-bottom: solid 1px #f3f4f4; }
.shopAddressTable .holder 
{
	border-top: solid 1px #f3f4f4;
	border-bottom: solid 1px #f3f4f4;
}
.mailTable table th, .mailTable table td, .sizingTable td, .sizingTable th
{
	border-bottom: 1px solid #f3f4f4;
	border-right: 1px solid #f3f4f4;
}
.shopTable thead th, .mailTable table th, .sizingTable th
{
	background-color: #137680;
	color: #FFF;
}
.sizingTable td, .mailTable td 
{
	color: #333;
	background-color : #FAFAFA;
}
/* standardises image and cellborders */
.welcomeTable img, .customProductTable .customProductCell, .customProductImage img, 
.imageLibraryCell img, .productListing, .productListingImage img
{
	border: solid 1px #f3f4f4;
}
.printshopProductInfoImage 
{
	border: none;
}

/********************************** MINI DESIGNER *******************************/

.miniDesigner
{ 
	width: 100%;
}
.miniDesigner .mainImage
{
	float: left;
	width: 220px;
}
.miniDesigner .mainImage img 
{
	margin-bottom: 10px;
}
.miniDesigner .imgThumbs
{
	float: left;
}
.miniDesigner .imgThumbs img
{
	cursor: pointer;
}
.miniDesigner .details
{
	margin-left: 230px;
}
.miniDesigner .details .productPrice,
.miniDesigner .details .dropdown
{
	margin-bottom: 10px;
}
.miniDesigner .details br
{
	line-height: 0;
	font-size: 0;	
}
.miniDesigner .productSpecs 
{
	width: 100%;
	margin-top: 20px;	
}

/************************** DESIGNER (positioning fix & guide) *************************/

.swfObject 
{
	width: 100%;
	text-align: center;
}
.quickDesignGuide 
{
	text-align: center;
	padding-top: 10px;
	padding-bottom: 0;
	margin: 0;
}
.quickDesignGuide span 
{
	font-weight: bold;
	color: #009193;
}

/********************************** FIXES (review these) *******************************/

/* -- fixes for login module (needs structure updating) -- */
.login .checkbox 
{
	display: block;
	position: relative;
	margin-left: 204px;
}
.login .rememberLbl 
{
	position: relative;
	top: -16px;
}
.login .cookieInfo 
{
	display: none;
	visibility: hidden;
}
.login p 
{
	margin-top: 4px;
	padding-bottom: 0;
	margin-bottom: 0;
}
.login .loginButtons 
{
	padding-top: 0;
	padding-bottom: 0;
	margin-top: -16px;
}
/* -- end fixes for login module -- */