
/********************PRECSS************************/
body {
   background-position:50% top;
   background-repeat: repeat;
}

a img {
   border:0px;
}


#pageHeader {
   background: transparent none left top repeat-x; /* Tag:Header Background */
}

#pageBody {
	position: relative;
}

#pageMenu {
   background-position: left top;
   background-repeat: repeat-x; 
   height:27px;
   border: 0px none;
   width: 960px;
   font-weight: normal;
   padding: 0px;
   z-index: 1000;
}
#pageContent {
   background-position: left top;
   background-repeat: repeat; 
   margin-bottom: 7px;
}
#pageContent .inner {
   padding: 7px 20px;
}

#pageFooter{ 
   background-position: left top;
   background-repeat: repeat-x; 
   height:40px;
   border-top:0px none;
   background-image: none;
   text-align:center;
}


/*   MENU WIDTH/HEIGHT   */
.sf-menu {
   width:100%;
   height: 27px;
}
.sf-menu li {
   height:27px;
   width:238px;
}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {
   top: 27px;
}
.sf-menu ul {
   width:238px;
}

.sf-menu li a, .sf-menu li b {
   height: 21px;
   margin:0px;
   padding:6px 0px 0px;
}
.sf-menu li li a, .sf-menu li li b {
   height: auto;
   padding:0.5em;
}





/*    Misc MENU STUFF */
.sf-menu span.menubreak {
	border-left: 0px none;
	border-top:	 0px none;
   font-size: 1px; 
   height: 10px; 
   display: block;
}
.sf-navbar {
   position:relative;
}
.sf-menu {
	float:			left;
	margin-bottom:	0px;
   padding-bottom: 0px;
   margin-left:   0px;
   border:  0px none;
   background:   transparent;
}
.sf-menu li {
   border:  0px none;
}

.sf-menu a {
   font-weight:bold;
   text-align:center;
   text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour */
   border:0px;
}
.sf-menu li li {
   height:auto;
}
.sf-menu li li a {
   margin:0px;
   padding:7px;
   text-align:left;
}
.sf-menu ul {
   z-index:19;
}
.sf-menu li b { 
   font-weight:bold;
   text-align:center;
   text-decoration: none;
   position: relative;
   display: block;
   z-index: 18;
   position:relative;
   top:0px;
   left:0px;
}
.sf-menu li li b { 
   text-align: left;
   z-index:19;
}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
   background:  #446; 
   outline: 0;
}

a > .sf-sub-indicator {
   top: 6px;
}
 
p {
   margin: 13px 0px;
}


div.product {
 width: 106px;
 float:left;
 margin:10px 30px;
}

/********************STANDARDCSS*******************/
body { font-family: Arial,Helvetica,sans-serif; }
body { font-size: 10pt; }
body { color: #c0c0c0; }
body { background-color: #373637; }
body { background-image: url( ../images/SpaTilingBackground.jpg);; }
#pageContainer { background-color: #dedede; }

/* .sf-menu a covers this */
#pageMenu { font-size: inherit; } 
#pageMenu { font-family: inherit; }
#pageMenu { background-image: ; }
#pageMenu { background-color: #232223; }

#pageContent { background-color: #424042; }
#pageContent { background-image: url( ../images/contentback.jpg );; }
#pageContent { color: #c0c0c0; }
#pageContent { font-size: 10pt; }
#pageContent { font-family: Arial,Helvetica,sans-serif; }

#pageFooter { background-color: transparent; }
#pageFooter { background-image: url(http://assets.tomahawk.ca/goldCMS/files/__template/grey/footer-back.jpg); }
#pageFooter { color:#ffffff; }

/* Leave as #pageMenu bg covers this */
.sf-menu li { background-color: transparent; } 
.sf-menu li li { background-color: #444; }

/* Currently not used in goldCMS, this is the sub sub menu background colour */
.sf-menu li li li { background-color: #444; } 

.sf-menu a, .sf-menu a:visited, .sf-menu li a { color: #979797; }
.sf-menu a, .sf-menu a:visited, .sf-menu li a { font-family: Impact,Charcoal,sans-serif; }
.sf-menu a, .sf-menu a:visited, .sf-menu li a { font-size: 10pt; }
.sf-menu li li a, .sf-menu li li a:visited { color: #fff; }

/* Currently not used in goldCMS, this is the sub sub menu colour */
.sf-menu li li li a { color:#fff; } 

.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { background-color: #555455; }
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { color: #c0c0c0; }

.sf-menu a { border-left: #000000 1px solid; }    
.sf-menu a { border-right: #000000 1px solid; }   
.sf-menu a { border-left-color: #373637; }
.sf-menu a { border-right-color: #373637; }
.sf-menu a:hover { border-left-color: #373637; }
.sf-menu a:hover { border-right-color: #373637; }

.sf-menu b { font-family: Impact,Charcoal,sans-serif; }
.sf-menu b { font-size: 10pt; }
.sf-menu b { color: #c0c0c0; }
.sf-menu b { background-color: #424042; }

.sf-menu b { border-left: #000000 1px solid; }    
.sf-menu b { border-right: #000000 1px solid; }   
.sf-menu b { border-left-color: #373637; }
.sf-menu b { border-right-color: #373637; }
/********************USERSTYLES********************/

/********************POSTCSS***********************/
   
.shoppingcart_categoryheader {font-size:14pt;}
.shoppingcart_productname {font-size:12pt;font-weight:bold;}

#pageContainer {
   background-color: transparent;
   width: 960px;
}
   #pageContent {
      background-repeat: repeat-x; 
   }
#pageFooter {
   background-image: none;
}
#pageFooter a {
   color: #c0c0c0;
}
ul.nolist {
   list-style-type: none;
   margin: 0px;
   padding: 0px;
   display:inline;
}
ul.nolist li {
   list-stype-type:none;
   display:block;
   padding:5px;
   width: 90px;
   text-align:center;
   color: #151402;
   font-weight:bold;
   float:left;
}
ul.nolist li a {
   text-decoration: none;
   color: #CCC;
   font-family: century gothic, verdana, sans serif;
   font-weight:bold;
}

.sf-menu li b, .sf-menu li a {
   font-weight: 100;
}

#bgforce {
   font-size:1px;
   height:1px;
   line-height:1px;
}

#pageContent .inner {
   padding: 27px 40px
}

a:visited, a.visited {
color:#FFF;
}

a {
color:#FFF;
}
