/*
 * Whole page formatting
 */

BODY 
{
    margin: 0px;
    font-family: Sans-Serif;
    font-size: 9pt;
}
P 
{

    margin-top: 0.9em;
    margin-bottom: 0.9em;
}
UL 
{
    padding-left: 12px;
    margin-top: 5px;
}
A IMG 
{
    text-decoration: none;
}
#PageBody
{
   width: 950px;
   
   margin-left: auto;
   margin-right: auto;
}
#PageContent 
{
    padding-top: 116px;
}
#Menu 
{
    position: absolute;
    top: 116px;
    
    width: 243px;
    padding: 0px;
    padding-bottom: 10px;
}
#MainContent 
{
    padding-left: 258px;
    
    width: 456px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 15px;
}
#RightContent
{
    position: absolute;
    top: 116px;
    margin-left: 729px;
    
    width: 221px;
    padding: 0px;
    padding-bottom: 10px;
}
.TwoCol #Menu 
{
    width: 263px;
}
.TwoCol #MainContent 
{
    width: 672px;
    padding-left: 278px;
}
#FixedBar 
{
    position: relative;
}
.Warning 
{
    color: Red;
}
.Hidden 
{
    display: none;
}

/*
 * Admin
 */
.AdminButtons 
{
    background-color: #ffb6f2;
}
.AdminButtons A 
{
    color: Navy;
}
.AdminTitle 
{
    font-size: 11pt;
    text-decoration: underline;
    font-weight: bold;
    text-align: center;
}
.AdminHelp 
{
    font-size: 8pt;
    margin-top: 20px;
    margin-bottom: 3px;
}
.TrackedLink:active,
.TrackedLink:visited 
{
    color: #993366;
}

/*
 * Header bar
 */
#HeaderBar 
{
    position: absolute;
    top: 0px;
    
    background-repeat: no-repeat;
    width: 950px;   /* Width of header bar less shadows */
    height: 96px;  /* Height of header bar less space at top */
    
    padding-top: 8px; 
    padding-left: 0px;
    padding-right: 0px;
}

#HeaderTop 
{
    /* Position of logo within header bar */
    padding-left: 18px;
    padding-top: 15px;
}
.HeaderRight
{
    padding-right: 20px;
    float: right;
    clear: right;
}
#HeaderLogin
{
    font-size: 8pt;
    text-align: right;
    padding-top: 4px;
}
.MyAccountButton 
{
    margin-right: 10px;
}
#HeaderMenu
{
    font-size: 10pt;
    padding-left: 14px;
}
#HeaderMenu TABLE 
{
    text-align: center;
    border-collapse: collapse;
}
#HeaderMenu .Section
{
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    margin: 0px;
}
#HeaderMenu .Section A
{
    font-weight: bold;
    text-decoration: none;
    display: block;
}

/*
 * Section Blocks
 */
.SectionGrid A
{
    text-decoration: none;
}
.SectionBlock 
{
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: top;
    padding: 5px;
}

/*
 * Bottom Info
 */
#BottomInfo
{
    clear: both;
    margin-top: 10px;
    font-size: 7pt;
    text-align: center;
}
#CardLogos 
{
    margin-left: auto;
    margin-right: auto;
}

/*
 * Search
 */
.SearchBox 
{
    width: 226px;
    height: 28px;
    padding-top: 6px;
    padding-left: 7px;
    margin-top: 6px;
    margin-bottom: 4px;
}
.SearchTerm 
{
    margin-right: 7px;
}
.SearchBox *
{
    vertical-align: middle;
}
.SearchResult
{
    margin-top: 10px;
    border-bottom: dotted 1px black;
}
.SearchResultTitle
{
    font-size: 12pt;
    font-weight: bold;
}
.SearchResultTitle A 
{
    text-decoration: none;
}

/*
 * Section Menu
 */
#Menu .Section
{
    display: block;
    width: 243px;
    height: 18px;
    padding-top: 2px;
    text-decoration: none;
    overflow: hidden;
}
#Menu .ParentSection 
{
    font-size: 8pt;
}
#Menu .CurrentParent 
{
    font-size: 9pt;
}
#Menu .FirstParent 
{
    padding-top: 7px;
    font-size: 12pt;
    font-weight: bold;
    height: 26px;
}
#Menu .LinkedSection
{
    text-decoration: underline;
}
#Menu .AdminHidden
{
    background-color: #ffb6f2;
}

/*
 * Stage Bar
 */
.StageInfo 
{
    float: right;
    text-align: right;
    padding-top: 6px;
}
.StageMarkers 
{
    padding-top: 11px;
    padding-bottom: 15px;
}
.StageNames SPAN,
.StageMarkers SPAN
{
    display: -moz-inline-box;
    display: inline-block;
    
    text-align: center;
}
.StageMarkers SPAN 
{
    height: 16px;
}
    
/*
 * Section Titles
 */
.SectionPath 
{
    font-style: italic;
}
h1, h2
{
    margin-top: 3px;
    margin-bottom: 15px;

    padding-bottom: 8px;

    font-size: 14pt;
    font-weight: bold;
}

