/**********************
 OVERALL LAYOUT
***********************/


body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #fff url(images/bodyback.gif) top center;
}

#skiptomain {
	display: none;
}

#wrapper {
	font-size: 0.85em;
	width: 900px;
	margin: 20px auto;
}

#topcontainer {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

	#topheaderleft {
		float: left;
		width: 260px;
		margin: 0px;
		padding: 0px 10px;
	}

	#topheaderright {
		float: right;
		width: 260px;
		margin: 5px 0px 0px 0px;
		padding: 0px 10px;
		text-align: right;
	}

	#topheadermiddle {
		margin-left: 280px;
		margin-right: 280px;
		padding: 0px;
	}

	#topnav {
		height: 34px;
		padding: 6px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		background: url(images/topnavback.gif) repeat-x right bottom;	
	}
	
#pagecontainer {
	padding: 10px 0px 0px 0px;
	background: #fff;
}
	
	#pageleft {
		float: left;
		width: 150px;
		margin: 0px;
		padding: 5px 10px;
	}

	#pageright {
		float: right;
		width: 150px;
		margin: 30px 0px 0px 0px;
		padding: 5px 10px;
	}

	#pagecontent {
		margin-left: 20px;
		margin-right: 10px;
		float: left;
		padding: 5px 0px;
		width: 530px;
		min-height: 400px;
		height: auto;
		}
		/* for Internet Explorer */
		/*\*/
		* html #pagecontent {
			height: 400px;
		}
		/**/
		
		#brokcont {
			width: 530px;
		}

	#footer {
		background: #fff url(images/facestogether.jpg) no-repeat top center;
		clear: both;
		text-align: center;
		margin: 10px 0px 10px 0px;
		padding: 10px 0px 130px 0px;
		border-bottom: 5px solid #600;
	}

/*****************
 BODY FONT
 *****************/

body, table {
	font-family:  verdana, "Bitstream Vera Sans", geneva, arial, helvetica, helve, sans-serif;
	font-size: 16px;
}


/**********************
BODY FONT HACK FOR IE
 **********************/

* html body, * html table  {
	font-family:  verdana, "Bitstream Vera Sans", geneva, arial, helvetica, helve, sans-serif;
	font-size: medium;
}

/*****************
 FONTS
*****************/

#topheaderleft { font-size: 0.8em; color: #fff; }
#topheaderright { font-size: 0.8em; color: #fff; }
#topnav { font-size: 0.9em; }
#pageleft { font-size: 0.9em; color: #000; line-height: 1.4em; }
#pageright { font-size: 0.9em; color: #000; }
#pagecontent { font-size: 0.9em; color: #000; line-height: 1.5em; }
#footer { font-size: 0.8em; color: #000; line-height: 1.4em;}


/*****************
 HEADINGS
 *****************/

h1 { font-family:  "Comic Sans MS", verdana, "Bitstream Vera Sans", geneva, arial, helvetica, helve, sans-serif; font-size: 1.6em; display:block; color: #a07; font-weight: normal; margin: 0px 0px 5px 0px;}
h2 { font-family:  "Comic Sans MS", verdana, "Bitstream Vera Sans", geneva, arial, helvetica, helve, sans-serif; font-size: 1.4em; color: #c00; display: block; font-weight: normal;  margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px;}
h3 { font-size: 1.1em; display:block; margin: 0px 0px 0px 0px; padding: 5px 0px 5px 0px;}
h4 { font-size: 1.0em; display:block; margin: 0px 0px 0px 0px; padding: 5px 0px 5px 0px;}


/*****************
 BREAKS
 *****************/

br.breaker { clear: both; }
br.lbreaker { clear: left; }
br.rbreaker { clear: right; }
div.breaker { clear: left; font-size: 0.1em; height: 1px; }

/*****************
 PARAGRAPHS
 *****************/

p { margin: 5px 0px 5px 0px; }

/*****************
 SUP
 *****************/

sup { font-size: 0.6em; }

/*****************
 LINKS
 *****************/

#pagecontent a:link{ color: #a07; text-decoration: none }
#pagecontent a:visited{ color: #a07; text-decoration: none }
#pagecontent a:hover{ color: #c15; text-decoration: underline }

#footer a:link{ color: #a07; text-decoration: none }
#footer a:visited{ color: #a07; text-decoration: none }
#footer a:hover{ color: #c15; text-decoration: none }

/*****************
 IMAGES
 *****************/

img {
	border: none
}

/*****************
 IMAGE FLOATS
 *****************/

img.floatleft {
	float: left;
	margin: 0px 10px 10px 0px;
}

img.floatright {
	float: right;
	margin: 0px 0px 10px 10px;
}

/*****************
 FORMS
 *****************/

form.inline { display:inline; }

/*****************
 TOP OF PAGE NAV LIST
*****************/

#topnav ul {
	margin: 0px;
	padding: 0px;
}

	#topnav ul li {
		list-style: none;
		margin: 0px 2px 0px 0px;
		padding: 11px 0px 0px 0px;
		float: left;
		text-align: center;
		height: 23px;
	}
	
		#topnav ul li#tna { width: 110px;  background: url(images/tna-off.gif) no-repeat left top; }
		#topnav ul li#tnb { width: 105px; background: url(images/tnb-off.gif) no-repeat left top; }
		#topnav ul li#tnc { width: 110px; background: url(images/tnc-off.gif) no-repeat left top; }
		#topnav ul li#tnd { width: 110px; background: url(images/tnd-off.gif) no-repeat left top; }
		#topnav ul li#tne { width: 130px; background: url(images/tne-off.gif) no-repeat left top; }
		#topnav ul li#tnf { width: 130px; background: url(images/tnf-off.gif) no-repeat left top; }
		#topnav ul li#tng { width: 110px; background: url(images/tng-off.gif) no-repeat left top; }
		
		#topnav ul li#tna.active { width: 110px;  background: url(images/tna-on.gif) no-repeat left top; }
		#topnav ul li#tnb.active { width: 105px; background: url(images/tnb-on.gif) no-repeat left top; }
		#topnav ul li#tnc.active { width: 110px; background: url(images/tnc-on.gif) no-repeat left top; }
		#topnav ul li#tnd.active { width: 110px; background: url(images/tnd-on.gif) no-repeat left top; }
		#topnav ul li#tne.active { width: 130px; background: url(images/tne-on.gif) no-repeat left top; }
		#topnav ul li#tnf.active { width: 130px; background: url(images/tnf-on.gif) no-repeat left top; }
		#topnav ul li#tng.active { width: 110px; background: url(images/tng-on.gif) no-repeat left top; }
	
		#topnav ul a:link, #topnav ul a:visited {
			font-weight: bold;
			text-decoration: none;
			color: #000;
		}
		
		#topnav ul a:hover {
			color: #fff;
			text-decoration: none;
		}
		
		#topnav ul li.active a:hover {
			color: #a07;
			text-decoration: none;
		}


