@import "reset-fonts.css";
body {
	background:#fffbcc url(/pics/shared/body-bg.gif) repeat-x center top;
	text-align:center;
	}
#container {
	width:800px;
	margin:0 auto;
	text-align:left;
}
#content {
	background:#fff url(/pics/shared/content-bg.png) repeat-y;
	float:left;
	width:100%;
	margin-bottom:3em;
	}

/* BASIC ELEMENTS */
a {color:#030;}
em, i, strong em, em strong {font-style:italic;}
strong, strong em, b, b em {font-weight: bold;}
p, blockquote, ul, ol,label {
	margin: 0 0 1.5em 0;
	}
	blockquote {margin: 0 0 1.5em 2.5em;}
li {line-height:1.6em;}
hr {clear:both;}
.clear {clear:both;}
form, input, select {font-family:trebuchet ms,verdana,arial,sans-serif;}
/* PRODUCTS MENU */
#products {
	text-align:center;
	background:#fffbcc;
	padding:5px 0;
	border-left: 1px solid #f0f0f0; 
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #f0f0f0;
	margin: 0 24px;
	}
	#dealer-login {
		text-align:center;
		background:#fffbcc;
		padding:5px;
		border-left: 1px solid #f0f0f0; 
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		border-top: 1px solid #f0f0f0;
		margin: 1em 25px 0 0px;
		font-size:92%;
		overflow:hidden;
		}
	#dealer-login form {
		background:#fffcd6;		
		}
	#dealer-login fieldset {
		padding:5px;
		text-align:left;
		border:1px solid #d6dbad;
		}
	#dealer-login input {
		margin:0;
		margin-bottom:.35em;
		border: 1px solid #c59217;
		padding:2px;
		} 
		#dealer-login input#login {padding:0;border:none;}

#dealer-apply { 
		text-align:center;
		background:#fffbcc;
		padding:5px;
		border-left: 1px solid #f0f0f0; 
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		border-top: 1px solid #f0f0f0;
		margin: 1em 25px 0 0px;
		font-size:92%;
		overflow:hidden;
}

#dealer-apply fieldset {
		padding:5px;
		text-align:left;
		border:1px solid #d6dbad;
		}

#products h2 {
	font: normal small-caps normal 136%/normal georgia, times, serif;
	padding:.45em 0 0 0;
	margin:0 5px;
	/*width: 168px;*/
	background:#fffcd6;
	border:1px solid #d6dbad;
	border-bottom:none;
	text-align:center;
	}
/*#products ul {
	font-size:77%;
	background:#fffcd6;
	margin:-1px 5px 0 5px;
	border:1px solid #d6dbad;
	border-top:none;
	
	}
	#products ul img {margin:.85em 0;}
	#products ul li a {
		margin:0 1em;
		padding:.45em .7em;
		display:block;
		border-bottom:1px dashed #c59217;
		text-decoration:none;
		color:#000;
		text-align:left;
		}
		#products ul li:first-child a, #products ul li.first a {border-top:1px dashed #c59217;}
		#products ul li a:hover {text-decoration:underline;background:#fffef1;background:#e8e5c1;}
		#products ul li a strong {color:#5b001b;}
		#products  li {margin:0;display:block;}*/
		
		
/* HEADINGS */
h1 {font: normal normal normal 197%/normal georgia, times, serif;background:#fff;}
	#header h1 {
		margin:0;
		background:url(/pics/shared/logo-bg.gif) no-repeat top left;
		float:left;
		padding-right:32px;
		width:260px;
		}
		#header h1 img {
			margin: 36px 0 10px 32px;
		}
h2 {font: normal normal normal 136%/normal georgia, times, serif;}
h3 {font: normal normal normal 122%/normal georgia, times, serif;margin:0 0 1em 0;}
	h3.tag-line {color:#610020; text-align:center;}

/* LAYOUT */
.column{float:left;}
#left {width:29%;}
.three-column #main {width:45%;margin-right:2%;font: normal normal normal 100%/150% georgia, times, serif;}
.two-column #main {width:67%;margin-right:2%;font: normal normal normal 100%/1.5em georgia, times, serif;}
.two-column #main.product-list {width:68%; background:#fff url(/pics/products/three-column-bg.gif) repeat-y 174px top;}
.three-column #main.product-list {background:#fff url(/pics/products/two-column-bg.gif) repeat-y 174px top;}
#right {float:right;width:24%;}

#breadcrumbs {
	float:left;
	width:100%;
	clear:both;
	background: url(/pics/shared/breadcrumbs-bg.gif) no-repeat center top;
	font-family: verdana, trebuchet ms, arial, sans-serif;
}
#breadcrumbs p {
	margin: 1em 20px 1.5em 29%;
}
#breadcrumbs br {display:none;}
#breadcrumbs span {float:right;}
.cart {padding-left:17px; background:url(/pics/icons/cart.gif) no-repeat left center;}


/* NAVIGATION */
#nav {
	background:#610020;
	display:block;
	margin:0 0 0 0;
	clear:right;
	}
