/**== CSS FOR BODY */
@import url(/ajax.css);
body {
	background-color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin-left: auto; 
	margin-right: auto;
}
div.hr, li.hr {
	position:relative;
	height: 15px;
	margin: 0 0 15px 0;
	background: url(/images/quiltclub/hr.gif) repeat-x center;
	}
	
div.hr hr, li.hr hr {
	display: none;
	}

span,p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
a:visited {
	color: #4b557d;
	text-decoration: underline;
}
a:link {
	color: #084b89;
	text-decoration: underline;
}
a:hover{
	color: #032A4E;
	text-decoration:underline;
}
.channelheader {
	font-family:Georgia, 'Times New Roman', Times, serif; 
	font-size:24px; 
	color:#cc6600;
	letter-spacing:-1px;
	padding-top:15px;
	padding-bottom:5px;
}
.channelheader a:visited{
	color: #cc6600; 
	text-decoration:none;
}
.channelheader a{
	color: #cc6600; 
	text-decoration:none;
}
.channelheader a:hover{
	color: #cc6600; 
	text-decoration:none;
}
.mainfeature {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #8f4753;
	font-weight:bold; 
	letter-spacing:-2px;
	padding-top:15px;
	padding-bottom:5px;
}
.messagehdr {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #8f4753;
	font-weight:bold; 
	letter-spacing:-2px;
	padding-top:15px;
	padding-bottom:5px;
}
.channelhdrcat {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #cc6600; 
	letter-spacing:-1px;
}
.channelhdrcat a:visited{
	color: #cc6600; 
	text-decoration:none;
}
.channelhdrcat a{
	color: #cc6600; 
	text-decoration:none;
}
.channelhdrcat a:hover{
	color: #cc6600; 
	text-decoration:none;
}
.cathdr {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #000000;
	font-weight:bold; 
	letter-spacing:-2px;
	padding-top:15px;
	padding-bottom:5px;
}
.slideshowlinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:16px;
}
.slideshowlinks a:visited{
	color: #084b89;
	text-decoration: none;
}
.slideshowlinks a{
	color: #084b89;
	text-decoration: none;
}
.slideshowlinks a:hover{
	color: #084b89;
	text-decoration: underline;
}

/**== CSS FOR HEADER */
.utilitylink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-align: right;
	vertical-align: bottom;
}
.utilitylink a:visited{
	color: #ffffff;
	text-decoration: none;
}
.utilitylink a{
	color: #ffffff;
	text-decoration: none;
}
.utilitylink a:hover{
	color: #ffffff;
	text-decoration:underline;
}
.websearch {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	vertical-align:middle;
}

/**== CSS FOR FOOTER */
.footertitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #666666;
	text-align: left;
	vertical-align: middle;
}
.footerlinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0c4b88;
	text-align: center;
	vertical-align: middle;
}
.footerlinks a:visited{
	color: #084b89;
	text-decoration: none;
}
.footerlinks a{
	color: #084b89;
	text-decoration: none;
}
.footerlinks a:hover{
	color: #084b89;
	text-decoration:underline;
}
.copyright {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:10px; color:#999999;
}

/**== CSS FOR SEND TO FRIEND */
.sendtofriend {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-top:solid #999999 1px;
	border-bottom:solid #999999 1px;
	padding-top:3px;
	padding-bottom:3px;
}
.sendtofriend a:visited{
	color: #084b89;
	text-decoration: none;
}
.sendtofriend a{
	color: #084b89;
	text-decoration: none;
}

.sendtofriend a:hover{
	color: #084b89;
	text-decoration:underline;
}

/**== CSS FOR HEADERS */

.lghdr {
	font-family:Georgia, 'Times New Roman', Times, serif; 
	font-size:24px; 
	color:#cc6600;
	letter-spacing:-1px;
}
.mdhdr {
	font-family:Georgia, 'Times New Roman', Times, serif;
	font-size:18px; 
	color:#cc6600;
}
.mdhdr a:visited {
	color: #cc6600;
	text-decoration: none;
}
.mdhdr a:link {
	color: #cc6600;
	text-decoration: none;
}
.mdhdr a:hover{
	color: #cc6600;
	text-decoration:underline;
}
.linkhdr {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:14px; 
	font-weight:bold;
}
.linkhdr a{
	color: #084b89;
	text-decoration: none;
}
.linkhdr a:hover{
	color: #084b89;
	text-decoration:underline;
}
.subhdr {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	font-weight:bold; 
	color:#666666; 
	line-height:14px;
}
.sponsubhdr {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	font-weight:bold; 
	color:#666666; 
}
.sponsubhdr a{
	color: #084b89;
	text-decoration:none;
	font-weight:normal
}
.sponsubhdr a:visited {
	color: #084b89;
	text-decoration: none;
	font-weight:normal;
}
.sponsubhdr a:hover{
	color: #084b89;
	text-decoration:underline;
	font-weight:normal
}
.tvshowhdr {
	font-family:Georgia, 'Times New Roman', Times, serif; 
	font-size:24px; 
	color:#ffffff;
}
.hmpgsponsors {
	font-family:Georgia, 'Times New Roman', Times, serif; 
	font-size:16px; 
	color:#ffffff;
}

