/*****************
 GLOBAL
*****************/

* {margin:0; padding:0;}

p {margin: 0.5em 0 1.0em 0;}

img {border-width: 0;}

h1, h2, h3, h4, h5, h6 {margin:0.5em 0 0.2em 0;}

body {
	margin:0;
	padding:0;
	color: #000;
	background: #e8efec url(images/bodyback.gif) repeat-x fixed center top;
}

body, table {
	font-family:  'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
	font-size: 16px;
}

* html body, * html table  {
	font-family:  'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
	font-size: medium;
}


/**********
 HEADERS
**********/

h1 { font-size: 2.4em; color: #fab; line-height: 1.2em; font-weight: normal; font-family:  georgia, 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;}
h2 { font-size: 1.6em; color: #fab; line-height: 1.2em; font-weight: normal; font-family:  georgia, 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;}
h3 { font-size: 1.4em; color: #acb; line-height: 1.2em; font-weight: normal; font-family:  georgia, 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;}
h4 { font-size: 1.2em; color: #987; line-height: 1.5em; font-weight: normal; letter-spacing: -1px;}



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

form { display: inline; }


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

#skiptomain {
	display: none;
}

#wrapper {
	width: 1000px;
	margin: 0 auto;
	font-size: 0.85em;
	background: #fff;
}

	#pagecontainer {
		width: 980px;
		background: #fff;
		margin: 0px 10px;
	}

		#header {
			width: 980px;
			padding: 0px;
			margin: 0px;
			}


			#toplogo {
				padding: 10px 0px 0px 10px;
				width: 330px;
				float: left;
				font-size: 0.9em;
				color: #788;
			}
			
			#topmiddle {
				padding: 10px 0px 0px 0px;
				width: 230px;
				float: left;
				font-size: 0.95em;
				line-height: 1.4em;
				color: #788;
			}

				#topmiddle p {
					border: 1px solid #eee;
					padding: 10px;
				}


			#topright {
				padding: 10px 10px 0px 0px;
				width: 400px;
				float: right;
				text-align: right;
				font-size: 0.85em;
			}

			#topright a:link, #topright a:visited { color: #f78; text-decoration: none; }
			#topright a:hover { color: #f78; text-decoration: underline; }

				#topcart {
					margin: 0px 0px 0px 0px;
					padding: 0px;
					width: 180px;
					float: right;
					text-align: right;
				}

			/* #topnav and it's children ul#nav are now controlled by suckerfish.css */

			#navbar {
				width: 740px;
				float: left;
				padding: 0px 0px 0px 0px;
			}


			#searchbar {
				width: 200px;
				float: right;
				text-align: right;
				padding: 12px 0px 0px 0px;
				color: #333;
			}

				input.search {
					width: 140px;
					font-family: 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
					font-size: 0.9em;
					padding: 1px 0px;
				}

				input.searchsubmit {
					background: #fab;
					margin-left: 2px;
					width: 50px;
					border: 1px solid #f78;
					color: #fff;
					font-family: 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
					font-size: 0.9em;
					height: 21px;
					cursor: pointer;
				}


		#topbar {
			clear: both;
			width: 940px;
			padding: 0px 10px 3px 10px;
			margin: 0px 10px 0px 10px;
			background: #eee;
			color: #000;
			border-bottom: 1px solid #bbb;
		}

			#breadcrumb {
				width: 680px;
				float: left;
				margin: 0;
				padding: 7px 20px 5px 0px;
				font-size: 0.9em;
			}

				#breadcrumb a:link, #breadcrumb a:visited { color: #000; text-decoration: none; }
				#breadcrumb a:hover { color: #000; text-decoration: underline; }

			#topdate {
				width: 200px;
				float: right;
				text-align: right;
				margin: 0;
				padding: 7px 0px 5px 0px;
				font-size: 0.8em;
				color: #333;
			}

		#maincontent {
			float: left;
			clear: both;
			width: 960px;
			padding: 10px 0px 10px 0px;
			margin: 0px 10px;
			color: #000;
			line-height: 1.5em;
			font-size: 0.95em;
		}


			#maincontent a:link, #maincontent a:visited { color: #f78; text-decoration: none; }
			#maincontent a:hover { color: #f78; text-decoration: underline; }


			#maincontentleft {
				width: 150px;
				float: left;
				padding: 0px 0px 0px 0px;
				margin: 20px 12px 0px 0px;
			}

				#maincontentleft h3 { margin-left: 5px; color: #655; }

				#maincontentleft ul li.active { font-weight: bold; letter-spacing: -1px }

			#maincontentright {
				width: 798px;
				float: right;
				padding: 0px 0px 0px 0px;
				margin: 0px 0px 0px 0px;
			}


			#maincontentright a:link, #maincontentright a:visited { color: #f78; text-decoration: none; }
			#maincontentright a:hover { color: #f78; text-decoration: underline; }

		#pagefooter {
			clear: both;
			width: 940px;
			padding: 10px;
			margin: 0px 10px 0px 10px;
			font-size: 0.95em;
			background: #edc url(images/pagefooterback.gif) repeat-x center bottom;
			color: #333;
		}

		#pagefooter a:link, #pagefooter a:visited { color: #000; text-decoration: none; }
		#pagefooter a:hover { color: #000; text-decoration: underline; }


			#pagefooter1 {
				margin: 0px 20px 0px 0px;
				float: left;
				width: 140px;
				font-size: 0.9em;
				color: #000;
				padding: 15px 10px 5px 10px;
			}

			#pagefooter2 {
				margin: 0px 20px 0px 0px;
				float: left;
				width: 160px;
				font-size: 0.9em;
				color: #000;
				padding: 15px 10px 5px 10px;
			}

                		input.newsletter {
					width: 120px;
					font-family: 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
					font-size: 1em;
					padding: 2px 5px;
				}

				input.newslettersubmit {
					background: #fab;
					margin-top: 2px;
					border: 1px solid #f78;
					color: #fff;
					font-family: 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
					font-size: 1em;
					height: 21px;
					cursor: pointer;
				}

			#pagefooter3 {
				margin: 0px 20px 0px 0px;
				float: left;
				width: 130px;
				font-size: 0.9em;
				color: #000;
				padding: 15px 10px 5px 10px;
			}

			#pagefooter4 {
				margin: 0px 20px 0px 0px;
				float: left;
				width: 160px;
				font-size: 0.9em;
				color: #000;
				padding: 15px 10px 5px 10px;
			}

                		input.tellafriend {
					width: 120px;
					font-family: 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
					font-size: 1em;
					padding: 2px 5px;
				}

				input.tellafriendsubmit {
					background: #fab;
					margin-top: 2px;
					border: 1px solid #f78;
					color: #fff;
					font-family: 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
					font-size: 1em;
					height: 21px;
					cursor: pointer;
				}

			#pagefooter5 {
				margin: 0px 0px 0px 0px;
				float: left;
				width: 170px;
				font-size: 0.9em;
				color: #000;
				padding: 15px 10px 5px 10px;
			}


		#footer {
			width: 940px;
			padding: 20px 10px;
			margin: 10px 10px 0px 10px;
			font-size: 0.9em;
			color: #fff;
			background: #122;
		}

		#footer a:link, #footer a:visited { color: #acb; text-decoration: none; }
		#footer a:hover { color: #acb; text-decoration: underline; }


		#belowfooter {
			clear: both;
			margin: 0px;
			width: 960px;
			padding: 10px;
			font-size: 0.9em;
			color: #000;
		}

			#belowfootertext {
				width: 570px;
				margin: 0 20px 0 0;
				padding: 0px;
				float: left;
			}

			#belowfooterlogos {
				width: 350px;
				margin: 0px;
				padding: 0px;
				float: right;
				text-align: right;
			}

			.footerlogo {
				margin-left: 10px;
			}

		#belowfooter a:link, #belowfooter a:visited { color: #798; text-decoration: none; }
		#belowfooter a:hover { color: #798; text-decoration: underline; }


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

