body
		{
			margin: 0;
			padding: 0;
			width:100%;
      background-image:url(../images/body_background.jpg);
    }
    #bodyliner
		{
			margin: 0;
			padding: 0;
			width:990px;
			height:100%;
			min-width:990px;
			margin-left:auto;
			margin-right:auto;
		}
		img, img:hover
		{
      border:0;
			vertical-align:middle;
    }
		
		input, textarea
        {
            font: 90% Arial, Tahoma, Verdana, hevetica, sans-serif;
            margin:2px;
        }

		#heading, #delivery, #confirm
		{
			padding-top:5px;
			float: left;
			text-align:left;
			width: 100%;
			border-bottom:4px solid green;
      font: 100% arial, hevetica, sans-serif;
		}
    .sub_heading
		{
			padding:5px;
			border-top:2px solid green;
			border-bottom:2px solid green;
			text-align:center;
			color:black;
      font: 120% arial, hevetica, sans-serif;
    }
    .nobullet
    {
      list-style-type:none;
      line-height:150%;
      margin-left:10px;
    }
    .bullets
    {
      list-style-type:square;
      line-height:150%;
      margin-left:10px;
    }
    .square
    {
      list-style-type:none;
      line-height:150%;
      margin-left:10px;
    }
		#accessibility
		{
			padding: 8px;
			float: left;
			width: 760px;
		}

		#navigation
		{
			float: left;
			width: 760px;
        }

		#size, #colour
		{
			float: left;
			margin-left: 5px;
			padding: 5px;
		}
        .white {color:white;}
        .center{padding:0;border:0;text-align:center;}
        .left{text-align:left;}
        .right{text-align:right;}
        .floatleft {float:left;}
        .floatright {float:right;}
        .imgleft{float: left; padding-left: 5px;}
        .imgright{float: right; padding-right: 5px;}
        .blue{color:blue;}
        .blue_bg {background-color:#00eeee;}
        .turquoise{color:#00b0eb;}
        .purple{color:purple;}
        .mauve{color:#bc00ed;}
        .red{color:red;}
        .red_bg {background-color:#ee0000;}
        .green{color:green;}
        .green_bg {background-color:#dcfa66;}
        .orange{color:#FFA500;}
        .orange_bg {background-color:#FFA500;}
        .olive{color:olive;}
        .olive_bg{background-color:olive;}
        .gold{color: #CCCC00;}
        .gray{color:gray;}
        .beige{color:#f4e4ac;}
        .yellow{color:yellow;}
        .yellow_bg {background-color:yellow;}
        .member_bg {background-color:#dcfa66;border:2px solid white;}
        
        .bold{font-weight: bold;}
        .italic{font-style: italic;}
        .title{text-align:center;font-weight:bold;font-size:14pt;}
        .shop_title{font-weight:bold;font-size:14pt;padding-left:5px;background-color:white;color:blue;}
        .shop_description{font-size:10pt;padding-left:5px;line-height:120%;background-color:white;}
        
        .textblock {margin-left:30px;margin-right:30px;padding:20px;}
        .block {margin-left:10px;margin-right:10px;}

         .padded {padding:10px;}
         .lightly_padded {padding:5px;}        
        .double_border
        {
          border:double 6px #0040cd;
          padding:10px;
          font-family:"comic sans";
          font-size:12pt;
          color:#0040cd;
        }
        
        .box.overlay
        {
            margin-left:6px;
            margin-top:18px;
        }
        .bucklebox .overlay
        {
            margin:0;
            padding:0;
            margin-left:1px;
            margin-top:12px;
        }
        .smallbucklebox .overlay
        {
            margin:0;
            padding:0;
            margin-left:1px;
            margin-top:12px;
        }        .widebutton
        {
            padding:0;
            border:0;
            margin:0;
            width:160px;
            text-align:center;
            font-size:10pt;
            font-weight:bold;
            margin-top:8px;
            margin-left:4px;
            padding:10px;
   			    line-height:120%;
            vertical-align:middle;
            border:5px solid;
        }
        .widebutton:hover
        {
          color:black;
          width:160px;
          border-color:white;
        }
        .button
        {
            padding:0;
            border:0;
            margin:0;
            text-align:center;
            font-size:10pt;
            font-weight:bold;
            margin-top:10px;
   			    line-height:120%;
            vertical-align:middle;
        }
        .button a
        {
          color:blue;
        }
        .boxdouble p
        {width:115px;border:0;margin-left:-15px;
        }
        
        .boxdouble .overlay
        {
        border:5px solid;
        }
        .boxdouble .overlay:hover
        {
        border-color:white;
        }
        
        .single
        {
            margin-top:10px;
        }
        .pillbutton
        {
            text-align:center;
            font-size:10pt;
            font-weight:bold;
            margin-left:-12px;
            margin-top:5px;
            font-family: Arial, Tahoma, Verdana, hevetica, sans-serif;
        }

        #toprow {width:630px;margin-left:auto;margin-right:auto;}
        #midrow {width:630px;margin-left:auto;margin-right:auto;}
        #botrow {width:630px;margin-left:auto;margin-right:auto;}
        .box {padding:5px;background-image: url(../images/bucklebox_small.png); background-repeat: no-repeat; width:115px; height:110px;border:0;float:left;margin-left:3px;}
        .bucklebox {background-image: url(../images/bucklebox.png); background-repeat: no-repeat; margin:5px;width:200px; height:200px;border:0;float:left;}
        .smallbucklebox {background-image: url(../images/smallbucklebox.png); background-repeat: no-repeat; margin:5px;width:150px; height:150px;border:0;float:left;}
        .bucklerectangle {background-image: url(../images/bucklerectangle.png); background-repeat: no-repeat; margin:5px; width:110px; height:45px;border:0;float:left;}
        .longbox {padding:5px;background-image: url(../graphics/long-box.png); background-repeat: no-repeat; width:216px; height:100px;border:0;float:left;}
        .rectangle {padding:5px;background-image: url(../images/bucklebox_small.png); background-repeat: no-repeat; width:110px; height:84px;border:0;float:left;}
        .rectangle_v {background-image: url(../images/rectangle-v.png); background-repeat: no-repeat; width:160px; height:210px;border:0;float:left;margin-top:8px;}
        .wide_rectangle {padding:5px;background-image: url(../images/rectangle-double.png); background-repeat: no-repeat; width:210px; height:100px;border:0;float:left;}
        .longrectangle {padding:5px;background-image: url(../graphics/long-rectangle.png); background-repeat: no-repeat; width:212px; height:61px;border:0;float:left;}
        .adbox {margin-top:18px;margin-left:5px;background-image: url(../images/adbox.png); background-repeat: no-repeat; border:0;padding-top:5px;font-size:0.8em;font-family:arial;width:196px;height:66px;}
        .adbox a{text-decoration:none;color:black;}
        .adbox a:hover {text-decoration:none;color:blue;}
        #red {padding:5px;background-image: url(../graphics/box-square.png); background-repeat: no-repeat; width:117px; height:110px;border:0;float:left;}
        #orange {padding:5px;background-image: url(../images/orange.png); background-repeat: no-repeat; width:120px; height:120px;border:0;float:left;}
        #amber {padding:5px;background-image: url(../images/amber.png); background-repeat: no-repeat; width:120px; height:120px;border:0;float:left;}
        #yellow {padding:5px;background-image: url(../images/yellow.png); background-repeat: no-repeat; width:120px; height:120px;border:0;float:left;}
        #green {padding:5px;background-image: url(../images/green.png); background-repeat: no-repeat; width:120px; height:120px;border:0;float:left;}
        #jade {padding:5px;background-image: url(../images/jade.png); background-repeat: no-repeat; width:120px; height:120px;border:0;float:left;}
        #lime {padding:5px;background-image: url(../images/lime.png); background-repeat: no-repeat; width:120px; height:120px;border:0;float:left;}
        #teal {padding:5px;background-image: url(../images/teal.png); background-repeat: no-repeat; width:120px; height:120px;border:0;float:left;}
        #blue {padding:5px;background-image: url(../images/blue.png); background-repeat: no-repeat; width:120px; height:120px;border:0;float:left;}
        #purple {padding:5px;background-image: url(../images/purple.png); background-repeat: no-repeat; width:120px; height:120px;border:0;float:left;}
        #grey {padding:5px;background-image: url(../images/grey.png); background-repeat: no-repeat; width:120px; height:120px;border:0;float:left;}
        #back {text-align:center;background-image: url(../images/pill.png); background-repeat: no-repeat; width:115px; height:32px;border:0;float:left;}
        #top {padding:5px;background-image: url(../images/pill.png); background-repeat: no-repeat; width:115px; height:32px;border:0;position:fixed;left:150px;top:400px;}

        #music {float:left;background-image: url(../images/music67x50.png);width:100%;height:50px;}
        #snow {float:left;position:relative;background-image: url(../images/snow.png);width:100%;height:148px;border:0;padding:0;}

        .rectangle_v p {margin-left:20px;margin-top:18px;margin-right:24px;font-size:9pt;font-weight:bold;color:black;text-align:center;height:175px;}

        .rectangle_v p:hover {color:blue;text-decoration:none;}

        #cdleft
        {
            float:left;margin-right:40px;
            background-image: url(../images/3cd2100x100.png);width:100px;height:100px;
        }
        #cdright
        {
            float:right;margin-right:20px;
            background-image: url(../images/3cd100x100.png);width:100px;height:100px;
        }
        #musicleft
        {
            float:left;margin-right:40px;
            background-image: url(../images/musicnotes2.png);width:100px;height:100px;
        }
        #musicright
        {
            float:right;margin-right:20px;
            background-image: url(../images/musicnotes2.png);width:100px;height:100px;
        }
        #hollyleft
        {
            float:left;
            background-image: url(../images/blank.gif);width:140px;height:100px;
        }
        #hollyright
        {
            float:left;
            background-image: url(../images/blank.gif);width:140px;height:100px;
        }


    #imgleft{float:left;}
    #imgright{float:right;}

		#banner
		{
			float: left;
		}
    #head_top
    {
      margin:0;
      width: 100%;
      height:68px;
      background-image:url(../graphics/top-center.png);
      background-repeat:repeat-x;
    }
    #head
    {
      width: 100%;
      height: 230px;
      background-image:url(../images/background-tile.jpg);
    }
    #top_left
    {
      float:left;
      width:71px;
      height:71px;
      background-image:url(../graphics/top-left.png);
    }
    #top_right
    {
      float:right;
      width:71px;
      height:71px;
      background-image:url(../graphics/top-right.png);
    }
    #logo_left
    {
      position:relative;
      clear:left;
      float:left;
      width:60px;
      height:230px;
      background-image:url(../graphics/left.png);
    }
    #logo_right
    {
      position:relative;
      clear:right;
      float:right;
      right:0px;
      width:60px;
      height:230px;
      background-image:url(../graphics/right.png);
    }
    #body_left
    {
      float:left;
      width:60px;
      min-height:750px;
      height:100%;
      background-image:url(../graphics/left.png);
      background-repeat:repeat-y;
    }
    #body_right
    {
      float:right;
      width:60px;
      min-height:750px;
      height:100%;
      background-image:url(../graphics/right.png);
      background-repeat:repeat-y;
    }
    #bottom_left
    {
      float:left;
      width:190px;
      height:190px;
      background-image:url(../graphics/bottom-left.png);
    }
    #bottom_center
    {
      float:left;
      width:692px;
      height:190px;
      background-image:url(../images/bottom-center.png);
    }
    #bottom_right
    { 
      clear:right;
      float:right;
      width:108px;
      height:190px;
      background-image:url(../graphics/bottom-right.png);
    }


		#logo
		{
			margin-left:auto;
			margin-right:auto;
			width:840px;
		}
		#logo_flash
		{
		  float:left;
		  width:160px;
		  height:150px;
		  margin-top:10px;
		  margin-left:0px;
      border:3px solid #f4340f;
		}
		#logo_tao
		{
		  position:static;
      margin-left:8px;
      margin-top:35px;
		}
		#logo_chhh
		{
		  position:relative;
		  float:left;
		  margin-top:-45px;
		  z-index:120;
		}
		#bookmark
		{
		  position:relative;
		  float:right;
      margin-right:35px;
      margin-top:-20px;
		}

        #audiobooks
        {
            float:left;
            width:810px;
            color:#9a260b;
            font-weight:bold;
            font-size:95%;
            margin-left:10px;
        }
        .audiobooks
        {
            color:#9a260b;
            font-weight:bold;
            font-size:95%;
            margin-left:10px;
        }
        .tagline
        {
            float:left;
            color:orange;font-weight:bold;
        }
        .bookmark
        {
            margin-bottom:10px;
            color:#56260b;
            font-weight:bold;
            text-align:right;
        }
        .lastupdated
        {
            font-size:10pt;
            color:white;
            text-align:center;
        }
		.clearleft { clear: left; }
		.clearright { clear: right; }
		.clearboth { clear: both; }

		.spacer
		{
			float: left;
			width: 5px;
		}
		
		.imageright
		{
			border: none;
			margin: 5px;
			padding: 2px;
			float: right;
      font: 90% arial, hevetica, sans-serif;
		}

		.imageleft
		{
			border: none;
			margin: 5px;
			padding: 2px;
			float: left;
      font: 90% arial, hevetica, sans-serif;
		}
      #col1
        {
			float: left;
			width: 125px;
			margin-left: 10px;
			margin-top:0px;
        }
      #col2
        {
			float: left;
			width: 300px;
			margin-left: 10px;
			margin-top:0px;
        }
		#inset
		{
			border: none;
			margin: 5px;
			padding: 2px;
			float: right;
			width: 150px;
            font: 90% arial, hevetica, sans-serif;
		}

		#wideinset
		{
			border: none;
			margin: 5px;
			padding: 2px;
			float: right;
			width: 250px;
		}

    #content
    {
      width:100%;
      height:100%;
			background-image: url(../images/background-tile.jpg);
			background-repeat:repeat-y;
    }
    #notify
    {
			margin-left: 50px;
			margin-top: 10px;
			padding:10px;
			float: left;
			width: 685px;
      background-color: white;
      border-style: inset;
    }
    #adpanel
    {
      float:left;
      margin-left:30px;
      width:120px;
      height:600px;
    }
		#main
		{
		  float:left;
			width:630px;
			margin-left:15px;
			margin-top:5px;
		}
		#main p
		{
		  padding-left:10px;
		  padding-right:10px;
		}
		#clockface {
		  width:100%;
		}
		.clockface {width:100px;}
		.clockimage {width:300px;height:300px;}

		#clockform {
      width:250px;
      font-family:comic-sans,arial, tahoma;
      font-size:10pt;
      line-height:200%;
    }
    #clock_preview
    {
      width:300px;
      margin-top:10px;
    }
		#shop
		{
      width:990px;
			background-image: url(../images/shop-tile.jpg);
		}
		#shop p 
		{
			font-family: "Times";
			font-size:11pt;
		}
    #shopcontent
    {
      margin-left:80px;
      width:820px;
    }

        #cart
        {
            float:left;
            margin-top:10px;
      		  padding-right:6px;
      		  width:820px;
        }
        #carthead
        {
            float:left;
            width:100%;
            font-weight:bold;
            color:black;
        }
        #cartitems
        {
            float:left;
            width:100%;
            padding-top:5px;
            padding-bottom:5px;
            border:2px solid green;
            color:black;
            background-color:#dcfa66;
            font-weight:bold;
        }
        #cartfoot
        {
            float:right;
            padding:0;
            margin-right:-4px;
            width:300px;
            color:black;
            font-weight:bold;
            border:2px solid green;
            border-top:0;
            background-color:#dcfa66;
        }
        #footcosteach,.footcosteach
        {
            clear:left;
            float:left;
            width:100px;
        }
        #footcostsub,.footcostsub
        {
            float:right;
            padding-right:7px;
            width:180px;
        }
        #continue
        {
            float:left;
            padding:10px;
            color:black;
            font-weight:bold;
        }
        #update
        {
            float:left;
            padding:0;
            color:white;
            font-weight:bold;
            margin-top:-20px;
        }

        #qty,.qty
        {
            float:left;
            text-align:center;
            width:120px;
        }
        #mp3,.mp3, #cd,.cd
        {
            float:left;
            text-align:center;
            width:40px;
        }
        #costeach,.costeach
        {
            float:left;
            margin-left:10px;
            width:90px;
            text-align:right;
        }
        #item,#cat,.item,.cat
        {
            float:left;
            margin-left:10px;
            width:300px;
        }
        #costsub,.costsub
        {
            float:right;
            padding-right:10px;
            width:100px;
            height:20px;
            text-align:right;
        }
        #checkout, #success, #cancel
        {
            float:left;
            width:100%;
            padding-top:10px;
            padding-bottom:10px;
            font-weight:bold;
            border-bottom:1px solid green;
            background:maroon;
            font-size:100%;
        }
        #checkout {color:black;}
        #success
        {
            background:green;
            color:white;
            text-align:center;
        }
        #cancel
        {
            background:orange;
            color:white;
            text-align:center;
        }
        #formlabels
        {
            float:left;
            text-align:right;
            width:100px;
            font-weight:bold;
            background:white;
            font-size:100%;
        }
        #formcontents
        {
            float:left;
            width:300px;
            background:white;
            font-size:100%;
        }

		#footer
		{
			clear:left;
			margin:0;border:0;padding:0;
			width:100%;
			height:190px;
      background-image:url(../graphics/bottom-fill.png);
      background-repeat:repeat-x;
		}

		#footermenu
		{
		  clear:both;
      min-width:820px;
			text-align: center;
      background-color: #56260b;
      border-top:4px solid #c98c5f;
		}
		#footer_left
		{
		  float:left;
		  width:480px;
		  padding:5px;
		}
		#footer_right
		{
		  float:left;
		  width:480px;
		  padding:5px;
		}

		h1, h2, h3, h4, h5, h6
		{
      margin: 2px;
      margin-left:10px;
		}
		p
    {
        margin:2px;
        line-height:150%;
    }

    a {text-decoration:none;}

		a:hover 
		{
			text-decoration: underline;
		}
    .thumbs
    {
      border:2px solid green;
      padding:2px;
    }
    .thumbs:hover
    {
      border:2px solid white;
      padding:2px;
    }
    a.nolink
    {
      text-decoration:none;
    }
    a.nolink:hover
    {
      text-decoration:none;
      color:blue;
    }
    a.showlink
    {
      text-decoration:underline;
    }
    a.showlink:hover
    {
      text-decoration:underline;
      color:blue;
    }
		#copyright
		{
		  padding-top:10px;
		  clear:both;
		  width:100%;
      min-width:820px;
			text-align: center;
      background-color: #56260b;
      border-top:1px solid #c98c5f;
    	font: 75% Arial, Tahoma, Verdana, hevetica, sans-serif;
		}

/*  FORMS */
form {margin:0;padding:0;border:0;}
fieldset {margin:0;padding:0;border:0;}
label.narrow {
	float: left;
	padding: 3px;
	clear: both;
	display: block;
}
/*  SUBSCRIBE   */
form#subscribe label {margin-left:10pt;font-size:10pt;font-weight:bold;}
form#subscribe fieldset {width:98%; display:block; border:3px solid red; padding:5px; font-family: arial, hevetica, sans-serif; margin-bottom:0.5em; line-height:1.5em;}
form#subscribe input {width:90px;font-size:8pt;}
form#subscribe legend {font-family: arial, hevetica, sans-serif; font-size:12pt; font-weight:bold; border:3px solid red; margin-bottom:5px; padding:5px; width:200px; background-color:white; width: auto;}
form#subscribe #submit {margin-left:12px;text-align:center;width:auto;}

/*  NEWSLETTER  */
form#newsletter {width:100%;}
form#newsletter fieldset {font-family: arial, hevetica, sans-serif; line-height:1.2em; color:black;}

form#newsletter legend {font-family: arial, hevetica, sans-serif; font-size:12pt; font-weight:bold; margin-bottom:5px; padding:3px; width: auto; color:black;}

form#newsletter label {clear:left; display:block; float:left; width:100px; text-align:right; padding-right:10px; color:black; margin-bottom:0.5em; font-weight:bold; font-size:10px;}
form#newsletter input {float:left; width:200px; text-align:left; padding-right:10px;  color: black;margin-bottom:0.5em; }
form#newsletter #submit {text-align:center;width:auto;}

/*  CONTACT FORM  */
form#contact { width:95%; padding:10px;clear:left;}
form#contact fieldset {width:98%; display:block; border:3px solid #55c95a; padding:5px; font-family: arial, hevetica, sans-serif; margin-bottom:0.5em; line-height:1.5em;}

/*
form#contact fieldset#personal {background:transparent url(images/personal.png) no-repeat 400px 10px;}
form#contact fieldset#company {background:transparent url(images/company.png) no-repeat 400px 10px;}
*/

form#contact legend {font-family: arial, hevetica, sans-serif; font-size:1.1em; font-weight:bold; border:3px solid #55c95a; margin-bottom:5px; padding:3px; width:200px; background:white url(cssplay/form.gif) repeat-x center left; width: auto;}

form#contact label {clear:left; display:block; float:left; width:90px; text-align:right; padding-right:10px; color:black; margin-bottom:0.5em; font-weight:bold; }

form#contact input {display:block; float:left; width:170px; text-align:left; padding-right:10px;  color: black;margin-bottom:0.5em; border:1px solid #55c95a;}

form#contact textarea {width:96%; height:15em; border:1px solid #55c95a; padding:0.5em; overflow:auto; background-color: white; color: black;}

form#contact #submit {padding-right:0.5em; cursor:pointer; width: auto; text-align: center;}

/*  LOGIN FORM  */
form#loginForm{width:98%;}
form#loginForm legend {color:navy;font-weight:bold;font-family:Arial;font-size:1.1em;padding:5px;}
form#loginForm label {text-align:left;line-height:150%;font-weight:bold;font-family:arial;margin-left:10px;}
form#loginForm input {margin-left:10px;}

/*  CART LOGIN FORM  */
form#cartloginForm {width:98%;margin-left:auto;margin-right:auto;}
form#cartloginForm label {clear:left; display:block; float:left; width:75px; padding-top:7px; color:gray; font-weight:bold; font-size:10pt;}
form#cartloginForm input {display:block; float:left; width:165px; text-align:left; margin-top:5px;color: black; height:15px;}
form#cartloginForm .submit {float:right;cursor:pointer; width:auto; text-align:center; color:black;padding:5px;height:30px;}



/*  SHOP */
form#buy {width:100%;}
form#buy fieldset {border:0;padding:0;margin:0;background-color:#dcfa66;height:30px;}


/*  Delivery  */
form#delivery {width:630px;font-size:11pt;}

/*  COLOURS */
    body
		{
		}
        .button, .pillbutton
        {
            color:black;
        }
		#heading
		{
			color: white;
		}
        #head
        {
        }
        #def
        {
            background-color: white;
            color: black;
        }

		#leftcol
		{
			background-color: white;
		}

		#rightcolrow1, #rightcolrow2, #rightcolrow3, #rightcolrow4
		{
			background-color: white;
		}

		#textboxleftrow1, #textboxleftrow2, #textboxleftrow3, #textboxleftrow4
		{
			color: white;
			background-color: #DDDDDD;
		}

		#textboxrightrow1, #textboxrightrow2, #textboxrightrow3, #textboxrightrow4
		{
			color: white;
			background-color: #DDDDDD;
		}

		#minutes
		{
			background-color: #DDDDDD;
		}

		#inset
		{
			background-color: #DDDDDD;
		}


		h1, h2, h3, h4, h5, h6, p, ul, ol, dl, a
		{
			color: black;
		}

		#footer, #footermenu
		{
            color:white;
		}

		a:hover
		{
			color: white;
		}		
        .button a:hover, .pillbutton:hover
        {
          color:blue;
        }


/*  SIZE  */
p, ul, ol, dl
{
  font-family: comic sans ms, serif, sans-serif, arial;
	font-size:10pt;
}
h1, h2, h3, h4, h5, h6
{
  font-family: comic sans ms, serif, sans-serif, arial;
}
.arial {font-family:arial;} 
.small_font {font-size:8pt;}
.medium_font {font-size:9pt;}
.large_font {font-size:12pt;}
.larger_font {font-size:14pt;}