/**== CSS FOR ALT COPY */
.qdmtext {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:14px;
}
.qdmtext a{
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	color: #084b89;
	text-decoration: none;
	letter-spacing:-1px;
}
.qdmtext a:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	color: #084b89;
	text-decoration: underline;
	letter-spacing:-1px;
}
.topsellers {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	line-height:18px;
}
.catsub {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:10px; 
	font-weight:bold; 
	line-height:12px;
}
.catsubhdr {
	font-family:Georgia, 'Times New Roman', Times, serif; 
	font-size:18px; 
	color:#8f4753; 
	text-decoration:none;
}
.catsubhdr a:visited{
	color:#8f4753; 
	text-decoration:none;
}
.catsubhdr a{
	color:#8f4753; 
	text-decoration:none;
}
.catsubhdr a:hover{
	color:#8f4753; 
	text-decoration:none;
}
.catllinks {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	line-height:15px;
	padding-bottom:6px;
}
.catllinks a:visited{
	color: #4b557d;
	text-decoration: none;
}
.catllinks a{
	color: #084b89;
	text-decoration: none;
}
.catllinks a:hover{
	color: #032A4E;
	text-decoration: underline;
}
.related {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	line-height:18px;
}
.related a:visited{
	color: #084b89;
	text-decoration: underline;
}
.related a{
	color: #084b89;
	text-decoration: underline;
}
.related a:hover{
	color: #032A4E;
	text-decoration:underline;
}
.divboxborder {
	border-style:solid; 
	border-color:#999999; 
	border-width:1px; padding:8px;
}
.relatedhdr {
	font-family:Georgia, 'Times New Roman', Times, serif; 
	font-size:20px; 
	color:#cc6600;
}
.title {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	font-weight:bold; 
	line-height:14px;
}
.pagetitle {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	letter-spacing:-1px;
	color:#8f4753;
}
.tvserieshdr {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px; 
	font-weight:bold;
	color:#333333;
}
.recipelinks {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	line-height:15px;
	padding-bottom:6px;
}
.recipelinks a:visited{
	color: #777777;
	text-decoration: underline;
}
.recipelinks a{
	color: #084b89;
	text-decoration: underline;
}
.recipelinks a:hover{
	color: #032A4E;
	text-decoration: underline;
}
.smallTextField {
	font-family: Arial,Helvetica,sans-serif; 
	font-size:10px;
}
.catTableBorder {
	border-style: solid;
	border-width:thin;
	border-color:#999999;
}.itemdescription {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #8f4753;
}

/***CSS FROM WEBSTORE **/
.wrapper {
	width: 760px;
	background-color:#ffffff;
	margin:0 auto;
	text-align:left;
}

/*************** top navbar styles ****************/
/* SEE /include/js/men.js TO UPDATE NAVBAR STYLES */
/**************************************************/


/************ search form styles **************/

/*#searchAccountBar {
	background: url(/images/top_searchbarbg.jpg) no-repeat;
	height: 44px;  
}*/

form#searchForm {
	margin: 12px 0 0 10px; 
	vertical-align: middle;
	width:410px;
}

input#searchbar	{
	font-size:11px; 
	border:1px solid #a1b9de; 
	height:17px; 
	color:#666666; 
	width:235px; 
	vertical-align: middle;
}

.searchgo {
	margin:0px 0 0 5px; 
	vertical-align:top;
}

.searchTop {
	font-size:11px; 
	color:#ffffff; 
	font-weight:bold;
}

.searchTop a:link, .searchTop a:visited, .searchTop a:hover {
	color:#ffffff;
}

/********* customer account and login styles *********/
#login {
	font:11px Tahoma, Arial, Helvetica, sans-serif; 
	margin:0;
	padding-top: 8px;
}


/********************************************/
/******* FOOTER AND COPYRIGHT STYLES  *******/
/********************************************/

.footerFP, .footerBlu {
	clear:both;
}

.footerHead, .footerHeadBlu  {
	float: left;
	font: bold 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #000000; 
	line-height: 16px; 
	text-align: right;
	padding: 10px 10px 0 10px;
	width: 150px;
	border-top: solid 1px #cccccc;
}

.footerLink, .footerLinkBlu {
	font: 11px Tahoma, Arial, Helvetica, sans-serif; 
	color: #000000; 
	line-height: 18px; 
	text-decoration: none;
	margin-left: 170px;
	padding: 10px 0 10px 5px;
	border-top: solid 1px #cccccc;
}

* html .footerLink, * html .footerLinkBlu { /* hack for ie fix */
	text-indent: -3px; te\xt-indent: -3px;
}

.footerLink a:link, .footerLink a:visited, .footerLink a:hover, .footerLink  a:active {
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #004780;
}

.footerLinkBlu a:link, .footerLinkBlu a:visited, .footerLinkBlu a:hover, .footerLinkBlu  a:active {
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #004780;
}

.footerBlu, .footerHeadBlu, .footerLinkBlu {
	background-color: #f1f3ff;
}

#copyrightFP {
	font: 11px Tahoma, Arial, Helvetica, sans-serif; 
	color: #000000; 
	line-height: 16px; 
	text-align: center;
	text-decoration: none;
	width: 760px;
	margin: 0 auto;
	padding: 10px 0 10px 0;
	border-top: solid 1px #a1b9de;
}


/************ top-nav subscription styles **************/

#subscribe1 {
	font-weight: bold;
	background-image: url(/aspx/FonsandPorter/images/includes/headerNew/top_subscribetoday.gif);
	background-repeat: no-repeat;
	height:103px; 
	width:152px;
	padding: 20px 0 0 23px;
	color:#000000;
}

#subscribe1 a:link {
	color: #004780;
	text-decoration: none;
}

#subscribe1 a:visited {
	color: #346d9a;
	text-decoration: none;
}

#subscribe1 a:hover {
	color: #004780;
	text-decoration: underline;
}

#subscribe1 a:active {
	color: #cc6600;
	text-decoration: underline;
}

#subscribe1 h1 {
	font: 21px Georgia, "Times New Roman", Times, serif;
	color: #8f4753;
	font-weight: 100;
	margin: 0;
	padding: 0;
	border: 0;
	letter-spacing: -1px;
}

#subscribe1 h1 a:link {
	color: #004780;
	text-decoration: none;
	letter-spacing: -1px;
}

#subscribe1 h1 a:visited {
	color: #346d9a;
	text-decoration: none;
	letter-spacing: -1px;
}