br.breaker { clear: both; }
br.lbreaker { clear: left; }
br.rbreaker { clear: right; }

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

#maincontentleft ul.leftlist {
	margin: 10px 0px 0px 0px;
	padding: 10px;
	list-style: none;
	width: 130px;
	background: #bdc;
}

	#maincontentleft ul.leftlist li{
		margin: 0px;
		padding: 0px;
		display: block;
		width: 130px;
		line-height: 1.5em;
	}

	#maincontentleft ul.leftlist li.header{
		font-size: 1.5em;
		padding: 5px 0px;
		color: #798;
		line-height: 1.2em;
		font-family:  georgia, 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
	}

	#maincontentleft ul.leftlist a:link, #maincontentleft ul.leftlist a:visited{
		color: #576;
		text-decoration: none;
	}

	#maincontentleft ul.leftlist a:hover, #maincontentleft ul.leftlist a:active {
		color: #576;
		text-decoration: underline;
	}


#maincontentleft ul.lefttextylist {
	margin: 10px 0px 0px 0px;
	padding: 10px;
	list-style: none;
	width: 130px;
	background: #ced;
}

	#maincontentleft ul.lefttextylist li{
		margin: 0px;
		padding: 0px;
		display: block;
		width: 130px;
		line-height: 1.5em;
	}

	#maincontentleft ul.lefttextylist li.header{
		font-size: 1.5em;
		padding: 5px 0px;
		color: #798;
		line-height: 1.2em;
		font-family:  georgia, 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
	}

	#maincontentleft ul.lefttextylist a:link, #maincontentleft ul.lefttextylist a:visited{
		color: #576;
		text-decoration: none;
	}

	#maincontentleft ul.lefttextylist a:hover, #maincontentleft ul.lefttextylist a:active {
		color: #576;
		text-decoration: underline;
	}

