@charset "UTF-8";
/* CSS Document */
*	{ margin: 0; padding: 0;}

/*img, div, ul, li, a { behavior: url(iepngfix.htc) }*/

body	{ background: url(/images/bg.gif); text-align: center; font-family: Arial, Helvetica, sans-serif; line-height: 125%; font-size: 14px;}
a img	{ border: none;}
h3	{ font-size: 16px; padding: 8px 0; background: url(images/header-bg.png) no-repeat top center;}
h4	{ font-size: 14px; margin: 8px 0; }
h5	{ color: #999;}
p	{
	margin: 8px 0;
}
#top	{ background: #000; text-align: center; color: #fff; font-size: 11px; font-weight: bold;}

#wrapper	{ width: 1024px; margin: 0 auto;  text-align: left; position: relative;}
#product-wrapper	{ width: 1024px; margin: 0 auto;  text-align: left; position: relative;}
#product-wrapper .content	{ width: 1050px; background: url(/images/content-bg2.png) repeat-y top center;}
#nav	{ list-style: none; text-align: center; position: relative; z-index: 100; width: 600px; margin: 0 auto;}
#nav li	{ float: left; margin-right: 5px; position: relative; width: 144px; height: 48px; text-indent: -9999px;}
#nav #info	{ background: url(/images/menu-info_off.png) no-repeat;}
#nav #distributor	{ background: url(/images/menu-distributor_off.png) no-repeat;}
#nav #requirements	{ background: url(/images/menu-requirements_off.png) no-repeat;}
#nav #contact	{ background: url(/images/menu-contact_off.png) no-repeat;}
#nav #info:hover	{ background: url(/images/menu-info_on.png) no-repeat;}
#nav #distributor:hover	{ background: url(/images/menu-distributor_on.png) no-repeat;}
#nav #requirements:hover	{ background: url(/images/menu-requirements_on.png) no-repeat;}
#nav #contact:hover	{ background: url(/images/menu-contact_on.png) no-repeat;}

#nav a	{ vertical-align: bottom; display: block;}

#nav li ul	{ display: none; position: absolute; top: 100%; left: 0; width: 144px; background-color: #000;}
#nav li ul li	{ display: block; border-bottom: 1px solid #ffca20; text-indent: 0; height: auto;}
#nav li ul li a	{ display: block; color: #fff; text-decoration: none; font-size: 12px; text-transform: uppercase; text-align: left; padding: 4px;}
#nav li ul li a:hover	{ color: #ffca20;}
#nav li:hover ul	{ display: block;}

#log-reg	{ position: absolute; top: 212px; right: 123px; font-size: 11px;}
#log-reg a	{ color: #000; text-decoration: none;}

#footer	{ background: #000; color: #8f8f8f; padding: 10px 0 50px; }
#footer ul	{ list-style: none; text-align: left; font-size: 10px; line-height: 14px;}
#footer a	{  color: #8f8f8f; text-decoration: none;}
#footer a:hover	{ color: #ffca20;}

.logo	{ text-align: center; padding: 9px;}
.content	{ width: 778px; margin: 0 auto; position: relative; clear: both;}
 #flash { height:600px; z-index:1000;}
#flash_container{ width: 860px; height:600px;margin: 0 auto;  clear: both; z-index:1000;}
.videoBlog	{ width: 811px;height:658px; margin: 0 auto; position: relative; clear: both;}
#product-wrapper .videoBlog	{ width: 1024px;}

.links	{ list-style: none; position: relative; z-index: 100; }
.links li{ margin: 5px 0; text-transform: uppercase;}
.links li span	{ color: #ffca20;}
.links li a	{ color: #fff; text-decoration: none;}
.links li a:hover	{ color: #ffca20;}
.blog-link	{ display: block; position: absolute; top: 0px; right: 20px;}
.submenu	{ margin: 10px 0 8px;}

.submenu table	{ margin: 0 auto;}
.submenu table td	{}
.submenu a	{display: block; -moz-box-shadow: 0 0 15px #888; margin: 8px; -moz-border-radius: 15px; text-indent: -9999px; height: 119px; width: 246px;}
#subMenuLanyards	{ background: url(images/submenu-lanyards.jpg) no-repeat;}
#subMenuZcollection	{ background: url(images/submenu-zcollection.jpg) no-repeat;}
#subMenuAccessories	{ background: url(images/submenu-accessories.jpg) no-repeat;}
#subMenuImports	{ background: url(images/submenu-imports.jpg) no-repeat;}
#subMenuQuickturn	{ background: url(images/submenu-quickturn.jpg) no-repeat;}
#subMenuSpecials	{ background: url(images/submenu-new.jpg) no-repeat;}

#pay-it-forward	{ background: url(/images/SweetZ_Banner.jpg) no-repeat top center; font-size: 14px; text-align: center;}
#pay-it-forward p	{ padding: 71px 250px 28px 96px;}
#pay-it-forward a	{ color: #666;}

.select { position: absolute; width: 143px;	height: 25px; padding: 2px 8px; background: url(/images/input-bg.png) top left no-repeat; overflow: hidden;}
table.pricing	{ text-align: center; font-size: 12px;}
table.pricing td	{ padding: 0 5px; border: 1px solid #999;}
table.pricing th	{ padding: 0 5px; background: url(/images/bar-bg.png) repeat-x; font-weight:bold; border: 1px solid #999;}

.pad	{
	padding: 20px 100px 20px 283px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
}
.pad h3	{
	background: none;
	color: #666;
	font-size: 16px;
}
.pad ul	{ padding-left: 20px;}
.product-large	{ border: 1px solid #999;}
.clear	{ clear: both;}
.center	{ text-align: center;}

.tabs	{ margin: 10px 0; }
.tabs ul	{ list-style: none; float: left;}
.tabs ul li	{ float: left;}
.tabs ul li a	{ float: left; display: block; width: 150px; height: 29px; background: url(/images/tab.png) no-repeat; color: #ffca20; text-decoration: none; text-align: center; line-height: 29px; text-transform: uppercase; font-size: 11px;}
.tabs ul li a:hover	{ background: url(/images/tab-over.png) no-repeat; color: #000; }
.tabs ul li a.selected	{ background: url(/images/tab-over.png) no-repeat; color: #000;}

.tab	{ height: 200px; border: 1px solid #999; width: 748px; clear: both;}
.suggestions	{ color: #999; font-size: 10px;}
.suggestions ul	{ list-style: none; height: 150px; border: 1px solid #999;}
.suggestions ul li	{ float: left; width: 100px; margin: 5px 20px; text-align: center;}
.suggestions ul li img	{ border: 1px solid #999; height: 100px; width: auto;}
.suggestions ul li a	{color: #999; text-decoration: none;}

#quicksearch	{ position: relative; font-size: 11px; height: 27px; padding-left: 13px;}
#productsearch	{ background: url(images/productsearch.png) no-repeat;}
#quicklinks	{ background: url(images/quicklinks.png) no-repeat;}

.sidebar	{ float: left; width: 207px; background: url(images/sidebar-bg2.png) repeat-y; padding: 15px 0; position: relative;}
.sidebar h3	{ height: 62px; text-indent: -9999px; margin: 0 0 0 -24px; padding: 0; background: none;}
.sidebar p, .sidebar ul	{ padding-left: 13px;}

#product-wrapper .sidebar	{ margin-right: 15px; padding-left: 53px; background-image: none;}

.sz	{ position: absolute; bottom: 0; right: 0; display: block; z-index: 1;}

#skuText	{background: url(/images/input-bg.png) top left no-repeat; border: none; position:absolute; width:126px; height:25px; z-index:10; padding-left:3px;}
#goBtn	{ position: absolute; right: 5px; top: 0;}

#pcMain	{ padding-bottom: 50px;}
.flyer  {float:left; height:175px; margin:5px 5px 5px 7px; width:100px; font-size: 10px; line-height: 12px;}
.row	{ float: left; width: 100%;}
.color {float:left; margin:10px 10px 10px 25px; text-align:center;}
.color img { border:1px solid #CCCCCC; height:30px; width:30px; }
.materialColor { float:left; margin:10px 10px 10px 25px; text-align:center;}
.materialColor img { border:1px solid #CCCCCC; height:20px; width:30px;}
.pattern  {border:1px solid #CCCCCC; float:left; margin:10px 10px 10px 25px;}
.section	{ margin: 20px 0; border-bottom: 1px solid #999; padding-bottom: 10px;}
.showMoreorLess	{ text-align: right;}
.shadow	{ -moz-box-shadow: 0 0 15px #888; -webkit-box-shadow: 0 0 15px #888; box-shadow: 0 0 15px #888;}

/*hacks for store to look right*/
#pcMain	{ background: url(images/header-bg.png) no-repeat top center;}
.pcMainTable h3	{ background: none;}
.dogs img	{ height: 100px; width: auto;}
.pcMainTable h1 { font-size:15px; margin-top:4px; margin-bottom:10px;}
.pcShowProductSDesc { font-size:11px; padding-left:5px;}
h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #CCC;
	font-style: italic;
	text-align: right;
}
.t1 {
	font-style: italic;
}
.padCopy {
	padding: 20px 100px 20px 283px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999;