body {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	text-align:center;
	background-color:#5ba0d6;
    font-size:medium;
}
* {margin:0px;padding:0px;
}
.clear{clear:both;}
#clear{clear:both;}
#container {
	margin: 0px auto;
	text-align: left;
	width: 979px;
}
#header {
	background-image:url(./Website/header.gif);
	width:979px;
	height:192px;
	display:block;
	cursor:hand;
	background-repeat:no-repeat;	
}
#categories
{
    width:740px;
    padding: 0px 0px 0px 18px;
    height:100px;
    float:left;
}
#links
{
    float:right;
    width:200px;
    text-align:right;
    padding-right:20px;
}
#border {
	background-image:url(./Website/border.gif);
	background-repeat: repeat-y;
	width:979px;
}
#main {
	background-image:url(./Website/contentbg.gif);
	background-color:#abe4fe;
	margin: 0px 12px 0px 10px;
	background-repeat: repeat-x;
}
#left {
	width:261px;
	float:left;
	display:inline;
	background-image:url(./Website/menuRepeat.gif);
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
    
	
}
#right {
	float:right;
	width:680px;
	margin-right:2px;
}
#centre
{
       width:100%;
	   min-height: 300px;
	   
}
/*****************Header**************************/
#headerLinks
{
    width:940px;
    height:60px;
    margin: 0px 0px 0px 0px;
    padding: 20px 0px 0px 18px;
    /** margin: 20px 0px 0px 18px;
    * padding: 0px 0px 0px 0px;
*/
    text-align:right;
}
#logo
{
    float:left;
    width:350px;
    height: 50px;
    cursor: hand;
}
.viewCart
{
    float:left;
    padding: 20px;
}
.viewCart img
{
    border:0;
}

.freeDelivery
{
    float:right;
    text-align:center;
    color:#330033;
    
    text-decoration:none;
    font-weight:bold;
    font-size:large;
    padding-top: 5px;
}
#links a
{
    text-decoration:none;
    color: #330033;
    
}
/***************** Content ***********************/
.content {
	width:680px;
}
.fullContent
{
 padding:10px;    
}
p
{
    font-size:medium;
    margin-bottom:10px;
    margin-top: 10px;
}
/***************** Menu ***********************/
#menu {
	background-image:url(./Website/menu.gif);
	background-repeat:no-repeat;
	width:261px;
	
	margin-left: 0px;
}
#menubottom {
	background-image:url(./Website/menubottom.jpg);
	background-repeat:no-repeat;
	width:261px;
	height:29px;
	margin-left:0px;
}
/***************** Footer ***********************/
#footer {
	background-color:#8bcaef;
	background-image:url(./Website/borderfooter.gif);
	height:74px;
	width:979px;
    
}
#footerLinks
{
    padding: 0px 10px 0px 10px;
}
#footerend {
	background-image:url(./Website/borderfooterend.gif);
	background-repeat: no-repeat;
	width:979px;
	height:9px;
	display:block;
}
#copyright {
	background-image:url(./Website/copyright.jpg);
	background-repeat:no-repeat;
	width:220px;
	height:43px;
	display:inline;
	margin-left:10px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: 800;
	color: #463d16;
	padding: 30px 20px 0px 20px;
	text-align:center;
}

/**************Category Menu**********************/


/**************Criteria**********************/
.Criteria
{   
    padding:10px;
    font-size:small;
}

.CriteriaHeader
{
     font-weight:bold;
     font-size:large;
    display:inline;
    
}

.cblCriteria
{
    Width:100%;
}
.cblCriteria td
{
    width:50%;
}

.cblCriteria td label
{
    padding-left:2px;
}

.ClearCriteria
{
    /*float:right;*/
}

/*******************Products*****************/
.ProductsDataList
{
    width:100%;
    float:left;
    text-align:center;
    border-collapse: collapse;  
    margin: 8px 3px 8px 0px;
    /* Top Right Bottom Left */
        
    border-color: White;
    font-size:small;
}

.ProductsDataListItem
{
    width:20%;
    border-width: 1px;  
    border-style: dotted dotted; 
    padding:5px 5px 5px 5px;
    vertical-align: top;
    border-color: White;
}

.ProductsDataListItem a
{
    color: #463d16;
    text-decoration:none;
    cursor:hand;
}
.productName
{
    clear:both;
    font-weight:bold;
    height:6.6em;
}
     
