html 	{
		margin: 0;
		padding: 0;
		min-width:900px;
		min-height:400px;
		}


body	{
		margin:0;
		padding: 0;
		background-color:#000;
		margin-left:auto; 
		margin-right:auto; 
		}
				
.wrapper	{
	background-color: #fff;
	float: left;
	min-height:400px;
	width:100%;
	margin: 0 auto;
	padding: 5px;
	text-align: left;
	}

.stripe	{
	background-color:#c00;
	float: left;
	height:2px;
	width:100%;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	text-align: left;
	}
	
.gray_stripe	{
			background-color:#999;
			float: left;
			width:100%;
			height:1px;
			}

/* specific content css set up for each template, see below

.content 	{
			background-color:#fff;
			padding:0 30px;
			width:390px;
			margin:0 auto;
			min-height: 300px;
			max-height: auto;
			}
*/


.leftbar	{
	background-color: #fff;
	float: left;
	margin: 0;
	padding: 0 20px 0 50px;
	}

.rightbar	{
	background-color: #fff;
	float: right;
	margin: 0;
	padding: 0 50px;
	}



.hed	{
		background-color:#000;
		margin: 0;
		padding:0;
		text-align: left;
		}


.nav	{
		background-color:#000;
		padding:0 50px;
		text-align: right;
		}


.footer	{
		background-color:#000;
		padding:0 50px;
		text-align: right;
		min-height: 120px;}


p, ul, ol
		{
		font-family: Verdana, Helvetica, AkzidenzGrotesk, Univers, Arial, sans-serif;
		font-size: 12px;
		line-height: 18px;
		font-weight: normal;
		font-style: normal;
		margin-left: 0px;
		margin-right: 0px;
		color: #333;
		}
		