/*****************
PAGEBOTTOM LIST
*****************/

ul.pagefooterlist {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	list-style: none;
}

	ul.pagefooterlist li{
		margin: 0px;
		padding: 0px;
		display: block;
		line-height: 1.5em;
	}

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

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

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


/*****************
 UL
*****************/

 ul.normal {padding: 5px 0 5px 25px;}

/*****************
 OL
*****************/

 ol {padding: 5px 0 5px 25px;}


/*****************
 PRODUCTS
*****************/

.product {
  	float: left;
  	width: 140px;
  	height: 240px;
  	padding: 5px;
  	margin: 5px 12px 10px 0px;
 	background: #fff url(images/productback.gif) no-repeat center bottom;
 	color: #000;
 	position: relative;
}


.productend {
   	margin: 5px 0px 10px 0px;
}


.product p {
   	margin: 0px;
   	padding: 5px 10px 5px 10px;
}

.product strong {
   	font-size: 0.95em;
}

.productprice {
   	position: absolute;
   	bottom: 10px;
   	left: 15px;
}


/*****************
 LEFT NAV BROKERAGE
*****************/

.lhbrok {
  	float: left;
  	width: 140px;
  	height: 220px;
  	padding: 5px;
  	margin: 5px 0px 10px 0px;
 	background: #fff url(images/productback.gif) no-repeat center bottom;
 	color: #000;
}


.lhbrok p {
   	margin: 0px;
   	padding: 5px 10px 5px 10px;
}

.lhbrok strong {
   	font-size: 0.95em;
}


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

.bigtext {
   	font-size: 1.2em;
   	line-height: 1.6em;
}


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

#gallery { position: relative; }

	#flashanim {
		background: #fff;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		overflow: hidden;
		z-index: 1;
		width: 960px;
		height: 300px;
	}

 /**********************
  CATEGORY IMAGES
 ***********************/

 #catheader {
 	float: left;
 	width: 798px;
	padding: 0px;
	background: #edc;
 }


	#catfeaturetext {
		width: 368px;
		padding: 10px 10px;
		float: left;
		font-size: 1.3em;
		line-height: 1.3em;
		font-family:  georgia, 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;

	 }

	#catimage {
		width: 400px;
		float: right;
	}