img.thumb
{
    border:solid 1px white !important;
}   
/********************Product*****************/
.productTitle
{
    width:100%;
    float:none;
}
.productBreadCrumb
{
    font-weight:bold;
    color: #463d16;
    float:left;
}

.productBreadCrumb a
{
    color: #463d16;
}

.back
{
    float:right;
}

.productInfo
{
    width:50%;
    float:left;
}
.productInfo, .productInfo p
{
    font-size:0.9em;
}

.productAttributeHeading
{
    font-weight:bold;
    font-size:small;
}

.productImages
{
    width:50%;
    float:Right;   
}

.productThumbs
{
    float: Left; 
    padding: 10px 0px 10px 10px;
        
}

.productThumbs #productThumbWrapper
{
    padding-bottom:10px;
}
.productImage
{
    float: left; 
    padding: 10px;
    width:100px;
    height:400px;    
}
img.product
{
    border:solid 1px white !important;
}
/************ Contact *************/
th 
{
    vertical-align: bottom;
}

/************ Home Page ***********/
/*979*/
.Signup
{
    float:right;
    clear: right; 
    width:297px; 
    text-align:center;
}
.FeaturedProducts
{
    float:right;
    clear: right; 
    width:500px;
    margin-left:10px;
    margin-top:10px;
}

.FeaturedProducts td
{
    width:33.33%;
}

.tFeaturedProducts
{
    font-size: x-small;
    width:100%;
}

.tFeaturedProducts a
{
    text-decoration:none;
    font-weight:bold;
    color:#330033;
}
.tFeaturedProducts img
{
    border:0;
}
.tFeaturedProducts, .Signup
{
    border-collapse: collapse;  
    border: 1px solid; 
    border-color: White;
}

.tFeaturedProducts th, .tFeaturedProducts td, .Signup th, .Signup hd
{
    border-width: 1px;  
    border-style: dotted dotted; 
    padding:5px 5px 5px 5px;
    vertical-align: top;
    border-color: White;
}

/***************Shopping Cart ********/
.tShoppingCart, .CheckoutSuccess
{
    width:100%;
    border-collapse: collapse;  
    border: 1px solid; 
    border-color: White;
}
.tShoppingCart th, .tShoppingCart td, .CheckoutSuccess th, .CheckoutSuccess td
{
    border-width: 1px;  
    border-style: dotted dotted; 
    padding:5px 5px 5px 5px;
    vertical-align: top;
    border-color: White;
}
.tShoppingCart th.product
{
    width:40%;
}
.tShoppingCart th.col
{
    width: 20%;
}
.tShoppingCart table, .tShoppingCart table td, .tShoppingCart table th
{
    border-style:none;
}
.CartExtra
{
    text-decoration:underline;
}
.small
{
    font-size:smaller;
}

.ShoppingCartHeader
{
    clear:both;
    width:70%;
    height:30px;
}
.ShoppingCartHeader h2
{
    float:left;
    clear:none;
}

.ShoppingCartHeader a
{
    float:right;
    clear:right;
}

.PostageDescription
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: 800;
	color: #463d16; 
}

.CustomItemCart
{
    width:100%;
}

/***************Snow Hats Designer (Design Your Own)********/
.SnowHatsDesigner
{
    float: left;
}
.ColourTable
{
    border: solid thin black !important;
    border-collapse: collapse;
    background-color:White;
}
.ColourTable td
{
    height: 6px;
    width: 6px;
    padding:0px 0px 0px 0px !important;
    border-style: none !important; 
}

.name
{
    font-weight:bold;
    min-height:60px;
}
.thumbWrapper
{
    text-align:center;
    margin:5px 5px 5px 5px;
    padding:10px;
    width:8em;
    border:dotted 1px white;
    line-height:1.5em;
}
.thumbWrapper input
{
    height:50px;
}
.DYOStepPanel tr td
{
    vertical-align:top;
}
#exampleWrapper
{
}
#exampleLeft
{
    float:left;
    text-align:center;
    margin-right:10px;
}
#exampleRight
{
    float:left;
    text-align:center;
}
#exampleClear
{
    clear:both;
}
.PatternDataList .PatternRow
{
    margin:2px 2px 2px 2px;
}
.PatternRow
{
    border:dotted 1px white;
    padding: 10px 10px 10px 10px;
    
}
.PatternNameAlt .PatternRow
{
    
}
.PatternImage
{
    float:left;
    width: 100px;
}
.PatternLeftContainer
{
    float:left;
    width:200px;
    margin:5px 5px 5px 5px;
}
.ExtraLeftContainer
{
    float:left;
    width:105px;
}
.ExtraRightContainer
{
    float: left; 
    margin: 5px 5px 5px 5px;
}
.ExtraColourGroup
{
    float: left;
    border:dotted 1px white;
    padding-top: 5px;
    padding-left: 5px;
}
.SummaryTitle
{
    font-weight:bold;
    width:4.5em;
    float:left;
}
.SummaryContent
{
    float:left;
}
.NavPanelFooter
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: 800;
	color: #463d16; text-align:center;
}
.SummaryPanel
{
       
	font-size: 0.95em;
	
}
.PreviousRoll
{
    cursor:default;
}
.navWrapper
{
    text-align:center;
    margin:5px 5px 5px 5px;
    width:8em;
    float:left;
}
.PickedColour
    {
        border: solid thin black;
        width: 100px;
        float: left;
        margin-right: 10px;
    }