/*****************
 BROKERAGE ITEMS
*****************/

div.brokitem {
  	position: relative;
   	width: 120px;
   	height: 190px;
  	margin: 10px 10px 0px 0px;
  	padding: 0px 0px 0px 0px;
   	float: left;
   	background: #fff;
   	text-align: center;
}
 
 
div.brokitem p { margin: 5px 0px 0px 0px; padding: 0px 0px 2px 0px; }
  
div.brokitem strong { font-size: 0.9em; }

div.brokitem strong.spoffer { color: #c00; }

div.brokitemend {
	margin: 10px 0px 0px 0px;
}

/*****************
 TEXT ITEMS
*****************/

div.textleft {
	margin: 10px 0px 0px 0px;
	width: 45%;
   	float: left;
   }

div.textright {
	margin: 10px 0px 0px 0px;
	width: 45%;
   	float: right;
   } 
 
 
 /*****************
  ROUNDED BLOCKS
 *****************/
 
 div.roundedtop { 
 	float: left;
 	width: 150px; 
 	margin: 10px 0px 10px 0px; 
 	padding: 0px 0px 0px 0px; 
 	background: url(images/featuretop.gif) no-repeat left top; 
 	}
 
 div.roundedbottom { 
 	width: 130px; 
 	padding: 10px 10px 10px 10px; 
 	background:  url(images/featurebottom.gif) no-repeat left bottom;
 	}
 
 
div.roundedtop a:link{ color: #fff; text-decoration: none }
div.roundedtop a:visited{ color: #fff; text-decoration: none }
div.roundedtop a:hover{ color: #fff; text-decoration: underline }


 div.roundedtopleft { 
 	float: left;
 	width: 150px; 
 	margin: 10px 0px 10px 0px; 
 	padding: 0px 0px 0px 0px; 
 	background: #a07 url(images/featuretopleft.gif) no-repeat left top; 
 	}
 
 div.roundedbottomleft { 
 	width: 130px; 
 	padding: 10px 10px 10px 10px; 
 	background:  url(images/featurebottomleft.gif) no-repeat left bottom;
 	}
 
 
div.roundedtopleft a:link{ color: #fff; text-decoration: none }
div.roundedtopleft a:visited{ color: #fff; text-decoration: none }
div.roundedtopleft a:hover{ color: #fff; text-decoration: underline }


/*****************
 LEFT HAND SIDE LIST
*****************/

ul.sidenavlist{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	width: 150px;
	text-align: left;
}

ul.sidenavlist li{
	margin: 0px 0px 0px 0px;
	padding: 1px 0px 1px 0px;
	line-height:1.6em;
	border-bottom: 1px solid #3bc;
	background: url(images/sidenavicon.gif) no-repeat 0 8px;
}

ul.sidenavlist a:link, ul.sidenavlist a:visited{
	padding: 0px 0px 0px 15px;
	color: #000;
	text-decoration: none;
}

ul.sidenavlist a:hover, ul.sidenavlist a:active{
	color: #a07;
	text-decoration: underline;
}

/* APPLY HERE OVERRIDES */
ul.sidenavlist  li.here {
 	font-weight: bold;
}


/* APPLY HEADER OVERRIDES */
ul.sidenavlist  li.sidenavheader {
	width: 150px;
	margin: 0px 0px 3px 0px;
	padding: 3px 0px 3px 0px;
	background: #fff;
	color: #000;
 	font-weight: bold;
 	font-size: 1.1em;
 	letter-spacing : -1px;
 	border: 0;

}

/*****************
 RIGHT SIDE LIST
*****************/

#pageright ul.rightlist {
	margin: 0px 0px 10px 0px;
	padding: 0;
	list-style: none;
	width: 150px;
	background: #fff;
}


	#pageright ul.rightlist li{
		margin: 0px 0px 0px 0px;
		padding: 0px;
		line-height:1.5em;
		width: 150px;
		list-style-type: none;
	}

		#pageright ul.rightlist a:link, #pageright ul.rightlist a:visited{
			display: block;
			width: 150px;
			margin: 0px 0px 0px 0px;
			padding: 3px 0px 3px 0px;
			color: #a07;
			text-decoration: none;
			border-bottom: 1px dashed #999;
		}

		#pageright ul.rightlist a:hover, #pageright ul.rightlist a:active {
			color: #c15;
		}
		
		* html #pageright ul.rightlist, * html #pageright ul.rightlist li {
			width: 130px;
			margin: 0;
			padding: 0;
		}
		
		* html #pageright ul.rightlist a:link, * html #pageright ul.rightlist a:visited, * html #pageright ul.rightlist a:hover, * html #pageright ul.rightlist a:active {
			width: 134px;
			margin: 0;
			padding: 3px 0;
		}
		
		

/*****************
 SPEECH BUBBLE
*****************/


div.speechbubble {
	width: 130px;
	margin: 15px 0px 5px 0px;
	padding: 5px 5px 40px 10px;
	float: left;
	background: #fce url(/images/bubblebtm.gif) repeat-x bottom right;
	text-align: left;
	color: #c15;
}

  	 
/*****************
 TRANSITIONS
*****************/

/* default opacity for IE */
img {
	filter: alpha(opacity=100);
	}

/* duplicate image positioning */
img.idupe {
	position: absolute;
	z-index: 30000;
	visibility: hidden;
	}


/**********************
 FLASH ANIMBLOCK
***********************/

#flashanim {
	position: relative;
}

