body {
		text-align: center;
		background: url('images/background-new1.jpg') repeat fixed 0%;
		font-family: 'Trebuchet MS', helvetica, sans-serif;
		margin:0px;
		padding:0px;
		color:#333;
		}
	
	#frame {  
		width:780px;
		margin-top:0;
		margin-right:auto;
		margin-bottom:0;
		margin-left:auto;
		text-align:center;
		top:0px;
		padding:0px;
		background-color:#fff;
		}
		
	#header {
		float:left;
		margin:0;
		padding:0;
		border:none;
		width:100%;
		text-align:center;
		position:relative;
		}

	#header a img {
		border:none;
		display:block; /* for IE */
		}

	#rightbody img {
		float:right;
		}
	
	#subheader {
		float:left;
		margin:0;
		padding:0;
		width:100%;
		text-align:center;
		position:relative;
		border-bottom:navy 1px solid; 
		}

	#subheader img {
		display:block; /* for IE */
		}

	#breadcrumbs {
		float:left;
		margin:0;
		padding:0;
		width:100%;
		height:25px;
		background-color:#eef;
		text-align:center;
		border-bottom:navy 1px solid;  
		}

	.error {
		color:red;
		}

label {
	display:block;
	font-size:80%;
	font-weight:bold;
	margin:5px 0;
}

	#detailheadline {
		float:left;
		margin:0;
		padding:0;
		width:100%;
		text-align:center;
		position:relative;
		border-bottom:silver 1px solid; 
		}

/***************************************************************************************************************/
/*                                                                                                             */
/* These sections come from http://matthewjamestaylor.com/blog/equal-height-columns-cross-browser-css-no-hacks */
/*                                                                                                             */
/*     #dtlcontainer2, #dtlcontainer1, #detailleft, #detailright                                               */
/*     #maincontainer2, maincontainer1, #mainbody, #rightbody                                                  */
/*                                                                                                             */
/*     they're complicated, but they work!                                                                     */
/*                                                                                                             */
/***************************************************************************************************************/

	#dtlcontainer2 {
		float:left;
		text-align:center;
		width:100%;
		overflow:hidden;
		background-color:#eef;
		position:relative;
		}

	#dtlcontainer1 {
		float:left;
		width:100%;
		position:relative;
		right:60%;
		background-color:#fff;
		}

	#detailleft {
		float:left;
		width:37%;
		position:relative;
		text-align:center;
		left:61%;
		overflow:hidden;
		padding-top:8px; /* so the tabs are connected to the 'window' they correspond to */
		}

	#detailright {
		float:left;
		width:58%;
		position:relative;
		left:64%;
		height:125%;
		overflow:hidden;
		text-align:center;
		}

	#maincontainer2 {
		float:left;
		text-align:center;
		width:100%;
		overflow:hidden;
		background-color:#fff;
		position:relative;
		}

	#maincontainer1 {
		float:left;
		width:100%;
		position:relative;
		border-right:silver 1px dotted;
		right:32%;
		background-color:#fff;
		}

	#mainbody {
		float:left;
		width:66%;
		position:relative;
		text-align:center;
		left:33%;
		overflow:hidden;
/*		border:navy 1px solid; */
		}

	#rightbody {
		float:left;
		width:30%;
		position:relative;
		left:35%;
		height:100%;
		overflow:hidden;
		text-align:center;
/*		border-left:navy 1px solid;  */
		}

	#mainbody table {
/*		width:100%; */
		margin-left:auto;
		margin-right:auto;
		margin-top:10px;
		margin-bottom:10px;
		padding:0;
/*		border:silver 1px solid; */
		}

	.productcat {
		background-color:#fff;
		border:#ccf 2px solid;
		text-align:center;
		padding-bottom:0;
		width:50%;
		}

	#rightbody table {
		margin-left:auto;
		margin-right:auto;
		margin-top:10px;
		background-color:#fff;
		padding:0;
		border-top:silver 1px dotted;
		width:225px;
		}
	
	
	#detailleft table {
		border:silver 1px solid;
		margin-top:0px;
		margin-bottom:10px;
		width:288px;
		}

	#detailright table {
/*		border:silver 1px solid; */
		text-align:left;
		color:#666;
		width:99%;
		margin:0px 5px 5px 5px;
		background-color:#fff;
		}

	#detailright table td {
