/* = Utility Styles
--------------------------------------------------------------------------------*/
.clear			{clear: both; height: 1%;}
.spaced			{margin-top: 25px;}
.little-spaced		{margin-top: 20px;}
.error			{padding: 15px; margin: 10px 0; background: #ff9;}
.error h5			{color: #c00; padding: 0 0 8px 0; margin: 0;}
.error p			{margin: 0; padding: 0 0 3px 0;}
.small-error		{background: #ff9; color: #c00;}
.note			{font-size: 10px;}
.note a			{background: none;}
.plain_link		{padding:0; background: none;}
.big				{font-size: 1.25em; line-height: 1.5em; }
.bigger			{font-size: 1.5em; line-height: 1.8em; }
.smaller			{font-size: .9em; line-height: 1.5em; }
.bordTop			{border-top: 1px solid #ccc;}
.bordRt			{border-right: 1px solid #ccc;}
.bordBot			{border-bottom: 1px solid #ccc; }
.bordLt			{border-left: 1px solid #ccc; }
.padTop			{padding-top:20px;}
.padRight			{padding-right:20px;}
.padBottom		{padding-bottom:20px;}
.padLeft			{padding-left:20px;}
.margTop			{margin-top:20px;}
.margRight		{margin-right:20px;}
.margBottom		{margin-bottom:20px;}
.margLeft			{margin-left:20px;}

.l				{text-align: left;}
.c				{text-align: center;}
.r				{text-align: right;}
.editme			{font-weight: bold;}
.thicktop			{border-top: 3px double #777;}
.inviso			{border: none;}
.inline-form		{display: inline;}
.hidden			{display: none;}
.tiny			{font-size: 8px;}
.middle			{vertical-align: middle;}
.spaced-out		{margin-bottom: 15px;}
.unlist, olist 	{margin: 10px 0; padding:0; font-size: 1em; list-style:none;}
.unlist li 		{line-height: 1em; padding: 0px 0px 8px 12px; background: transparent url(/images/common/little-gold-box.png) 0 5px no-repeat;}

.olist li			{padding-bottom: 5px; list-style: decimal; }
.thickborder		{border: 5px solid #e5e5e5;}
.required			{color: #ed1c24;}
.optional			{color: #00a650;}
.subtitle			{display:block; font-size: .65em; padding: 8px 0 0 0; }
.caption			{display:block; font-size: .9em; font-style:italic; padding: 0; margin:0; }
.caption-small		{display:block; font-size: .8em; line-height: .9em; font-style:italic; padding: 0; margin:0; text-align:center;}
.flagged			{background: #eee; color: #777; }
.floater			{display: block; float: left; border: none; margin: 0 20px 3px 0; }
.reseller_list		{display:block; width: 300px; margin: 10px 0; float: left;}
.reseller_list li	{font-size: 12px; line-height: 14px; padding-bottom: 18px;}
.leftFloat		{display:block; float: left; margin: 0 15px 0 0; }
.rightFloat		{display:block; float: right; margin: 0px 0px 0px 15px;}
.transparency		{filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6;}

.colorGroup		{display:block; height:44px;}
.colorGroup img	{display:block; float:left; margin:0px 15px 0px 0px; }

.rubric			{display:block; line-height:12px; margin:3px 0px 20px 0px; padding:0px 0px 0px 12px; background: transparent url('/images/common/little-gold-box.png') 0 50% no-repeat; font-size: 9px; color: #777; text-transform: uppercase; letter-spacing: .4em; }

.padBot			{padding-bottom:25px;}

.noTopPadMarg		{padding-top:0; margin-top:0; }

.scriptCap		{display:block; float:left; height:23px; font-size:34px; padding: 0px 3px 0px 0px; margin:-7px 0px 0px 0px;}

.smIcon			{display:inline; vertical-align:baseline;}

.posItem			{display:block; border:0px; margin:2px;}

/* = Borders
--------------------------------------------------------------------------------*/

.rt-col {
	border-bottom: 1px solid #ccc;
	padding: 20px 0px 20px 5px;
}
.lt-col {
	border-bottom: 1px solid #ccc;
	padding: 5px 0px 10px 5px;
}
.rt-col.first {
	margin-top: 25px;
	padding-top: 0px;
}
.rt-col h4, .lt-col h4 {
	margin:0px;
	padding:0px;
}
.nobot {
	border-bottom: none;
}


/* = Thumbnails
--------------------------------------------------------------------------------*/

.thumb-list {
	display: block;
	padding: 0px;
	margin: 0px;
	list-style: none;
}
.thumb-list li {
	display: block;
	float: left;
}
.thumb-list.prods li {
	width: 80px;
	height: 80px;
	margin: 3px;
	padding: 0px;
}
.thumb-list.prods li img {
	display:block;
	width: 80px;
	height: 56px;
}
.thumb-list.colors li {
	width: 100px;
	height: 90px;
	margin: 0px;
	padding: 0px;
}
.thumb-list.colors li img {
	display: block;
	width: 100px;
	height: 67px;
}
.thumb-list.hiw-examples li {
	width: 100px;
	height: 90px;
	margin: 3px;
	padding: 0px;
}
.thumb-list.hiw-examples li img {
	display: block;
	/*width: 100px;
	height: 67px;*/
}

.thumb-list.collections li {
	height: 24px;
	line-height: 24px;
	padding-bottom: 3px;
	float: none;
}
.thumb-list.collections li img {
	vertical-align: middle;
}
.thumb-list.collections li a {
	text-decoration: none;
}

.thumb-list.howitworks li {
	display:block;
	height: 155px;
	width: 130px;
	margin: 0px;
	padding: 0px;
	line-height: 1em;
}
.thumb-list.howitworks li.second {
	padding-left:20px;
}

#benefits {
	display:block;
	float:left;
	width: 270px;
	margin-right: 28px;
}
#benefits p {
	padding-top: 20px;
}
/* = Big Image on Product Page and How It Works Page
--------------------------------------------------------------------------------*/

#bigImage {
	display:block;
/*	width: 600px;
	height: 400px;
*/
	width: 600px;
	height: 300px;
	margin: 0px auto;
	position:relative;
	text-align:center;
}
#bigImage img {
	display:block;
	margin:0px auto;
	width: 450px;
	height:300px;
}
#bICaption {
	display:block;
	position: relative;
	float:right;
	text-align:right;
}
.sidecaptions #bICaption {
	display:block;
	position:relative;
	float:left;
	width: 200px;
	text-align: left;
	font-size: 16px;
	margin-left: 15px;
	z-index: 300;
}
.sidecaptions #bigImage {
	float:left;
}
.sidecaptions #bigImage div#imgContainer {
	position:relative;
	display:block;
	width:300px;
	height:300px;
	float:left;
	overflow:hidden;
	margin: 0px 0px;
}

#collection-master {
	display:block;
	border: none;
	border-collapse: collapse;
}
#collection-master th, #collection-master td {
	padding: 3px;
}
#collection-master th {
	line-height: 1em;
	height: 18px;
	vertical-align: middle;
}
#collection-master td img {
	vertical-align: middle;
}
#collection-master td {
	height: 50px;
	line-height: 44px;
	width: 130px;
}
#collection-master td.first-cell {
	width: 200px;
}
#collection-master tr {
	height: 50px;
	border-bottom: 1px solid #777;
}