#subscribe1 h1 a:hover {
	color: #004780;
	text-decoration: underline;
	letter-spacing: -1px;
}

#subscribe1 h1 a:active {
	color: #cc6600;
	text-decoration: underline;
	letter-spacing: -1px;
}

p {
	margin: 0 0 8px 0;
	padding: 0;
	border: 0;
}



/* NEW CSS */
.LeftNavSpot {
	padding: 0 10px 0 10px;
	margin-bottom: 15px;
}

.LeftNavSpot h5 {
	font: 16px Georgia, "Times New Roman", Times, serif;
	color: #cc6600;
	background-color: #ffeec4;
	font-weight: 100;
	margin: 0 -10px 8px -10px;
	padding: 2px 2px 2px 10px;
	border: 0;
	letter-spacing: -1px;
}

.LeftNavSpot h5 a:link {
	color: #cc6600;
	text-decoration: none;
	letter-spacing: -1px;
}

.LeftNavSpot h5 a:visited {
	color: #cc6600;
	text-decoration: none;
	letter-spacing: -1px;
}

.LeftNavSpot h5 a:hover {
	color: #cc6600;
	text-decoration: underline;
	letter-spacing: -1px;
}

.LeftNavSpot h5 a:active {
	color: #cc6600;
	text-decoration: underline;
	letter-spacing: -1px;
}

.onSale {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #cc6600;
}

.LeftSubLinks {
	font: bold 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #084b89;
	line-height: 16px;
}

.HpageMainCol {
	padding: 0;
	margin-bottom: 20px;
}

.HpageMainCol h4 {
	font: 22px Georgia, "Times New Roman", Times, serif;
	color: #cc6600;
	background-color: #f3f5f9;
	font-weight: 100;
	height: 30px;
	margin: 0 0 10px 0;
	padding: 2px 2px 2px 6px;
	border: 0;
	letter-spacing: -1px;
}

.HpageMainCol h4 a:link {
	color: #cc6600;
	text-decoration: none;
	letter-spacing: -1px;
}

.HpageMainCol h4 a:visited {
	color: #cc6600;
	text-decoration: none;
	letter-spacing: -1px;
}

.HpageMainCol h4 a:hover {
	color: #cc6600;
	text-decoration: underline;
	letter-spacing: -1px;
}

.HpageMainCol h4 a:active {
	color: #cc6600;
	text-decoration: underline;
	letter-spacing: -1px;
}

.redBold {
	color:#990000;
	font-weight:bold;
}

.blackBold14 {
	color:#000000;
	font-weight:bold;
	font-size:14px;
}

.RtColProd {
	padding: 0;
	margin-bottom: 20px;
}

.RtColProd h4 {
	font: 18px Georgia, "Times New Roman", Times, serif;
	color: #cc6600;
	background-color: #ffeec4;
	font-weight: 100;
	height: 24px;
	margin: 0 0 10px 0;
	padding: 2px 2px 2px 6px;
	border: 0;
	letter-spacing: -1px;
}

.RtColProd h4 a:link {
	color: #cc6600;
	text-decoration: none;
	letter-spacing: -1px;
}

.RtColProd h4 a:visited {
	color: #cc6600;
	text-decoration: none;
	letter-spacing: -1px;
}

.RtColProd h4 a:hover {
	color: #cc6600;
	text-decoration: underline;
	letter-spacing: -1px;
}

.RtColProd h4 a:active {
	color: #cc6600;
	text-decoration: underline;
	letter-spacing: -1px;
}
.bannerRight {
	padding: 0;
	margin-bottom: 20px;
}

.bannerRight h4 {
	font: 18px Georgia, "Times New Roman", Times, serif;
	color: #cc6600;
	background-color: #ffeec4;
	font-weight: 100;
	height: 24px;
	margin: 0 0 10px 0;
	padding: 2px 2px 2px 6px;
	border: 0;
	letter-spacing: -1px;
}

.bannerRight h4 a:link {
	color: #cc6600;
	text-decoration: none;
	letter-spacing: -1px;
}

.bannerRight h4 a:visited {
	color: #cc6600;
	text-decoration: none;
	letter-spacing: -1px;
}

.bannerRight h4 a:hover {
	color: #cc6600;
	text-decoration: underline;
	letter-spacing: -1px;
}

.bannerRight h4 a:active {
	color: #cc6600;
	text-decoration: underline;
	letter-spacing: -1px;
}
/**/
.bannerLeft {
	padding: 0;
	margin-bottom: 20px;
}

.bannerLeft h4 {
	font: 18px Georgia, "Times New Roman", Times, serif;
	color: #cc6600;
	background-color: #ffeec4;
	font-weight: 100;
	height: 24px;
	margin: 0 0 10px 0;
	padding: 2px 2px 2px 6px;
	border: 0;
	letter-spacing: -1px;
}

.bannerLeft h4 a:link {
	color: #cc6600;
	text-decoration: none;
	letter-spacing: -1px;
}

.bannerLeft h4 a:visited {
	color: #cc6600;
	text-decoration: none;
	letter-spacing: -1px;
}

.bannerLeft h4 a:hover {
	color: #cc6600;
	text-decoration: underline;
	letter-spacing: -1px;
}

.bannerLeft h4 a:active {
	color: #cc6600;
	text-decoration: underline;
	letter-spacing: -1px;
}

.banners {
	margin-bottom: 15px;
}

/** BARGAIN ALERT **/
.BargainAlert {
	background-repeat: repeat-x;
	border: solid #ffeec4 1px;
	margin-bottom: 15px;
	padding-left: 8px
}

.BargainAlert h5 {
	font: 18px Georgia, "Times New Roman", Times, serif;
	color: #cc6600;
	font-weight: 100;
	height: 30px;
	margin: 0 0 10px 0;
	padding: 2px 2px 2px 0px;
	border: 0;
	letter-spacing: -1px;
}