.BlackHeading
{
    font-weight: normal;
    margin-top: 7px;
    margin-bottom: 5px;
    padding-bottom: 4px;
}

h3 
{
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 11pt;
    font-weight: bold;
}

h4 /* This has been added for use with the dates on the news page */
{
    font-size: 9pt;
    font-weight: normal;
    color: #6c6c6c;
    margin-bottom: 0px;
}

hr
{
    margin-top: 20px;
    margin-bottom: 20px;
}

.SubTitle
{
    margin-top: 15px;
    font-size: 11pt;
    font-weight: bold;
}
.SectionImage 
{
    float: left;
}
.SectionDescription 
{
    text-align: justify;
    margin-bottom: 7px;   /* Changed this from 30px */
}
.SectionHeader
{
    margin-bottom: 21px;
    line-height: 1.4em;
}
.InfoBlock 
{
    padding: 10px;
    padding-top: 4px;
    line-height: 1.4em;
}
#siteseal 
{
    text-align: center;
    margin-top: 15px;
}

/*
 * Popular section list
 */
.PopularSections 
{
    margin-top: 10px;
}
.PopularSectionTitle 
{
    font-weight: bold;
}
.PopularSections A 
{
    display: block;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 5px;
    border-top: dotted 1px silver;
    text-decoration: none;
}
.PopularSection
{
    text-decoration: underline;
}

/*
 * Right Bar
 */
.RightTitle 
{
    font-size: 11pt;
    font-style: italic;
    margin-top: 10px;
    margin-bottom: 3px;
}
.HighlightArea 
{
    padding-top: 9px;
    padding-bottom: 9px;
}
.ArrowButton,
.OptionButton 
{
    display: block;

    margin-left: auto;
    margin-right: auto;
    
    text-align: center;
    text-decoration: none;
}
.ArrowButton 
{
    height: 35px;
    width: 157px;
    
    padding-top: 16px;
    padding-right: 9px;

    font-size: 11pt;
    font-weight: bold;
}
.OptionArea 
{
    padding-bottom: 1px;
}
.OptionButton
{
    height: 24px;
    width: 165px;
    
    padding-top: 5px;
    
    margin-top: 14px;
    margin-bottom: 14px;
    
    font-size: 10pt;
}    

/*
 * Paging Bar
 */
.PageBar 
{
    margin-bottom: 10px;
    text-align: center;
}
.PageBar .CurrentPage,
.PageBar .PageLink
{
    margin-left: 3px;
}
.PageBar .CurrentPage
{
    font-weight: bold;
}

/*
 * All tables
 */
.WrapperTable
{
    width: 100%;
    border-collapse: collapse;
}
.WrapperTable TD 
{
    padding: 0px;
}
.ItemList 
{
    margin-bottom: 30px;
    width: 100%;
    clear: left;
    border-collapse: collapse;
}
.ItemList TH,
.FormHeader TD
{
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px;
    height: 19px;
    text-align: left;
}
.ItemList TD 
{
    padding-left: 5px;
    padding-right: 5px;
}
.CentredTable TH,
.CentredTable TD 
{
    text-align: center;
}
.ImageHover 
{
    cursor: pointer;
}

/*
 * All Table Columns
 */
.ItemList TD.Image 
{
    width: 75px;
    padding-top: 2px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}
.ItemList TD.Code 
{
    width: 140px;
}
.ItemList .Quantity 
{
    width: 45px;
    text-align: right;
}
.ItemList .Price
{
    width: 53px;
    text-align: right;
}
.ItemList .Discount
{
    width: 25px;
    text-align: right;
}
.QuantityField 
{
    width: 39px;
    text-align: right;
    margin-top: 5px;
}
.PreviousPrice 
{
    color: Red;
    text-decoration: line-through;
}
.Status,
.QuickOrderItemList .Code,
.StockItemList .Code,
.SuffixItemList .Code,
.BasketItemList .Code
{
    font-size: 11pt;
    font-weight: bold;
    vertical-align: middle;
}

/*
 * Quick Order
 */
.Status 
{
    width: 30px;
}
.StatusOK 
{
    color: Green;
}
.StatusErr
{  
    color: Red;
}
.CodeField 
{
    width: 134px;
    margin-top: 5px;
}

/*
 * Stock Item List
 */
.StockItemList .SoldIn 
{
    width: 75px;
}
.StockItemList .QuantityLabel,
.SuffixItemList .QuantityLabel
{
    font-weight: bold;
}
.StockItemList TD.Quantity,
.SuffixItemList TD.Quantity
{
    height: 28px;
}
.PrimarySectionKey,
.PrimarySection .Code 
{
    font-weight: bold;
    text-decoration: underline;
}
.FromPrice 
{
    font-size: 7pt;
    text-decoration: underline;
}
.RowButton
{
    display: -moz-inline-box;
    display: inline-block;
    padding-top: 1px;
    padding-bottom: 1px;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: left;
    text-decoration: none;
}
.OptionsRow 
{
    margin-left: 3px;
    padding-left: 5px;
    padding-right: 5px;
}
.AddRow 
{
    width: 31px;
    padding-left: 10px;
}

