body
		{
			margin: 0;
			padding: 0;
			m\argin-left:10%;
			margin-left: auto;
			margin-right: auto;
			width:800px;
			font-family: Arial, Tahoma, Verdana, sans-serif;
      background-image: url(../images/velvet.jpg);
		}
		
		input, textarea
        {
            font: 100% Arial, Tahoma, Verdana, hevetica, sans-serif;
        }
		.title
		{
			text-align:center;
			font-weight:bold;
			font-size:14pt;
		}
    .thumbs
    {
      float:left;
    }
    a img.thumbs {
      border:1px solid gray;
    }
    img.thumbs:hover, a img.thumbs:hover, .thumbs a:hover
    {
      text-decoration:none;
      border:1px solid maroon;
    }
    .images
    {
      text-align: center;
      margin-left:-2px;
    }
		#heading
		{
			float: left;
			width: 770px;
      padding: 5px;
      border:1px solid maroon;
			text-align:center;
			font-weight:bold;
			font-size:14pt;
		}
		#innerheading
		{
			float: left;
			width: 594px;
      padding: 5px;
      border:1px solid gray;
			text-align:center;
			font-weight:bold;
			font-size:14pt;
		}

		#accessibility
		{
			border:1px solid gray; 
			padding: 8px;
			float: left;
			width: 785px;
		}

		#navigation
		{
			border:1px solid gray;
			margin-top: 10px;
			float: left;
			width:100%;
		}

		#home /*Other Navigation options available */
		{
			border: 1px solid gray;
			float: left;
			margin-left: 5px;
			padding: 5px;
		}

		#navpanel
		{
		  width:100%;  /* Setting #navpanel width to 100% fills the #navigation div */
		  padding-top:5px;
		  padding-bottom:5px;
      background-color:#FBE9EF;
		}
		#navpanel a {color:black;text-decoration:none;font-size:10pt;font-weight:bold;}
		#navpanel ul
		{
      margin:0;
		  padding:0;
		}
		#navpanel li
    {
      float:left;/* With float:left here Nav changes from Vertical to Horizontal */
      list-style:none;
      margin-left:5px;
      padding:5px;
    }
    #navpanel li a
    {
		  color:black;
      margin:0px;
      margin-top:3px;
      padding:2px;
      padding-left:10px;
      padding-right:10px;
      list-style:none;     
    }
    #navpanel li:hover, #navpanel a:hover 
    {
      background-color:yellow;color:black;
    }
    
    #navpanel.home
		{
			padding: 2px;
			padding-left:15px;
			width:205px;
			background-color:#FFAA56;
		}
		#navpanel.menu /*Other Navigation options available */
		{
			margin-top:3px;
			padding: 2px;
			padding-left:15px;
			width:205px;
			background-color:#FFAA56;
		}        
    #cart
        {
            float:left;
            margin:0;
            padding:0;
            padding:10px;
            width:760px;
            
        }
        #carthead
        {
            float:left;
            width:760px;
            font-weight:bold;
            border:1px solid maroon;
            color:black;
            font-size:90%;
        }
        #cartitems
        {
            float:left;
            padding-top:5px;
            padding-bottom:5px;
            border:1px solid maroon;
            width:760px;
            color:black;
            font-weight:bold;
        }
        #cartfoot
        {
            float:right;
            width:260px;
            padding:0px;
            margin:0px;
            color:black;
            font-weight:bold;
            border:1px solid maroon;
        }
        #continue
        {
            float:left;
            padding:0;
            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:130px;
        }
        #costeach,.costeach
        {
            float:left;
            margin-left:10px;
            width:90px;
        }
        #item,#cat,.item,.cat
        {
            float:left;
            margin-left:10px;
            width:330px;
        }
        #costsub,.costsub
        {
            float:right;
            padding-right:10px;
            width:140px;
        }
        #checkout, #delivery
        {
            float:left;
            width:760px;
            padding:10px;
            font-weight:bold;
            border:1px solid maroon;
            background:yellow;
            font-size:100%;
        }
        #checkout {color:black;}
        #delivery {color:green;}

        #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%;
        }
        
form#contact {width:98%; padding:10px;}

form#contact legend {font-family: arial, hevetica, sans-serif; font-size:1.1em; font-weight:bold; border:2px solid #DDDDDD; margin-bottom:5px; padding:3px; width:200px; background:white; width: auto;}

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

form#contact input {display:block; float:left; width:200px; text-align:left; padding-right:10px;  color: black;margin-bottom:0.5em;}

form#contact textarea {width:97%; margin-left:4px;height:15em; border:1px solid #ddd; padding:0.5em; overflow:auto; color: black;}

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

		#small, #default, #large
		{
			border: 1px solid gray;
			padding: 1px;
			padding: 5px;
		}

		#purple, #medium, #red, #blue, #brown, #system, #save, #def
		{
			border: 1px solid gray;
			padding: 1px;
			padding: 5px;
		}
        .white {color:white;}
        .grey {color:#333333;}
        .black {color:black;}
        .center{text-align:center;}
        .left{text-align:left; float: left;}
        .right{text-align:right; float: right;}
        .bold{font-weight:bold;}

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

		#banner
		{
			margin-top: 10px;
			width:780px;
			padding:10px;
			border:1px solid gray;
      background-color:#ffeca1; 
			float: left;
		}

		.clearboth { clear: both; }
		.clearleft { clear: left; }

		#leftcol1
		{
			border:1px solid gray;
			clear:left;
			float: left;
			width: 150px;
		}
		#leftcol2
		{
			border:0;
			background:#FBE9EF;
			clear:left;
			float: left;
			margin-top:5px;
			width: 150px;
			height:25px;
		}
		#rightcol
		{
			border:none;
			float: left;
			background:#FBE9EF;
			margin-left:75px;
			width: 100px;
		}

    #bodyright
		{
			border:1px solid gray;
			background:#FBE9EF;
			margin-left:10px;
			float: left;
			width: 605px;
			padding:5px;
    }
    #bodycenter
		{
			border:1px solid gray;
			background:#FBE9EF;
			margin-left:10px;
			float: left;
			width: 400px;
			padding:5px;
    }

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

		.imageleft
		{
			border: none;
			padding-right: 5px;
			float: left;
            font: 90% arial, hevetica, sans-serif;
		}

		#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;
		}

		#footermenu, #main, #logo
		{
			border:1px solid gray; 
			margin-top: 10px;
			padding: 10px;
			float: left;
			width: 780px;
      font: 90% arial, hevetica, sans-serif;
		}
		
		#footer
		{
			border:1px solid gray;
			margin-top: 10px;
			padding: 10px;
			float: left;
			width: 780px;
      font: 70% arial, hevetica, sans-serif;
		}

		h1, h2, h3, h4, h5, h6, ul, ol, dl, a
		{
			margin: 2px;
		}

		ul
		{
      margin:0;
		  padding:0;
		}
		li
    {
      list-style:none;
      margin-left:5px;
      padding:5px;
    }
    li a
    {
		  color:black;
      margin:0px;
      margin-top:3px;
      padding:2px;
      padding-left:10px;
      padding-right:10px;
      list-style:none;     
    }


		a {
		 	border:0;
			text-decoration:none;
		}
		a em
		{
			font-style: normal;
			font-weight: normal;
			text-decoration: underline;
		}

		a:hover 
		{
			text-decoration: underline;
		}		
    img {
      border:0;
    }
		h1+p, h2+p, h3+p, h4+p
        {
             margin: .2em;
        }

        h2
        {
            font-weight: bold;
        }

		#copyright
		{
        	font: 75% Arial, Tahoma, Verdana, hevetica, sans-serif;
		}