.BargainAlert ul {
	margin: 0 0 8px 15px;
	padding-left: 0px;
}

/** Login **/
.loginWrap {
	clear: both;
	float: left;
	width: 250px;
	margin: 0 0 20px 0;
	padding: 0 0 5px 0;
	position: relative;
	color: #666;
	/*background: url(/aspx/fonsandporter/images/qnn/loginBottom.gif) no-repeat left bottom;*/
	}
	
.loginTop {
	width: 250px;
	height: 6px;
	/*background: url(/aspx/fonsandporter/images/qnn/loginTop.gif) no-repeat left top;*/
	}
	
.loginMid {
	float: left;
	clear: both;
	width: 230px;
	margin: 5px 0 0 10px;
	padding: 0;
	position: relative;
	}
	
.loginMid p {
	clear: both;
	margin: 0 0 5px 0;
	padding: 0;
	}
	
.loginMid ul {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
	
.loginMid li {
	width: 230px;
	float: left;
	clear: both;
	margin: 0 0 5px 0;
	padding: 0;
	}
	
.loginMid li.forgot {
	width: 120px;
	margin: 0 0 15px 76px;
	padding: 0;
	display: inline;
	}
	
.loginMid li label {
	width: 75px;
	float: left;
	font-weight: bold;
	letter-spacing: -.3px;
	}
	
.loginMid li input {
	width: 124px;
	float: left;
	margin:0 0 5px 0;
	padding: 4px;
	font: 11px Arial, Helvetica, sans-serif;
	border: 1px solid #d2d2d2;
	background: url(/aspx/fonsandporter/images/qnn/txtbox.gif) repeat-x left top;
	}
	
.loginMid .btnLogin {
	color: #fff;
	background:#96accb;
	padding: 1px 5px;
	border: 3px double #96accb;
	font-size: 9px;
	font-weight: bold;
	width:auto;
	overflow:visible;
	/*background: url(/aspx/fonsandporter/images/qnn/btn_login.gif) no-repeat left top;*/
	}

	/*.loginMid a.btnLogin {
		width: 70px;
		:-moz-any-link:focus;
		outline: none;
		}
		
	.loginMid a.btnLogin:link, .loginMid a.btnLogin:visited {
		display: block;
		height: 29px;
		text-indent: -9999em;
		text-decoration: none;
		}
		
	.loginMid a.btnLogin:hover {
		background: url(/aspx/fonsandporter/images/qnn/btn_login.gif) no-repeat -70px top;
		}*/
		
.player {
	margin: 0 0 16px 0;
	}

.vids {
	margin: 0 0 16px 0;
	}
	
.vids ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
	
.vids ul li {
	width: 220px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: left;
	display: block;
	}

* html .vids ul li a {  /* make hover effect work in IE */
	width: 220px;
	}

.vids ul li a, .vids ul li a:visited {
	width: 220px;
	margin: 0;
	padding: 10px 5px 5px 5px;
	float: left;
	display: block;
	border-bottom: 1px dashed #7db8bd;
	text-decoration: none;
	}

.vids ul li a:hover {
	width: 220px;
	margin: 0;
	padding: 10px 5px 5px 5px;
	float: left;
	display: block;
	background: #eefafb;
	border-bottom: 1px dashed #333;
	text-decoration: none;
	}

.vids ul li img {
	float: left;
	margin: 0 5px 5px 0;
	padding: 1px;
	border: 1px solid #333;
	}
		
dl.ad {
	margin: 0 0 20px 0;
	}

dl.ad dt {
	font-weight: bold;
	color: #666;
	margin: 0 0 5px 0;
	}
	
dl.ad dd {
	color: #666;
	margin: 0 0 5px 0;
	}
	
/*-----------------------------------------*/
/*----------- PageWrap2 Styles ------------*/
/*-----------------------------------------*/
.pageWrap2 {
	width: 916px;
	margin: 0 0 0 18px;
	}

	.pageWrap2 .col2 {
		width: 572px;
		}
	
	.pageWrap2 .col3 {
		display: none;
		}

.pageWrap2 fieldset li.clearBoth {
	clear: both;
	display: block;
	float: left;
	width: 500px;
	}

.pageWrap2 fieldset li.clearLeft {
	clear: left;
	float: none;
	}

.pageWrap2 .col2 fieldset li.checkboxWrap {
	float: left;
	clear: both;
	width: 500px;
	}

	.pageWrap2 .col2 fieldset li.checkboxWrap input {
		float: left;
		width: 20px;
		padding: 0;
		margin: 0;
		}
	
	.pageWrap2 .col2 fieldset li.checkboxWrap label {
		float: left;
		width: 400px;
		padding: 0;
		margin: 0;
		}

/*-- Fieldset Styles --*/
.pageWrap2 fieldset {
	font: 11px Arial, Helvetica, sans-serif;
	border: 1px solid #ccc;
	margin: 0 0 20px 0;
	float: left;
	clear: both;
	width: 580px;
	color: #666;
	}

.pageWrap2 fieldset h3 {
	font: 14px Arial, Helvetica, sans-serif;
	border-bottom: 1px dashed #ccc;
	margin: 0 0 20px 0;
	padding: 0;
	}

.pageWrap2 fieldset legend {
	font-size: 14px;
	margin: 0;
	padding: 0 20px;
	float: left;
	font-weight: bold;
	color: #7b4f99;
	}
	
.pageWrap2 fieldset ul  {
	list-style:none;
	margin: 0;
	padding: 0;
	}

.pageWrap2 fieldset li {
	width: 280px;
	float: left;
	margin: 0 10px 10px 0;
	padding: 0;
	/*background: lightyellow;*/
	}

.pageWrap2 fieldset li label {	
	float: left;
	width: 250px;
	vertical-align: top;
	}

.pageWrap2 fieldset li input {	
	clear: both;
	float: left;
	width: 150px;
	vertical-align: top;
	}
		
.pageWrap2 fieldset .required {
	color: #d86829;
	}
	
.pageWrap2 fieldset .help {
	clear:both;
	color:red;
	margin:0 0 0 150px;
	}
	
.pageWrap2 fieldset ul li span {
	float: left;
	padding: 0 5px 0 0;
	}

.pageWrap2 fieldset ul li span input {
	float: none;
	width: 50px;
	}

.pageWrap2 fieldset ul li span label {
	width: auto;
	display: block;
	clear: both;
	}

/*-- Radio Styles --*/
.pageWrap2 fieldset ul li.radio span {
	padding: 0 5px 0 0;
	width: 130px;
	}

.pageWrap2 fieldset ul li.radio span input {
	float: left;
	width: auto;
	}

.pageWrap2 fieldset ul li.radio span label {
	float: left;
	display: inline;
	width: 100px;
	clear: none;
	}
.pageWrap2 .buttons li {
	float:left;
	padding:0 10px 0 0;
	list-style:none;
	}

.pageWrap2 .buttonClear {
	float:left;
	clear: both;
	color: #fff;
	background:#96accb;
	padding: 1px 5px;
	border: 3px double #96accb;
	font-size: 9px;
	font-weight: bold;
	width:auto;
	overflow:visible;
	}

fieldset ul li input.button {
	float: left;
	clear: both;
	color: #fff;
	background: #96accb;
	padding: 1px 5px;
	border: 3px double #96accb;
	font-size: 9px;
	font-weight: bold;
	width: auto;
	overflow: visible;
	}
	
/*-- Fieldset Styles --*/
fieldset {
	font: 11px Arial, Helvetica, sans-serif;
	border: 1px solid #ccc;
	margin: 0 0 20px 0;
	padding: 0 20px 10px 20px;
	clear: both;
	width: 580px;	
	}
	
fieldset h2 {
	font: 16px Arial, Helvetica, sans-serif;
	font-weight: bold;
	clear:both;
	}
	
.confirmation fieldset ul {
	width: 250px;
	float: left;
	margin: 0 10px 10px 0;
	padding: 0;
	height:200px;
	}
.confirmation fieldset li {
	width: 230px;
	float: left;
	margin: 0 10px 10px 0;
	padding: 0;
	clear:both;
	}
.confirmation fieldset h2 {
	width: 230px;
	float: left;
	}
	
fieldset legend {
	font-size: 14px;
	margin: 0;
	padding: 0 10px;
	font-weight: bold;
	color: #666;
	}
	
fieldset ul  {
	list-style:none;
	margin: 0;
	padding: 0;
	}

fieldset li {
	width: 250px;
	float: left;
	margin: 0 0 20px 0;
	padding: 0;
	}

fieldset li label {	
	float: left;
	width: 250px;
	vertical-align: top;
	}

fieldset li input {	
	clear: both;
	float: left;
	width: 150px;
	vertical-align: top;
	}	
fieldset .required {
	color: red;
	}

fieldset .help {
	clear: both;
	color: red;
	margin: 0;
	background: white;
	width: 230px;
	}
	
fieldset ul li span {
	float: left;
	padding: 0 5px 0 0;
	}

fieldset ul li span input {
	float: none;
	width: 50px;
	}

fieldset ul li span label {
	width: auto;
	display: block;
	clear: both;
	}
	
.CCMonth table {
	float: left;
	clear: both;
	}
.secCodeHelp {
	clear: both;
	display: both;
	width: 200px;
	}	

/*-- Radio Styles --*/
fieldset ul li.radio span {
	padding: 0 5px 0 0;
	width: 130px;
	}

fieldset ul li.radio span input {
	float: left;
	width: auto;
	}

fieldset ul li.radio span label {
	float: left;
	display: inline;
	width: 100px;
	clear: none;
	}
.buttons li {
	float:left;
	padding:0 10px 0 0;
	list-style:none;
	}
	
	
	.steps {
	list-style-type: none;
	margin: 0 0 20px 0;
	}
	
ul.steps li {
	display: inline;
	width: 32px;
	margin: 0 15px 0 0;
	}

fieldset li.checkboxWrap {
	float: left;
	clear: both;
	width: 300px;
	}

	fieldset li.checkboxWrap input {
		float: left;
		width: 20px;
		padding: 0;
		margin: 0;
		}
	
	fieldset li.checkboxWrap label {
		float: left;
		width: 250px;
		padding: 0;
		margin: 0;
		}
/*-- Shop Locator --*/
.locatorWrap {
	width:600px;
	}
fieldset.locator ul li.hr span {
	width: 30px;
	color:#01437a;
	position:absolute;
	left:45%;
	top:2px;
	height:15px;
	background:#fff;
	text-align:center;
	padding:0;
	font-size:14px;
	font-weight:bold;
	margin:0;
	}
.shopLocator dd.title {
	margin: 0 0 5px 0;
	color: #9d032a;
	margin:0 0 15px 0;
	font-size: 12px;
	font-weight: bold;
	}

	.shopLocator dd.title a, .shopLocator dd.title a:visited {
		color: #9d032a;
		text-decoration: none;
		}
	
	.shopLocator dd.title a:hover {
		text-decoration: underline;
		}
	
.shopLocator dl {
	margin: 0 0 20px 0;
	padding: 0;
	clear:both;
	}

.shopLocator dt {
	float: left;
	width: 100px;
	color: #9f81b5;
	font-weight: bold;
	margin: 0 10px 0 0;
	padding: 0; 
	letter-spacing: -.2px;
	}

.shopLocator dd {
	color: #333;
	margin: 0 0 10px 0;
	padding: 0; 
	}
fieldset.locator {
	width: 280px;
	float:left;
	margin-bottom:15px;
	padding-bottom:5px;
	}
fieldset.locator li label {
	width: 60px;
	}
fieldset.locator li label {
	width: 60px;
	}
fieldset.locator ul {
	float:left;
	padding-bottom:0;
	margin-bottom:0;
	}
fieldset.locator li {
	width:280px;
	position:relative;
	padding-bottom:10px;
	margin-bottom:0;
	float:left;
	clear:both;
	}
fieldset.locator ul li input.button {
	position:absolute;
	top:0;
	right:0;
	width:40px;
	}
fieldset.locator ul li input {
	width:70px;
	float:left;
	clear:none;
	}
/*fieldset li.checkboxWrap2 {
	float: left;
	width: 300px;
	}

	fieldset li.checkboxWrap2 input {
		float: left;
		width: 20px;
		padding: 0;
		margin: 0;
		}
	
	fieldset li.checkboxWrap2 label {
		float: left;
		width: 60px;
		padding: 0;
		margin: 0;
		}
*/
	
	
/*-- video search --*/
/*.vidsDisplay { }

.vidsDisplay .clearme {
	clear: both;
	margin: 0 0 20px 0;
	padding: 0;
	}
	
.vidsDisplay dl {
	margin: 0;
	padding: 0;
	}
	
.vidsDisplay dl dt.image {
	width: 330px;
	display: block;
	float: left;
	margin: 0 0 10px 0;
	padding: 0;
	}
	
	.vidsDisplay dl dt.image img {
		width: 100px;
		float: left;
		margin: 0 5px 0 0;
		}
		
.vidsDisplay dl dd.title {
	float: left;
	margin: 0 0 5px 0;
	padding: 0;
	}
	
.vidsDisplay dl dd.link {
	clear: both;
	margin: 0 0 15px 0;
	border-bottom: 1px dashed #ccc;
	}	
*/
/*-- video search --*/
.vidsDisplay { }

.vidsDisplay .clearme {
	clear: both;
	margin: 0 0 20px 0;
	padding: 0;
	}
	
.vidsDisplay dl {
	float:left;
	margin: 0;
	padding: 0;
	}
	
.vidsDisplay dl dt {
	width: 120px;
	float: left;
	padding: 0;
	}
	
.vidsDisplay dl dt img {
	width:100px;
	border-width:0px;
	border-style:none;
	}
		
.vidsDisplay dl dd.title {
	margin: 0;
	padding: 0;
	font-weight:normal;	
	}
.vidsDisplay dl dd.title h3 {
	}
.vidsDisplay dl dd.title h3 a {
	margin:0 0 15px 0;
	font-size: 12px;
	font-weight: bold;
	}
.vidsDisplay dl dd.link {
	clear:both;
	margin: 0 0 15px 0;
	border-bottom: 1px dashed #ccc;
	}

.button {
	color: #fff;
	background:#96accb;
	padding: 1px 5px;
	border: 3px double #96accb;
	font-size: 9px;
	font-weight: bold;
	width:auto;
	overflow:visible;
	}

.buttonClear {
	float:left;
	clear: both;
	color: #fff;
	background:#96accb;
	padding: 1px 5px;
	border: 3px double #96accb;
	font-size: 9px;
	font-weight: bold;
	width:auto;
	overflow:visible;
	}

fieldset ul li input.button {
	float: left;
	clear: both;
	color: #fff;
	background: #96accb;
	padding: 1px 5px;
	border: 3px double #96accb;
	font-size: 9px;
	font-weight: bold;
	width: auto;
	overflow: visible;
	}

/*-- Member Text --*/
.membertext {
	margin: 0 0 30px 0;
	}

.membertext h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #8f4753;
	font-weight:bold; 
	letter-spacing:-2px;
	padding-top:15px;
	margin: 0 0 5px 0;
	}