.PickedColourName
{
    float:left;
    margin-right:10px;
}     
.ConfirmationTable 
{
    border-collapse: collapse;  
    border: 1px solid White;
}    

.ConfirmationTable td, .ConfirmationTable th
{
       padding:5px 5px 5px 5px;
        border-width: 1px;  
        border-style: dotted dotted; 
        border-color: White;
}    

.AdditionalInformationHead, .HeadSizeHead
{
    vertical-align:top;
}
.ConfirmationTable p
{
    font-size:small;
}
.ConfirmationTable Textarea
{
    width:250px;
    height:100px;
}

.ExtrasHeader
{
    text-align:center;
}
.ConfirmationDescription { width:22em; }
.ExtraHead 
{
    border-bottom-width: 0px !important;
}
.ExtraDetail
{
    border-top-width: 0px !important;
}
/* Colour Picker */
.PickedColour
{
    border: solid thin black;
    width: 100px;
    float: left;
    margin-right: 10px;
}
.ColourBox
{
    border: solid thin black;
    width: 20px;
    height: 20px;
    float: left;
    margin: 0px 5px 5px 0px;
    cursor:hand;
}

table.ColourPickerColours td
{
    padding: 0px 2px 5px 0px;
}
.ColourPickerColours
{
    float:left;
}
.ColourPicker
{
    background-color:White;
    border:solid thin black;
    padding:5px;
    float:left;
}

/* Generic Site Formatting */
h1 {
	font-size: 1.5em;
	font-weight: normal;
	letter-spacing: -0.1em;
	margin-bottom: 4px;
	color: #330033;
}

h2 {
	font-size: 1.3em;
	font-weight: bold;
	letter-spacing: -0.1em;
	color: #330033;
	margin-top: 4px;
	margin-bottom: 10px;
}
h2.narrow
{
    margin-top:0px;
    margin-bottom:0px;
    /*font-size:1.2em;*/
    font-weight:normal;
}

h3 {
	font-size: 1.1em;
	margin: 15px 0px 0px 0px;
	padding: 0px;
	color: #330033;
}
h4 
{
    font-size:small;
	color: #330033;
}
p { margin: 0px 0px 10px 0px; }

a img 
{
    border-style:none;
    }
    
/* Hover Panel - DYO */
.DYOMoreInfoPanel
{
    width:645px;
    
    background-color:#ffffdd; 
    border-width:3px; 
    border-style:solid; 
    border-color:Gray; 
    padding:3px; 
    text-align:justify;
}
.DYOMoreInfoBackground
{
    background-color:#5ba0d6;
    filter:alpha(opacity=60);
    opacity:0.7;
}

.DYOMoreInfoPanel H2
{
    text-align: center;
}
 
.DYOFooter
{
    text-align:center;
    min-width:100%;
    margin:10px;
}
   
.DYOMoreInfoPanel img
{
    float:left;
    margin:5px 5px 5px 5px;
}

.DYOMoreInfoPanel img.product
{
    width:300px;
    height:400px;
}
.ThumbsPanel
{
    width:300px;
}

.DYOMoreInfoFooter
{
text-align:center;
font-size:small;
color:Gray;
}

#processMessage   
{
  z-index:1001; 
  background-color:#fff; 
  text-align:center;
  vertical-align:middle;
  padding:10px 10px 10px 10px;
  border: solid 1px black;
} 

.Button
{
    vertical-align:middle;
}

.errorMessage
{
	display:block;
	width: 525px; 
	color: Red;
	font-weight: bold;
	background-color: White;
	text-align: center;
	padding: 10px;
	margin-left: 8px;
}