#nav ul {
	font: normal normal bold 9px/1em trebuchet ms, arial, sans-serif;
	text-transform:uppercase;
	float:left;
	/*border: 1px dashed #996071;*/
	border-right: none;
	border-left: none;
	margin:0 0;
	height: 48px;
	overflow:hidden;
	width:500px;
	}
* html #nav ul { height: 48px; }
	#nav ul li {float:left; margin:0; padding:0;}
#nav ul li a {
	float:left;
	padding: 15px 8px 16px 8px;
	text-decoration: none;
	color:#fff;
	white-space:nowrap;
	width:auto;
	/*background:black;*/
	}
#nav ul li a:hover{text-decoration:underline;}
#nav ul li:first-child a {margin-left:0px;}

/*FOOTER*/
#footer {
	background: url(/pics/shared/footer-bg.gif) no-repeat center bottom;clear:left;float:left;width:100%;margin: 4em 0 0 0;padding:0 0 2em 0;
}
#footer form, #footer ul, #footer p {margin-left:29%;font-size:92%;}
#footer ul li {display:inline;font-size:92%;}

/*FEATURED PRODUCTS*/
h2#creative-gifts {
	background:url(/pics/index/creative-gifts-bg.gif) repeat-x;
	text-align:center;
	clear:both;
}
.featured-product {
	text-align:center;
	float:left;
	width:33%;
}
.featured-product a {
	
}
.featured-product img {
	padding:  4px;
	width:80%;
	background:#fff;
	border: solid 1px #ccc;
}
#featured {background:#eceacc;float:left;width:94%;padding:5% 3%;}
p.apply {
	font-size:92%;
	text-align:center;
	margin:1em 1em 0 0;
	}
	
	
/*PRODUCTS*/
.product-list h1 {padding-bottom:.5em;}
.product {
	width:173px;
	text-align:center;
	overflow:hidden;
	float:left;
	margin: 0 1px;
	padding: 1em 0;
	border-top:dashed 1px #c4cbb6;
	}
	.product div.product-img img {
		padding:3px;
		background:#fff;
		border:1px solid #c4cbb6;
		max-width:150px;
		max-height:180px;
		}
	.product h3 {
		font-size:85%;
		font-weight:bold;
		color:#030;
		margin: 1em .5em;
		}
	.product .description {
		font: normal normal normal 68%/120%  verdana, trebuchet ms, arial, sans-serif;
		margin:0 1em;
		}
	.product .id-price {
		font: normal normal bold 68%/120%  verdana, trebuchet ms, arial, sans-serif;
		text-transform:uppercase;
		margin:1em 0;
		}
		.product .id-price em {
			font-style:normal;
			color:#5b001b;
			}
p.white { background:#fff; margin:0; padding-bottom:1.5em; }			

			
#login-info {
	margin-top:67px;
	color:#fff;
	font-size:68%;
	background:url(/pics/shared/login-info.gif) repeat-x left top;
	padding:.75em 1em;
	float:right;

	}
	#login-info a {
		color:#fff;
		}
		
	
#sales-rep-list li {
	/*width:165px;
		float:left;height:90px;*/
	margin: 1em 0 0 0;
	
	}
	#sales-rep-list .adr,
	#sales-rep-list .tel {
		font: normal normal normal 77%/150% verdana,trebuchet ms,arial, sans-serif;
		margin:0 0 .5em 0;
		}
#main ul {
	list-style: disc outside;
	}
	#main ul li {
		margin-left:2.5em;
		}
		#main ul li ul {
			list-style: circle outside;
			margin-bottom:0;
			}
			#main ul li ul li ul {
				list-style: square outside;
				margin-bottom:0;
				}

#contact input,
#contact textarea {
	width:330px;
	padding:5px;
	margin:.25em 0 1em 0;
	border: 1px solid #996;
	font-size:125%;
	color:#030;
	font-family:trebuchet ms, verdana,arial,sans-serif;
	}
#contact input#submit,
#contact input#reset {
	width:auto;
	border:2px outset #ccc;
	}			

#searchform{
	margin: 1em 0;
	border-bottom:1px solid #ccc;
	padding-bottom: 1em;
}
.results {padding:.5em;border-top:1px solid #ccc;}

#searchform input {
	padding:5px;
	border: 1px solid #996;
	}
	#searchform #keywords {
		width:90%;
	}
	#searchform select {
		padding:3px;
		border: 1px solid #996;	
		padding:4px;
	}
#searchform label {
	font: normal small-caps normal 120% Georgia, Times, serif;
	margin:.5em 0 .25em 0;
	display:block;
}
#searchform br {display:none;}

#search-results li {
	line-height:130%;
	margin-bottom:.8em;
}
#search-results ol {
	list-style: decimal outside;
	padding-left:2.5em;
	font-size:92%;
}
#search-results h3 {
	margin-bottom:0;
}


