/* CSS Document */
/* get rid of bluebox in footer menu code  must include <body id="homepage">
<div id="wrapper">
<div id="content">after body*/


html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt,  ol, 
fieldset, form, label, legend,
 {
	margin: 4;
	padding: 4;
	border: 1;
    border-color: #afbe91;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: top;
}
a img, :link img, :visited img {border: 0}
table {border-collapse: collapse; border-spacing: }

q:before, q:after,
blockquote:before, blockquote:after {content: ""}

a:link { color: #4a697a; }/* turq */
a:hover { color: #97ae42; }/* green */
a:active { color: #4a697a; }/* turq */
a:visited { color: #679ea5; } /* dk turq */

A:link { text-decoration: none }
A:active { text-decoration: none }
A:visited { text-decoration: none }

body {font-size:14px; font-family:Helvetica, Arial, Verdana, sans-serif; color:#504227; background:#fbf8f1 url(../Graphics/BGScrollTurq.gif)}

body

h1 {margin-bottom:16px; font-size:1.5em; color:#504227}
h2, h3, h4, h5, p, ul, ol, dl {margin:15px}
h1, h2, h3, h4, h5 { font-family: Arial, Verdana, sans-serif}
h2 {clear:both; margin-top:15px; font-size:1.5em; color:#504227}

h3 {font-size:1.25em; color:#ffffff}
h3 { padding:15px;}
h3 {text-align: center}

h4 {font-size:1.10; color:#ffffff}
h4  { padding:8px;}
h4 {text-align: center}

h5 {font-size:1em; font-style:italic; color:#504227}
a {color:#2b89a8; outline:none}
	a:hover {text-decoration:none}
dt {margin:15px 0; font-weight:bold}
dd {margin:5px 0 5px 15px}
ol {margin-left:25px}

{scrollbar-base-color: [b3b59d]}
{scrollbar face-color:[666633]}
{ scrollbar track-color:[9c98b3]}
{scrollbar 3dlight-color:[cccc99]}
 {scrollbar highlight-color:[ffffff]}
{ scrollbararrow-color:[669999]} 

#wrapper {width:960px; margin:0 auto; padding:15px; background:#fbf8f1 url(../Graphics/BGScrollDKTurq.gif)}


    #content {clear:both;  width:96%; background-color:#ffffff; border:2px solid #afbe91}	
    #content {padding:15px}
	#content #navigation { margin:0 0 15px 0; width:100%; height:53px;}
	#homepage #content #navigation {margin:0}
	#content p {line-height:1.25em}
	
	/* get rid of bluebox in footer menu code */
	


 #feature {
		position: relative;
		left: 0px;
		width:200px;
        height:60px;
		padding:4px;
		background:#cc6699;
		border:1px solid #afbe91;
		font-size: 12px;
		font-family: verdana, arial, sanf-serif;
		font color: #ffffff;		
		text color: #ffffff;
		a link color:#ffffff;
		a visited color: #ffffff;
		a active color: #ffffff;
		}
		/*used this in menu *//*used this in featured sale */
        
         #messagesm {
		background-image:  url(../images/PurpleMessageSM.png);
      background-repeat: no-repeat;
      background-position: relative;
      height: 216px;
		width: 217px;
      padding-top:8px;
      margin-bottom:8px;
      
	
		}
		/*use this for small fabric tacked message purple use h3 and h4 for text*/
        
             #messagelg {
		
		background-image: url(../images/PurpleMessageLG.png);
        background-repeat: no-repeat;
      background-position: relative;
      height: 388px;
		width: 389px;
      padding-top:8px;
      margin-bottom:8px;
      
		}
		/*use this for large fabric tacked message purple use h3 and h4 for text */

 #specialpad { 
        padding: 18px;
        cellspacing; 18px:
        }
        
        /*used this to create padding in tables */
        

       .class_scrollbg{
      
		background:url(../Graphics/BGScrollPurple2.gif);
           	background-repeat: repeat-y;   

		position: relative;
		padding: 2px;
		
		margin-top: 2px;
		margin-right: 2px;
		margin-bottom: 2px;
		margin-left: 2px;
		text color: #998BAD;
		color: #998BAD;
		}
		/*used this */
        
 
 #box5 {
		background-image: url(../Graphics/BGScrollDKTurq.gif);


		
background-repeat:repeat;
		position: relative;
		top:0px;
		padding: 8px;
		height: 250px;
		width: 500px;
border:18px solid afbe91;
		margin-top: 2px;
		margin-right: 5px;
		margin-bottom: 28px;
		margin-left: 5px;

		text color: #ffffff;
		color: #ffffff;
		}

        
#footer {
		position: center;
		left: 0px;
		width:928px;
            height:204px;
		padding:2px;
				
		}
		/*used this for footer */
        
#logobanner {
		position: absolute;
		
		left: 8px;
		top:28px;
		padding:4px;
				
		}
		/*used to place logo banner */
        
#topright {
		position: absolute;
		left: 650px;
		top:32px;
        width:325px;
        height:126px;
		padding:4px;
		background:#cc6699;  
        text color: #ffffff;
		color: #ffffff;
        font-size: 13pt;
        font-family: Monotype Corsiva;
        word-spacing: 1pt;
        line-height: 14pt;
		border-width:5px;
        border-color:#afbe91;
        border-style:solid;
        border-color:#afbe91;
		}
		/*used to place top right content */

        	.top{
vertical-align:top;
}

	
/* use this in tables to top align <td class="top">
 */
.transparent_class {
        filter:alpha(opacity=50);
        -moz-opacity:0.5;
        -khtml-opacity: 0.5;
        opacity: 0.5;
}
/*designed for all browsers could not get this to work - class? ID? Div? */

 #rounded { 
 border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-top-right-radius:
border-top-left-radius: 3px;
border-bottom-right-radius:3px;
border-bottom-left-radius:3px;

-moz-border-radius:3px;
-moz-border-topleft:3px;
-moz-border-topright:3px;
-moz-border-bottomleft:3px;
-moz-border-bottomright:3px;
-webkit-border-radius:3px;
-webkit-border-top-left-radius:3px;
-webkit-border-top-right-radius:3px;
-webkit-border-bottom-left-radius:3px;
-webkit-border-bottom-right-radius:3px;}
/*used for rounded corers */
    
 .indented
   {
   padding-left: 50pt;
   padding-right: 50pt;
   }
       
/* intents a paragraph */

.transparent {
  zoom: 1; /* gives the object layout */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
} 

/*used this class element for 50 percent opacity all browsers*/







    <style TYPE="text/css"> 
    
    body 
{ 
scrollbar-base-color: 999966; 
scrollbar-arrow-color: cccc99;
scrollbar-track-color: 003366;
scrollbar-shadow-color: 996666;
scrollbar-highlight: ffffff;
scrollbar-3dlight-color: cccc99;
scrollbar-DarkShadow-Color: 996666; 
}    </style>

<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.indentmenu{
font: bold 10px Arial;
width: 100%; /*leave this value as is in most cases*/
position:center; 
overflow: hidden;
}
.indentmenu ul{
margin: 0;
padding: 0;
float: left;
width: 100%; /*width of menu*/
border: 0px solid #afbe91; /*dark purple border*/
border-width: 0px #afbe91;
background:  url(indentbg.gif) center center repeat-x;

}
.indentmenu ul li{
display: inline;

}
.indentmenu ul li a{
float: left;
width: 139px;
color: white; /*text color*/
padding: 5px 6px;
text-decoration: none;
border-right: 0px solid #afbe91; /*dark purple divider between menu items*/
}
.indentmenu ul li a:visited{
color: white;
}
.indentmenu ul li a:hover, .indentmenu ul li .current{
color: white !important; /*text color of selected and active item*/
padding-top: 5px; /*shift text down 1px for selected and active item*/
padding-bottom: 6px; /*shift text down 1px for selected and active item*/
background:  url(indentbg2.gif) center center repeat-x;

}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.indentmenu2{
font: bold 12px Arial;
width: 100%; /*leave this value as is in most cases*/
position:center; 
overflow: hidden;

}
.indentmenu2 ul{
margin: 0;
padding: 0;
float: left;
width: 100%; /*width of menu*/
border: 0px solid #afbe91; /*dark purple border*/
border-width: 0px 0;
background:  url(indentbg3.gif) center center repeat-x;

             }
.indentmenu2 ul li{
display: inline;
}
.indentmenu2 ul li a{
float: left;
width: 139px;
color: white; /*text color*/
padding: 5px 6px;
text-decoration: none;
border-right: 0px solid #afbe91; /*dark purple divider between menu items*/
}
.indentmenu2 ul li a:visited{
color: white;


}
.indentmenu2 ul li a:hover, .indentmenu ul li .current{
color: white !important; /*text color of selected and active item*/
padding-top: 4px; /*shift text down 1px for selected and active item*/
padding-bottom: 4px; /*shift text down 1px for selected and active item*/
background:  url(indentbg4.gif) center center repeat-x;
}
	.bluebox {
		
        position: center;
       	width:951px;
        height:91px;
		padding:0px;

		border:2px solid #afbe91;
		background-image:url(../Graphics/BGScrollDKTurq.gif);
            background-repeat: repeat-x;}
	
	
/*used this under footer menu */

 .whitetext {
          filter:alpha(opacity=100);
          opacity: 1;
          -moz-opacity:1;
          position: relative;
          color: #ffffff;       
          font-family: Verdana, Arial, Helvetica, sans-serif;
          font-size: 10px;
          font-weight: bold;
            }
            
            .floating-menu {
font-family: sans-serif;
padding: 5px;;
width: 130px;
z-index: 100;
position: fixed;
}



</style>