#flashanim.mainimage {
	background: transparent;
	width: 520px;
	height: 350px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

#flashanim img {
	display:none;
	position:absolute;
	top:0; left:0;
}

/************************
 PRODPAGE 
************************/

#prodpage {
	width: 530px;
	border: none;
	padding: 0;
	margin: 20px 0 0 0;
}

	* html #prodpage {
		width: 520px;
	}

	#pp-lft {
		width: 250px;
		float: left;
	}
	
	#pp-rgt {
		width: 270px;
		float: right;
		text-align: left;
	}
	
		.prodprice {
			font-weight: bold;
			color: #000;
			font-size: 1.1em;
		}
		
		.prodprice-so {
			font-weight: bold;
			color: #c00;
			font-size: 1.1em;
		}
		
		.prodprice-ns {
			font-weight: bold;
			color: #000;
			font-size: 1.0em;
		}
		
#moreprods {
	clear: left;
	padding-top: 10px;
}

/*******************************
 SITE MAP
*******************************/

#sitemapcont {
	width: 530px;
}

	#sitemapcont-lft {
		width: 250px;
		float: left;
	}
	
	#sitemapcont-rgt {
		width: 250px;
		float: right;
	}

	#sitemapcont ul.sitemap {
		border: 0;
		margin: 10px 0 0 0;
		padding: 0;
		list-style-type: none;
	}

		#sitemapcont ul.sitemap li {
			margin: 0px;
			padding: 0;
		}

			#sitemapcont ul.sitemap li.header {
				font-size: 1.4em;
				font-family:  "Comic Sans MS", verdana, "Bitstream Vera Sans", geneva, arial, helvetica, helve, sans-serif;
				margin: 5px 0px 10px 0px;
				color: #a07;
			}

			#sitemapcont ul.sitemap li.subheader {
				font-size: 1.2em;
				padding-left: 25px;
				background: url(images/sidenavicon.gif) no-repeat 10px center;
				margin: 5px 0px;
			}

				#sitemapcont ul.sitemap li.subheader a:link, #sitemapcont ul.sitemap li.subheader a:visited {
					color: #000;
				}

				#sitemapcont ul.sitemap li.subheader a:hover {

				}

			#sitemapcont ul.sitemap li.linker {
				padding-left: 35px;
			}

				#sitemapcont ul.sitemap li.linker a:link, #sitemapcont ul.sitemap li.linker a:visited {
					text-decoration: none;
				}

				#sitemapcont ul.sitemap li.linker a:hover {
					color: #000;
					text-decoration: none;
				}
				
#ordering-off {
	border: 1px solid #c00;
	padding: 2px;
}