/* highlight search keywords in text */
.hilight {background-color:#ffb; padding:0 .2em;display:inline;}

#shopping-cart td, #shopping-cart th {
	text-align:left;
	padding: .75em .75em;;
	vertical-align:top;
	font: normal normal normal 77%/normal Verdana, Trebuchet MS,  sans-serif;
}
 #shopping-cart thead th {
	background:#030;
	color:#fff;
	font-weight:bold;
}
#shopping-cart th.tright,#shopping-cart td.tright {text-align:right;}
#shopping-cart th.tmid,#shopping-cart td.tmid {text-align:center;}
.cart-row td{border-bottom:solid 1px #e8e5c1;}
.cart-row.on td{background:#f8f7ee;}
#shopping-cart input {
	padding:2px;
	border: 1px solid #996;
	text-align:center;
	font-family:verdana,sans-serif;
}
#notifications{
	list-style:none;
	background:#ffc;
	border: solid 1px #cc9;
	padding:1em 0;
	margin:0 0 1em 0;
	font: normal normal bold 92%/normal trebuchet ms, verdana, sans-serif;
	text-align:center;
}
#notifications li {
	margin:0 2em;
	padding:0;
	list-style:none;
}

table.profile {width:100%;margin:0 0 1em 0;}
table.profile a {color:#fffcd6}
table.profile thead th {
	background:#030;
	color:#fff;
	padding:.5em;
}

table.profile tbody th, table.profile tbody td {
	font: normal normal normal 92% verdana,trebuchet ms, Arial, sans-serif;
	padding: .5em;
	vertical-align:top;
	border-top:solid 1px #e2deb2;
}
table.profile tbody th {
	font-weight:bold;
	text-align:right;
}
.on {background: url(/pics/products/highlight.gif) repeat-x top left;}
#quick-search {
	background: url(/pics/shared/quick-search-bg.gif) no-repeat top left;
	float:left;
	padding:11px 13px;
	margin: 10px 12px 0 12px;
}
#quick-search input {float:left;}
#quick-search #search {
	margin-right:4px;
	font: normal normal normal 10px/normal verdana, sans-serif;
	border: solid 1px #ccc;
	padding:3px;
	width:120px;
	}

#contact_address p {
	font: normal normal normal 12px/1.3em Georgia, Times New Roman, Times, serif;
	margin-left:0px;
	text-align:center;
}
.thawte {
	float:right;
	padding: 0 35px 0 0;
}
/*SUCKERFISH
#products ul {position:relative;}

#products ul li ul { 
		position : absolute;
		left: -999em;
		margin-left : 158px;
		margin-top : -23px;
		padding:0;
		width:150px;
		border:none;
		border-top:1px dashed #c59217;
	}
	
	#products ul li ul ul {
		left: -999em;
	}
	#products ul ul li:first-child a, #products ul ul li.first a {border:none;border-bottom: dashed 1px #fff;}
	#products ul ul li a {
		margin:0;
		border:none;
		color:#000;
		padding: 6px 10px;
		background:#e8e5c1;
		border-bottom: dashed 1px #fff;
		font-size: 10px;
	}
	
	#products ul li a:hover {

	}
	
	#products ul li:hover ul ul, #products ul li:hover ul ul ul, #products ul li.sfhover ul ul, #products ul li.sfhover ul ul ul {
		left: -999em;
	}
	#products ul li:hover ul, #products ul li.sfhover ul {
		
	}
	#products ul li:hover ul, #products ul li li:hover ul, #products ul li li li:hover ul, #products ul li.sfhover ul, #products ul li li.sfhover ul, #products ul li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
		left:0;
	}
	
	*/
	
form #account-info table.no_block  td input {margin:0;}



/* common styling */
.menu { position:relative; margin:0 5px; font-size:10px;  padding: 0 3px;border-right:1px solid #d6dbad; border-left:1px solid #d6dbad;background:#fffcd6;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000; width:148px;  text-align:center; border-top:1px dashed #c59217;  background:#fffcd6; line-height:normal;padding: 5px; font-size:10px;}
.menu ul {padding:0; margin:0;list-style-type: none; border-bottom:1px dashed #c59217;border-top:none;}
.menu ul li {float:left; margin-right:1px; position:relative;}
.menu ul li ul {display: none;padding:5px;background:#610020;border-top:1px dashed #c59217;border-bottom:none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#fff; background:#610020;}
.menu ul li:hover ul {display:block; position:absolute; top:0; left:158px; }
.menu ul li:hover ul li a.hide {background:#dfc184; color:#000;}
.menu ul li:hover ul li:hover a.hide {width:150px;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#fffcd6; color:#000; width:148px;}
.menu ul li:hover ul li a:hover {background:#dfc184; color:#000;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:151px; top:0; color:#000;}
.menu ul li:hover ul li:hover ul li a {display:block; width:200px; background:#dfc184; color:#000;}
.menu ul li:hover ul li:hover ul li a:hover {background:#bd8d5e; color:#fff;}
.menu img {margin:1em 0;}