.membertext .welcomeTxt {
	font-size: 12px;
	}

.membertext .welcomeTxt .name {
	font-size: 12px;
	font-weight: bold;
	}

.membertext .date {
	font-style: italic;
	display: block;
	}

.membertext ul {
	margin: 0 0 15px 20px;
	list-style-position: inside;
	}

.videosOnDemand, .videosOnDemand a {
	display: block;
	list-style: none;
	width: 130px;
	height: 15px;
	}
.videoPlayer {
	position:relative;
	z-index:11;
	}
.banManBanner {
	position:absolute;
	right:-20px;
	top:-20px;
	z-index:999;
	}
.newMemberWelcome {
	margin:0 0 15px 0;
	float:left;
	}
/*-- Member News --*/
.membernews {
	clear:both;
	margin: 0 0 20px 0;
	}
.membernews h2 {
	font: 22px Georgia, "Times New Roman", Times, serif;
	color: #cc6600;
	background-color: #f3f5f9;
	font-weight: 100;
	height: 30px;
	margin: 0 0 10px 0;
	padding: 2px 2px 2px 6px;
	border: 0;
	letter-spacing: -1px;
	}
.membernews dl {
	margin: 0 0 10px 0;
	padding: 0;
	}
.membernews dd {
	margin: 0 0 2px 8px;
	padding: 0;
	}