/* =Forms
--------------------------------------------------------------------------------*/
form					{margin: 15px 0 0 5px; padding: 6px 0; display: block;}
fieldset				{margin: 0; padding: 6px 0; border: none;}
legend				{color: #336666; text-transform: uppercase; font-size: .75em;}
fieldset div			{clear: both; padding: 2px 0; font-size: 12px;}
fieldset div label		{display: block; float: left; width: 150px;}
fieldset div label.check {display: block; width: auto; margin-left: 120px; }
fieldset div .txt		{border: 1px solid #ccc; padding: 4px; }

/* =Calendar
--------------------------------------------------------------------------------*/
.calendar { display: block; width: 270px; height: 90px; position: relative; float: left; margin: 0 10px 10px 0; background: #eee; }
.calendar .date { background:#ccc; margin: 0px 0px 5px 0px; font-size: 1.12em; font-weight: bold; padding: 0 0 0 5px; }
.calendar .date span { font-weight: normal; }
.calendar .event { margin: 0 10px 5px 10px; font-size: .8em; padding: 0; }

/* =Reseller Listings
--------------------------------------------------------------------------------*/
#resellers {
	clear:both;
}
.reseller_list		{position:relative; display:block; width: 220px; margin: 10px 0; float: left;}
.reseller_list li	{font-size: 12px; line-height: 14px; padding-bottom: 18px;}

#retailer-search {
	margin: 5px 0px;
	padding:0px;
}

#videoEmbed {
	display:none;
	width: 660px;
	height: 405px;
}


/* =Testimonials
--------------------------------------------------------------------------------*/
#testimonial {
	display:block;
	position:relative;
	height:200px;
	width:620px;
	margin: 40px 0px;
	/*background: transparent url('/images/common/open-quote.jpg') 0px 0px no-repeat;*/
}
#testimonial .testimonial-txt {
	font-style: italic;
	font-size: 33px;
	color: #000;
	padding: 20px 60px 25px 60px;
	/*background: transparent url('/images/common/close-quote.jpg') 100% 100% no-repeat;*/
}
#testimonial .testimonial-attrib {
	display:block;
	font-family: "Arial Narrow", "Helvetica Narrow", sans-serif;
	font-size: 15px;
	text-align: right;
	color: #000;
	font-style: italic;
	padding: 0px 10px 0px 10px;
}

#side-testimonial {
	display:block;
	position:relative;
	margin: 40px 0px;
}
#side-testimonial .testimonial-txt {
	font-style: italic;
	font-size: 33px;
	color: #000;
	padding: 20px 0px 25px 0px;
}
#side-testimonial .testimonial-attrib {
	display:block;
	font-family: "Arial Narrow", "Helvetica Narrow", sans-serif;
	font-size: 15px;
	text-align: right;
	color: #000;
	font-style: italic;
	padding: 0px 0px 0px 0px;
}