/*
 * Discount List
 */
.DiscountList 
{
    border-collapse: collapse;
}
.DiscountList TH 
{
    border-bottom: solid 1px black;
    padding-left: 4px;
    padding-right: 4px;
}
.DiscountPrice 
{
    text-align: right;
}


/*
 * Download List
 */
.DownloadList 
{
    clear: left;
    margin-bottom: 30px;
}
.DownloadList TD 
{
    border-bottom: dotted 1px silver;
}

/*
 * Basket
 */
.TotalRow TD
{
    font-weight: bold;
}
.TotalRow .Code 
{
    text-align: right;
}
.SubTotal TD 
{
    padding-top: 11px;
}
.Remove 
{
    text-align: center;
    font-size: 6pt;
}
/*
 * Mini Basket
 */
.MiniBasketHeader
{
    padding-top: 7px;
    font-size: 12pt;
    font-weight: bold;
    height: 26px;
}

.MiniBasketItemList 
{
    font-size: 7.5pt;
    border-collapse: collapse;

}
.MiniBasketItemList TH 
{
    font-size: 8pt;
}
.MiniBasketItemList TD.Code 
{
    width: 100px;
    text-align: right;
}
.MiniBasketItemList TD.Quantity 
{
    width: 31px;
    text-align: right;
    padding-right: 10px;
}
.MiniBasketItemList TD.Price
{
    width: 55px;
    text-align: right;
    padding-right: 10px;
}
.MiniBasketItemList TD.Discount
{
    width: 25px;
    text-align: right;
}
.MiniBasketItemList .TotalRow TD
{
    font-size: 8pt;
}
.MiniBasketFooter 
{
    text-align: right;
    padding-top: 15px;
    padding-right: 10px;
    padding-bottom: 5px;
    font-size: 7.5pt;
}

/*
 * Forms
 */
.FormSpacer 
{
    height: 10px;
}
.OrderTotal 
{
    padding-top: 15px;
    font-size: 14pt;
}
.Label 
{
    width: 100px;
}

/*
 * Survey
 */
.Survey 
{
    border-collapse: collapse;
}
.Survey TH,
.Survey TD 
{
    border-bottom: solid 1px silver;
}
.Survey TH 
{
    font-size: 15pt;
    vertical-align: middle;
    padding-right: 10px;
    text-align: left;
    width: 29px;
}
.Survey TD 
{
    padding-bottom: 5px;
    padding-top: 5px;
    padding-right: 10px;
}
.Survey .Question 
{
    width: 175px;
}
.Survey .Answer 
{
    width: 75px;
}

/*
 * Projects
 */
.ProjectSetTitle
{
    margin-top: 1.5em;
	margin-bottom:0; 
    font-size: 14pt;
    font-weight: bold;
}

.altcols {
	margin:0.9em 0 0.9em;
}

.ReturnLink 
{
    padding-bottom: 10px;
}

.ProjectTable {
	padding-top: 10px;
	width: 477px;
	margin-left: -21px;
	height: 40px;
	position:relative;
}

.ProjectBlock {
    float: left;
	margin: 15px 0 20px 21px;
	width: 138px;
	vertical-align:top;
	text-align:center;
	margin-bottom:20px;
	text-decoration:none;
	position: relative;
	display: inline;
}

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

.ProjectBlock img {
	display: block;
	position: relative;
	margin: 0 0 5px 0;
	background-color: #FFF;
	padding: 3px;
	border: 1px solid #e3e3e3 !important;
}

/*
 * Floating Popups
 */
.Popup 
{
    position: absolute;
}
.PopupDetails 
{
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
}
.PopupDetails .Code 
{
    font-weight: bold;
    font-size: 11pt;
}
.PopupDetails .Description
{
    font-size: 8pt;
    padding-bottom: 2px;
}
.RelationshipLink 
{
    font-size: 8pt;
    margin-right: 10px;
}

ol {
	padding-left: 1em;
}

li {
	margin-bottom:1em;
}

@media print {
body {
	background: white;
	width: auto;
}

#HeaderBar, #Menu, #RightContent, #BottomInfo, .ReturnLink, .AdminButtons, .RowButton, .Quantity, .RelationshipLink {
	display:none !important;
}

#PageContent {
	padding: 0 !important;
	margin: 0;
	border: 0;
	vertical-align: top;
}

#MainContent {
	margin: 2% 5% 0;
	padding: 0;
	border: 0;
	background: transparent;
	font-size:14pt !important;
	width: auto;
	line-height: 18pt !important;
}

p, li {
	margin-bottom: 1em !important;
}

ol {
	padding-left: 0 !important;
}

#MainContent:after {
	display: block;
	content: "\00A9  Craft Creations Ltd.";
	clear: both;
}

h2, h3, .Code {
	font-size:14pt !important;
}
	

h1 {
	font-size:28pt !important;
	border:none !important;
}

.HeaderRow th, li {
	margin-bottom:0.5em;
}

/* Project Specific */

.ProjectImage {
	float: right;
	padding: 0 0 5mm 5mm;
}

.introtext {
	font-size:18pt !important;
	line-height: 22pt !important;
}

}