.membernews dd.image {
	float: left;
	margin: 0 5px 5px 0;
	padding: 0;
	}
.membernews dt {
	color: #9f81b5;
	font-size: 12px;
	font-weight: bold;
	margin: 10px 0 5px 0;
	padding:0;
	}

/*.membernews {
	margin: 0 0 30px 0;
	}

.membernews ul {
	margin: 0 0 15px 0;
	list-style-position: inside;
	}

.membernews h2 {
	border-bottom: 1px dashed #c0dbee;
	}

.membernews ul h3 {
	margin: 0 0 5px 10px;
	}
	
.membernews ul li {
	margin: 0 0 2px 20px;
	padding: 0;
	}
li.newsCategory {
	list-style:none;
	margin:0;
	padding:0;
	}*/

/*-- Member Favorites --*/
.memberfavorites {
	margin: 0 0 30px 0;
	}

.memberfavorites ul {
	margin: 0 0 15px 0;
	padding: 0;
	list-style-position: inside;
	list-style-type: disc;
	}

.memberfavorites h2 {
	font: 22px Georgia, "Times New Roman", Times, serif;
	color: #cc6600;
	background-color: #f3f5f9;
	font-weight: 100;
	height: 30px;
	margin: 0 0 10px 0;
	padding: 2px 2px 2px 6px;
	border: 0;
	letter-spacing: -1px;
	}