.light {color:#fff;}
.dark {color:#000;}
.red {color:#c00;}


.left	{
		text-align: left;
		}

.right	{
		text-align: right;
		}

.center	{
		text-align: center;
		}

.fship	{
		font-size: 11px;
		line-height: 16px;
		float:left; 
		background-color:#ccc; 
		padding: 5px; 
		margin: 20px;
		border:1px #c00 solid;
		}

.fship_em {font-size: 14px;}



a:visited	{
			color: #777;
			text-decoration: none;
			}

a:active	{
			color: #69c;
			text-decoration: none;
			}

a:link		{
			color: #888;
			text-decoration: none;
			}

em		{
		color: #666;
		font-style: normal;
		font-weight: bold;
		}
		
h1, h2, h3, h4, h5, h6 	{
			font-family: Verdana, Helvetica, AkzidenzGrotesk, Univers, Arial, sans-serif;
			font-weight: bold;
			font-style: normal;
			text-align: left;
			color: #666;}

h1	{font-size: 18px; line-height: 24px;}
h2	{font-size: 16px; line-height: 20px;}
h3	{font-size: 14px; line-height: 18px;}
h4	{font-size: 12px; line-height: 16px;}
h5	{font-size: 11px; line-height: 16px;}
h6	{font-size: 10px; line-height: 14px;}		
		

		
		
		
/* newsletter css here for reference. inline in final. 


.nl_contain {
			margin-left:auto; 
			margin-right:auto; 
			padding:0px;
			text-align:left;
			height:100%;
			width:680px;
			}

			
.nl_content	{margin:10px; padding:0 0 0 220px; height:100%;}			

p, ul, ol, li
		{
		font-family: Verdana, AkzidenzGrotesk, Univers, Helvetica, Arial, sans-serif;
		font-size: 12px;
		line-height: 18px;
		font-weight: normal;
		font-style: normal;
		margin-left: 0px;
		margin-right: 0px;
		color: #333;
		}
		

.nl_nav	{
		background-color:#000;
		padding:0;
		text-align: right;
		}
		
.nl_stripe	{
	background-color:#c00;
	float: left;
	height:2px;
	width:690px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	text-align: left;
	}		
		
*/


/* page-specific css here */

/* index template */
.content 
			{
			background-color:#fff;
			padding:0 50px 0 700px;
			margin:0 auto;
			min-height: 300px;
			max-height: auto;
			}


/* product detail template */
.dt_content 
			{
			background-color:#fff;
			padding:0 50px 0 360px;
			margin:0 auto;
			min-height: 300px;
			max-height: auto;
			}


.cart_wrap	{
	background-color: #eee;
	float: left;
	width:auto;
	margin: 0;
	padding: 10px;
	padding-top: 1px;
   	padding-bottom: 1px;
	text-align: left;
	}

/* prod detail: for cart view-hide toggle */	
.hidden { display: none; overflow:hidden; }
.unhidden { display: block; }
	
.dt_order
	{
	-moz-border-radius: 8px;
    background: #eee;
    border: 2px solid #999;
    margin: 10px;
    padding:5px 20px;
    width:200px;
    text-align:right;
    }


/* resource template */
.res_content	{
			background-color:#fff;
			padding:0 50px 0 280px;
			margin:0 auto;
			min-height: 300px;
			max-height: auto;
			}
			
			
/* catalog template */
.cat_content 
			{
			background-color:#fff;
			padding:0 50px 0 320px;
			margin:0 auto;
			min-height: 300px;
			max-height: auto;
			}
			

.cat_bar	{
			background-color: #ccc;
			float: left;
			margin: 0;
			padding: 10px 50px;
			width:92%;
			overflow:hidden; 
			}			

.cat_bar ul, li {
	margin: 0 auto;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	white-space:nowrap;
	}
	
.cat_bar ul li {
		float:left;
		text-align:center;
		vertical-align:top;
		white-space:normal;
		width:200px;
		overflow:hidden; 
		}

.cat_bar ul li a {
		color:#c99;
		float:left;
		width:210px;
		}

.cat_bar img {
		float:left; 
		padding:0;
		border:0;
		width:200px;
		height:180px;
		}


/* catalog jcarousel css */

.jcarousel-skin-tango .jcarousel-container {
    -moz-border-radius: 8px;
    background: #600;
    border: 2px solid #900;
    margin: 0 auto;
}
.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 85%;
    padding: 10px 20px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {	
    width:  100%;
    height: 200px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 200px;
    height: 200px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}


/**
 *  Horizontal Buttons: catalog
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 80px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../imgs/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 80px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../imgs/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}
/* end jcarousel css */


/* prod detail zoom icon */

a.prodzoom{
  width:300px;
  text-decoration:none;
  position:relative;
  display:block;
  border:0;
  float:left;
}

a.prodzoom span.zoom-icon{
  visibility:hidden;
  position:absolute;
  right:0;
  bottom:0;
  border:0;
}

a.prodzoom:hover span.zoom-icon{
  visibility:visible;
}




/* prod detail jcarousel02 css */

/*
changed sizes:

from 80px to 100px  
from 200px to 270px

per mia's request--larger thumbs and larger main images
*/


.jcarousel-skin-tango02 .jcarousel-container {
    -moz-border-radius: 8px;
    background: #600;
    border: 2px solid #900;
    margin: 0;
}

/* 
changed width of carousel to 258px:
carousel width (256px) + padding (20px ea side) + border (2px ea side) 
= matches width of large img (300px) 
*/

.jcarousel-skin-tango02 .jcarousel-container-horizontal {
    width: 256px;
    padding: 10px 20px;
}

.jcarousel-skin-tango02 .jcarousel-clip-horizontal {	
    width:  256px;
    height: 90px;
}


.jcarousel-skin-tango02 .jcarousel-item {
    width: 100px;
    height: 90px;
}

.jcarousel-skin-tango02 .jcarousel-item-horizontal {
    margin-right: 5px;
}

.jcarousel-skin-tango02 .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}


/**
 *  Horizontal Buttons: detail
 */
.jcarousel-skin-tango02 .jcarousel-next-horizontal {
    position: absolute;
    top: 40px;
    right: 0px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../imgs/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango02 .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango02 .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango02 .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango02 .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango02 .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango02 .jcarousel-prev-horizontal {
    position: absolute;
    top: 40px;
    left: 0px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../imgs/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango02 .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango02 .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango02 .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango02 .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango02 .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}
/* end prod detail jcarousel02 css */



/* pop css */


#backgroundPopup	{
	display:none;
	position:fixed;
	_position:absolute; /* hack for internet explorer 6*/
	height:100%;
	width:100%;
	top:0;
	left:0;
	background:#000;
	border:1px solid #ccc;
	z-index:1;
	}
	
#popupContact	{
	display:none;
	position:fixed;
	_position:absolute; /* hack for internet explorer 6*/
	height:auto;
	width:320px;
	background:#fff;
	border:2px solid #ccc;
	z-index:2;
	padding:12px;
	font-size:13px;
	}
	
/*	
#popupContact h1	{
	text-align:left;
	color:#6FA5FD;
	font-size:22px;
	font-weight:700;
	border-bottom:1px dotted #D3D3D3;
	padding-bottom:2px;
	margin-bottom:20px;
	}
*/

#popupContactClose	{
	font-family: Verdana, Helvetica, AkzidenzGrotesk, Univers, Arial, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size:18px;
	line-height:18px;
	right:6px;
	top:4px;
	position:absolute;
	color:#ccc;
	}

/*
#pop_button	{
	text-align:center;
	margin:0px;
	}
*/


/* end pop css */