/*****************
 ICON LINK
*****************/

a.iconlink {
	padding-left:10px;
	background: url(/images/icon.gif) no-repeat top left;
}


/*************
 PROD PAGE
*************/

#prodleft {
	float: left;
	width: 480px;
	margin-right: 20px;
}

	#prodleft img { float: left; }

	#altimgs {
		width: 480px;
		height: 82px;
		margin-top: 4px;
	}

		#altimgs a:link, #altimgs a:visited {
			float: right;
			border: 1px solid #999;
			display: block;
			width: 80px;
			height: 80px;
			margin-left: 5px;
		}
		#altimgs a:hover, #altimgs a:active {
			border: 1px solid #FFAABB;
		}

		#altimgs img.alternative {
			float: none;
			background: #fff;
		}

#prodright {
	float: left;
	width: 258px;
	min-height: 440px;
	background: #FFAABB;
	padding: 20px;
}

	#prodright h1 {
		color: #fff;
		font-size: 2.0em;
		margin: 0 0 20px 0;
	}

	#prodright h2 {
		color: #fff;
		font-size: 3.0em;
		margin: 10px 0 10px 0;
	}

	#prodright p {
		color: #fff;
		margin: 0 0 10px 0;

	}

		#prodright p.category {
			font-size: 1.1em;
			margin: 0;
		}

	#prodright a:link, #prodright a:visited { color: #fff; }
	#prodright a:hover, #prodright a:active { color: #000; }

	#prodright form.addprod {
		display: block; border-top: 1px dotted #fff;
		padding: 10px 0 0 0;
	}

		#prodright form.addprod label {
			font-weight: bold;
			font-size: 0.85em;
		}

		#prodright #qty {
			width: 80px;
		}

		#prodright #subtotal {
			border: none;
			background: none;
			color: #fff;
			font-size: 2.0em;
			font-family:  georgia, 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
			width: 120px;
		}

		#prodright #addtobag {
			color: #fff;
			font-family: 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
			background: #acb;
			border: 1px solid #798;
			cursor: pointer;
		}

/**********
 NEWS PAGE
**********/
ul.news {
	margin: 0 0 0 20px
}

	ul.news li {
		list-style: square;
	}

/*************
 CONTACT PAGE
*************/


#contact-left {
    float: left;
    width: 470px;
    margin: 0px 0px 0px 0px;
}

#contact-right {
    float: right;
    width: 470px;
    margin: 0px 0px 0px 20px;
}

	#gmap-div {
	    float: right;
	    width: 470px;
	    margin: 0px 0px 0px 0px;
	}

	#gmap {
	    height: 400px;
	    border: 1px solid #AAA;
	}

	#gdirections {
	    padding: 5px;
	    border: 1px solid #AAA;
	    border-top: 0px;
	}

	#gdirections #gmap-from {
	    margin: 5px 0px 0px 0px;
	}

	#gdirections #gmap-go {
	    margin: 5px 5px 0px 0px;
	    padding: 0px 3px;
		background: #fab;
		border: 1px solid #f78;
		color: #fff;
		font-family: 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
		font-size: 0.9em;
		height: 20px;
		cursor: pointer;
	}

	#gdirections #gmap-panel td {
	    font-size: 0.8em;
	}

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

h2.sitemap { clear: both; }
h3.sitemap { clear: both; font-size: 1.2em; padding-left: 10px; }

ul.sitemap {
	clear: both;
	float: left;
	margin: 0;
}

	ul.sitemap li {
		float: left;
		width: 310px;
		padding: 0 0 0 10px;
	}

ul.sitemap2 {
	clear: both;
	float: left;
	margin: 0;
}

	ul.sitemap2 li {
		float: left;
		width: 300px;
		padding: 0 0 0 20px;
	}