.memberfavorites ul h3 {
	margin: 0 0 5px 10px;
	}
	
.memberfavorites ul li {
	margin: 0 0 2px 20px;
	padding: 0;
	}

.buttonWrap {
	margin: 0 0 20px 0;
	}

td.catllinks ul {
	margin: 0 0 15px 15px;
	padding: 0;
	}
	
td.catllinks li {
	margin: 0;
	padding: 0;
	}


h1 {
	color: #004780;
	font: 18px Arial, Helvetica, sans-serif;
	margin: 0 0 15px 0;
	padding: 0;
	}

.error {  color: #CC0000; 	font-weight: bold; }
.error A { color: #CC0000;}

.videoSkin {
	position:relative;
	background: url(images/ourvideos/video_skin_bg.jpg) no-repeat;
	float:left;
	padding:67px 20px 10px 20px;
	width:655px;
}

.videoSmallPlayer {
	float:left;
}

.videoSmallPlayerEducation {
	/*float:left;*/
	width:750px;
	text-align: center;
	padding-top: 25px;
}

.videoBanManAd {
	float:right;
}

.videoReturn {
	position:relative;
	top:10px;
	left:0;
	}
/* popup */
#popup {
	position:absolute;
	background:#fff;
	z-index:1000;
	left: 25%;
	top: 50px;
	border:2px solid #000;
	width:600px;
}

#popup2 {
	position:absolute;
	background:#fff;
	z-index:1000;
	left: 25%;
	top: 50px;
	border:2px solid #000;
	width:600px;
}

.popupWrap {
	padding:3px;
	float:left;
}
.popupImage {
	background:green;
	float:left;
	}
.popupContent {
	width:370px;
	float:left;
	padding:10px;
}
.popupContent p {
	padding:0 0 20px 0;
	margin:0;
}
.popupContent fieldset {
	position:relative;
	font: 11px Arial, Helvetica, sans-serif;
	border-style:none;
	margin: 0px 0 20px 0;
	padding: 5px;
	clear: none;
	background:#ffffff;
	float:left;
	width:340px;
	}
.popupContent fieldset ul  {
	list-style:none;
	margin: 0;
	padding: 0;
	}

.popupContent fieldset li {
	width: 330px;
	float: left;
	margin: 0 0 2px 0;
	padding: 0;
	}
.popupContent fieldset li label {	
	float: left;
	width: 110px;
	line-height: 1.8;
	vertical-align: top;
	}
.popupContent fieldset li input.popupInput {	
	float: left;
	width: 170px;
	vertical-align: top;
	clear:none;
	}
.popupContent fieldset li select {	
	font: 11px Arial, Helvetica, sans-serif;
	float: left;
	width: 174px;
	}
.popupCloseBar {
	background:#67021c;
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	width:100%;
	position:relative;
}
.popupTitle {
	float:right;
	padding:8px 14px;
	float:left;
	color:#fff;
	font:14px Arial, Helvetica, sans-serif;
	font-weight:bolder;
	margin:0px;
	list-style:none;
	width:200px;
}
.popupClose {
	Position:absolute;
	top:3px;
	right:10px;
	margin:0px;
	width:200px;
	text-align:right;
}

a.popupClose {
	color:#FFFFFF;
	}
.popupGuarantee {
	border:1px solid #666;
	padding:2px;
	font-size:11px;
	color:#666;
	clear:both;
}