/*		vertical-align:top; */
		}

	#detailright table table {
		background-color:#eef;
		border:white 1px solid;
		vertical-align:bottom;
		text-align:right;
		}

	#detailright table table td {
		font-size:70%;
		vertical-align:bottom;
		text-align:right;
		}

	#detailright table table th {
		font-size:70%;
		vertical-align:bottom;
		text-align:right;
		border-bottom:silver 1px solid;
		}

	#detailright table table td.note {
		font-size:70%;
		vertical-align:bottom;
		text-align:left;
		}

	ul.styled {
		margin:0;
		padding:0;
		}

	#detailright select{
		width:200px;
		color:#669;
		}
	
	.wide200 {
		width:200px;
		color:#669;
		}

	.wide300 {
		width:300px;
		color:#669;
		}

	#detailright input.qty {
		width:50px;
		color:#669;
		}

	#detailright table tr.addtocart {
		background-color:#ccf;
		text-align:right;
		}

	h1 {
		font-size:1.3em;
		font-weight:bold;
		color:#666;
		margin:0;
		padding:0;
		background-color:#fff;
		}
		
	h2 {
		font-size:1.1em;
		font-weight:bold;
		color:navy;
		margin:0;
		padding:0;
		}

	h2.banner {
		font-size:1.1em;
		font-weight:bold;
		color:#666;
		margin:0;
		padding:0;
		background-color:#b2c9f0;
		}

	h3 {
		font-size:.8em;
		font-weight:bold;
		color:navy;
		margin:0;
		padding:0;
		}
		
/* #design {
		width:190px;
		padding:0;
		margin:5 0 0 5;
		float:left;
		}
*/
	ul, li {
 		margin-left:1em;
		}

	.testimonial {
		font-size:75%;
		color: navy;
		padding: .3em .3em .3em 4em;
		text-align:left;
		}

	.note {
		font-size:90%;
		color:gray;
		}

	.question {
		color: navy;
		font-weight:bold;
		}

	.underline {
		text-decoration:underline;
		}

	.bigq {
		font-size:1.3em;
		color:red;
		}

	.hide {
		display:none;
		}

	.show {
		display:inline;
		}

	.biga {
		font-size:1.3em;
		color:navy;
		}
a {
		text-decoration:none;
		color:blue;
		}

	a.hover:hover {
		text-decoration:underline;
		}
	
	a:visited {
		text-decoration:none;
		color:blue;
		}

	p {
		font-size:70%;
		text-align:left;
		margin:5px 0 0 0;
		padding:2px;
		}

	.psized {
		font-size:70%;
		text-align:left;
		margin:5px 0 0 0;
		padding:2px;
		}

	#designs p {
		font-size:70%;
		text-align:center;
		margin:0;
		padding:2px;
		}

	#choices li {                    /*this is for tabcontent */
		font-size:100%;
		text-align:left;
		margin-left:10px;
		}

	#choices1 li {                    /*this is for tabcontent */
		font-size:100%;
		text-align:left;
		margin-left:10px;
		}

	li {
		font-size:75%;
		text-align:left;
		margin-left:10px;
		}

	ul.styled {
		text-align:left;
		margin:0px 1px 0px 8px;
		padding:0px 1px 0px 8px;
		}

	ul.styled1 {
		font-size:1.3em;
		text-align:left;
		margin:0px 1px 0px 8px;
		padding:0px 1px 0px 8px;
		}


	li.styled {
		line-height:14px;
		}

	li.headline {
		font-size:80%;
		text-align:left;
/*		line-spacing:110%; */
		text-indent:-3px;
		margin-left:-10px;
		}

	td {
		vertical-align:top;
		}

	input, select, option {
		font-size:90%;
		}

	.red {
		color:red;
		}
	
	.left {
		text-align:left;
		padding:5px;
		}

	.center {
		text-align:center;
		}

	.right {
		text-align:right;
		}

	.rightfloat {
		float:right;
		}


	#footer {
		float:left;
		text-align:center;
		border-top:1px solid navy;
		background-color:#fff;
		width:780px;
		height: 90px;
		}

	#randm, #randm img {
		margin:auto;
		width:208px;
		height:208px;
		}

/*************************************************** End of CT-BC************************************************/