/*the following prepared style rules determine colors, fonts, layout, and text wrap around the image in the content area*/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin: 0;
	--background-color: #ff9966;
	--background-color: #E99DB4 ;
	background-color: #EBBE7A;
	--background-color: #C39248;
	
	text-align: center;		
}

h1 {
	font-size: 2em;
}

#reg _old{
text-align: left;		
background: #C6B8DD;
margin-left: auto;
margin-right: auto;
}

#reg {
text-align: left;		
background: #FFFFFF;
margin-left: auto;
margin-right: auto;
}

div#cartheader {
  display: table;

  text-align: center;
}

.span {
  display: table-cell;
  vertical-align: middle;
}

#container {
width: 1150px;
height: 250px;

text-align: center;		
background: #ffffff;
margin-left: auto;
margin-right: auto;
margin-top: -10px;
}
#header_old {
width: 1150px;
text-align: left;		
background: #C6B8DD;
margin-left: auto;
margin-right: auto;
}

#header {
width: 1150px;
text-align: left;		
background: #FFFFFF;
margin-left: auto;
margin-right: auto;
}

#divmenu {
background: #9B85BE ;
width: 1150px;
}

#content {
  float: center;
  width: 1150px;
  --width: 800px;
  background: #ffffff;
  --border: 1px solid;
  text-align: left;
  margin-top: -10px;
  margin-right: auto;
  margin-bottom: 10px;
  margin-left: auto; 
}

#prodcount {
  float: center;
  width: 90%;
  height: 100px;
  padding: 2px;
  border: 0px;
  text-align: left;
  margin-top: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
  margin-left: 5%; 
  background: #000000;
}

/*start writing the new style rules below this comment*/

#siteName {
	width: 800px;
	height: 150px;
	text-align: center;		
	margin-left: auto;
	margin-right: auto;	
}
#siteName h1 {
	font-style: italic;
	color: #D0B26F;
	padding: 120px 0 0 0;
	background-image: url(ronron2.png);
}
h2 {
	font-size: 1.7em;
}

h4{
    color:#000000;
    font-size: 20px;
    position: relative;
    display: inline-block;
}
#fullprice{
    color:#ccc;
    font-size: 20px;
    position: relative;
    display: inline-block;
	margin-left: 5px;
	margin-right: 5px;
}

#fullprice span {
    position: absolute;
    width: 100%;
    border-top: 1px solid red;
    left: 0;
    top: 50%;
}

#footer {
	float: center;
	width: 1150px;
	height: 115px;	
	color: #000000;	
	background: #ffffff;	
	text-align: left;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto; 
}
#footertable0 {
	float: center;
	width: 1150px;
	height: 85px;
	color: #000000;	
	background: #ffffff;	
	text-align: left;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto; 	
}
#footertable {
	float: center;
	width: 1150px;
	height: 30px;	
	color: #000000;	
	background: #ffffff;	
	text-align: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto; 
}

.pageName {
	font-variant: small-caps;
	color: #3C4138;
	border-bottom: 3px dotted #3C4138;
}
.feature {
background: url(yellowgradient.gif) repeat-y right;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	padding-left: 1em;
}
.extra {
background: url(star.gif) no-repeat left 50%;	
	padding-left: 1em;
	}
	
	.tabs {
		text-align: left;
		margin-right: 2px;
	}
	
	.tabs li {
				list-style:none;
				display:inline;
			}

			.tabs a {
				padding:5px;
				display:inline-block;
				background:#9B85BE;
				color:#3E216D;
				text-decoration:none;
				font-size: 120%;
				font-weight: bold;
			}
			.tabs a.active {
				background:#563985;
				color:#EBBE7A;
			}			
			.tabs a:hover {
				background:#9B85BE;
				color:#FFDDAB;
			}			
			
ul.grid-nav {
	list-style: none;
	font-size: .85em;
	font-weight: 200;
	text-align: center;
}
ul.grid-nav li {
	display: inline-block;
}
ul.grid-nav li a {
	display: inline-block;
	background: #999;
	color: #fff;
	padding: 10px 20px;
	text-decoration: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
ul.grid-nav li a:hover {
	background: #7b0;
}
ul.grid-nav li a.active {
	background: #9B85BE;
}
.grid-container {
	display: none;
}
/* ----- Image grids ----- */
ul.rig {
	list-style: none;
	font-size: 0px;
	margin-left: -2.5%; /* should match li left margin */
	margin-right: 2.5%; /* should match li left margin */
}
ul.rig li {
	display: inline-block;
	--padding: 10px;
	margin: 0 0 2.5% 2.5%;
	background: #fff;
	--border: 1px solid #ddd;
	font-size: 16px;
	font-size: 1rem;
	vertical-align: top;
	--box-shadow: 0 0 5px #ddd;
	--box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
ul.rig li img {
	max-width: 100%;
	height: auto;
	margin: 0 0 10px;
}
ul.rig li h3 {
	margin: 0 0 5px;
}
ul.rig li p {
	font-size: .9em;
	line-height: 1.5em;
	color: #999;
	text-align: left;
}

/* class for 1 column */
ul.rig.columns-1 li {
	width: 95%; /* this value + 2.5 should = 50% */
}
/* class for 2 columns */
ul.rig.columns-2 li {
	width: 47.5%; /* this value + 2.5 should = 50% */
}
/* class for 3 columns */
ul.rig.columns-3 li {
	width: 30.83%; /* this value + 2.5 should = 33% */
}
/* class for 4 columns */
ul.rig.columns-4 li {
	width: 22.5%; /* this value + 2.5 should = 25% */
}

@media (max-width: 1199px) {
	.container {
		width: auto;
		padding: 0 10px;
	}
}

@media (max-width: 20px) {
	ul.grid-nav li {
		display: block;
		margin: 0 0 5px;
	}
	ul.grid-nav li a {
		display: block;
	}
	ul.rig {
		margin-left: 0;
	}
	ul.rig li {
		width: 100% !important; /* over-ride all li styles */
		margin: 0 0 20px;
	}

	
}