/* document elements
-------------------------------------------------------------------------------- */
h2.search_results          {font-family:"Times New Roman", Times, serif; font-size:25px; color:#cc6600; margin-bottom:10px; *margin-top:20px; font-weight:normal;}

h3.webinar_title           {color:#8c955b; font-size:20px; text-decoration:underline; font-weight:normal;}

h4.classes                 {font-family:"Times New Roman", Times, serif; font-size:25px; font-weight:normal; color:#cc6600; margin-bottom:10px;}
h4.cart                    {font-family:"Times New Roman", Times, serif; font-size:25px; font-weight:normal; color:#cc6600;}
h4.webinar_detail          {font-family:"Times New Roman", Times, serif; font-size:25px; font-weight:normal; color:#cc6600;}

h5.order_summary           {margin:0; padding:0; color:#cc6600; font-family:"Times New Roman", Times, serif; font-size:16px;}

p.previous                 {background:url(/images/icon_arrow.gif) center left no-repeat; padding-left:8px;}
p.qca                      {margin:0 15px 0 0; font-weight:bold; float:left;}
p.non-member               {margin-bottom:35px; font-weight:bold; float:left; clear:left; width:160px;}

a.purchase                 {text-decoration:none; border:none;}
a.purchase img             {text-decoration:none; border:none;}

ul.details                 {color:#343d49; list-style-type:none; margin:20px 0 0 20px;}
ul.details li              {padding:0 0 10px 18px;}
li.enlarge                 {background:url(/images/icon_magnify.gif) top left no-repeat;}
li.enlarge a img                 {display: none;}
li.prereq                  {background:url(/images/icon_book.gif) top left no-repeat;}
li.materials               {background:url(/images/icon_pdf.gif) top left no-repeat;}
li.instructions            {background:url(/images/icon_pdf.gif) top left no-repeat;}
li.instructions.disabled   {background:url(/images/icon_pdf-disabled.gif) top left no-repeat;}
li.user                    {background:url(/images/icon_user.gif) top left no-repeat;}
li.email                   {background:url(/images/icon_email.gif) top left no-repeat;}







/*.vidsDisplay               {color:#343e49;}
.vidsDisplay ul            {list-style-type:none; margin:0; padding:0;}
.vidsDisplay ul li         {position:relative; width:613px; background:url(/images/bkg_quilt.jpg) top left repeat; padding:0; float:left; border-top:1px dotted #fff;}
.vidsDisplay ul li ul      {float:left; margin:0; border-left:1px dotted #fff; padding:10px 0 20px 20px; margin:0;}
.vidsDisplay ul li ul li   {background:none; margin:0; padding:0; border:none; float:none; clear:none; width:260px;} 


.vidsDisplay ul li ul li.easy       {background:url(/images/icon_easy.gif) top left no-repeat; position:absolute;  left:-15px; top:-5px; width:54px; height:53px; z-index:5;}
.vidsDisplay ul li ul li.comingSoon   {background:url(/images/icon_comingSoon.gif) top left no-repeat; position:absolute; left:-15px; top:-5px; width:54px; height:53px; z-index:5;}
.vidsDisplay ul li.alt              {background:url(/images/bkg_quilt-alt.jpg) top left repeat;} 

.vidsDisplay ul li ul li.webinar_thumb           {width:102px; padding-right:5px;}
li.webinar_thumb img                             {border:1px dotted #fff;}
li.webinar_thumb a                               {text-decoration:none; border:none;}

.vidsDisplay ul li ul li.class_title             {font-weight:bold; *width:160px;}
.vidsDisplay ul li ul li.teacher_name            {font-weight:bold; margin-bottom:5px; *width:160px;}
.vidsDisplay ul li ul li.skill_level             {margin-bottom:5px; *width:160px;}
.vidsDisplay ul li ul li.project                 {*width:160px;}
.vidsDisplay ul li ul li.watch                   {clear:left; margin-top:5px; font-weight:bold;}
*/
.webinar_preview                                 {float:left; width:360px; margin-right:20px;}
.webinar_info                                    {float:left; width:230px;}

.webinar_preview img                             {margin-bottom:10px;}




/* default form elements
-------------------------------------------------------------------------------- */
fieldset.webinars                 {width:580px; border:1px solid #ccc; font-size:11px; margin:47px 0 20px 0; padding:0 0 0 20px;}

fieldset.webinars legend          {color:#666; font-size:14px; font-weight:bold; margin:0; padding:0 10px;}
fieldset.webinars label           {float:none; display:block; line-height:normal; width:200px;}

fieldset.webinars ol              {list-style-type:none; float:left; width:200px;}
fieldset.webinars ol li           {padding-bottom:23px; margin:0; width:200px;}

fieldset.webinars ol.submit       {clear:both;}     
fieldset.webinars ol.submit li input       {width:38px; height:22px;}




/* shopping cart elements
-------------------------------------------------------------------------------- */
em img                              {margin-left:3px;}
div.shoppingCart                    {width:400px;}

div.shoppingCart fieldset           {width:580px; *width:480px; border:none; font-size:11px; margin:20px 0 0px 0; padding:11px 0 0 20px;}
div.shoppingCart fieldset.submit input {width:89px; height:19px;}

div.shoppingCart fieldset legend    {margin:0; padding:0; color:#cc6600; font-family:"Times New Roman", Times, serif; font-size:25px; font-weight:normal; *margin-left:-7px;}
div.shoppingCart fieldset label     {float:none; display:block; line-height:normal; font-weight:bold;}

label.expireMonth                   {width:100px;}

div.shoppingCart fieldset ol        {list-style-type:none; float:left; clear:left; margin:0; padding:0;}
div.shoppingCart fieldset ol li     {float:left; width:180px; margin:0; padding:0 0 7px 0;}

div.shoppingCart fieldset ol li.city         {width:180px;}
div.shoppingCart fieldset ol li.state        {width:100px;} 
div.shoppingCart fieldset ol li.expireMonth  {width:100px;}   

table.checkout td table              {}
table.checkout td                    {border:1px solid #fff;}
table.order_summary                  {width:190px;}
table.order_summary p                {color:#999; margin-bottom:3px; padding:0;}


/* global classes
-------------------------------------------------------------------------------- */
.float-right                         {float:right;}
.float-left                          {float:left;}


/* ron added - 9/26/2008*/
.memberPriceBlock {
    margin-bottom: 25px; 
    width: 275px;
}

.tableCart {
	color: #000; 
	border:1px solid #9b5f0c; 
	font-size: 11px;
	line-height: 13px;
	font-weight: normal;
	background:#eeefe1; 
	border-collapse: collapse; /* this sets cellspacing to 0 on tables */
	margin: 0 0 10px 0;
	}
.tableCart A { color: #003C7B;}

.tableCart td { padding: 4px 15px 4px 4px;}
.tableCart label {
	margin:4px 5px 0 0;
	float:left;
	font-weight: bold;
	width:180px;
	}

/* In the HTML, use "th" if possible. If .net does not support "th" then use "tablehead" class */
.tableCart th, .tableCart .tablehead {
	font-size: 11px;
	line-height: 17px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #9b5f0c;
	}

.tableCart th, .tableCart .tablehead td { text-align:left; padding: 4px 15px 4px 4px;}

.tableCart th A, .tableCart .tablehead A {color: #FFFFFF;}

.tableCart .alt { background:#C8C8A8;}

.tableCart .pager { color: #9b5f0c;}
.tableCart .pager A { color: #9b5f0c;}
