/* ----- MAIN SETTINGS ---- */

/*-- CSS Modified by Jeff Schnelle 9/02/2010 --*/
html, body {
	height: 100%;
	margin:0;
	padding:0;
	text-align:center;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #dce6eb;
	

}
td, th {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	
}


/*--- added JS 9/02/2010 ---*/
#globalWrapper {
	background-color: #FFF;
	width: 963px;
	margin:20px auto;
	text-align: left;
	border:solid 1px #204763;
}


/*---added JS 01/04/2012 ---*/
#madeiraHmWrap{
	width:916px;
	min-height:395px;
	margin-top:8px;
	background: #fff url("http://www.sewingandcraftclub.com/images/madeira-home-hdr.gif") no-repeat top left;

}

/*---added JS 9/02/2010 ---*/
#mainContent{
	position:relative;
	margin:30px 0 0 0;
}
/*---added JS 9/02/2010 ---*/


h2 {
	margin:5px 0 5px 0;
}
.tdd {
	margin:0 0 5px 0;
}
.legal {
	font-size:0.81em;
	margin:0 0 10px 0;
}
#vidwindow {
	position: absolute;
	top:0;
	left:0;
	width:550px;
	height:400px;
	background-image: url(http://www.sewingandcraftclub.com/images/vid-popup-bkgrd.jpg);
	background-repeat: repeat-x;
	background-position: top;
	margin:0;
	padding:0;
}
.vidttl {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:0.80em;
	color:#3b3b3b;
}	
	
		
A:link {
	text-decoration: none;
}
A:visited {
	text-decoration: none;
} 
A:hover {
	text-decoration: none;
}

/* This is the default font for the entire page body */
.mainpage {
	font-size : 10px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/* This is a smaller text used for the wishlist, etc. */
.smalltext {
	font-size : 9px;
}

/* Style for page breaks when printing */
.pageEnd {page-break-before: always}

/* ----- PAGE SECTIONS & HEADERS -----*/
/* Header is a large separating bar used in page layout */
/* Sections are used for output areas */
.header {
	BACKGROUND-COLOR: #828A92;
	FONT-SIZE: 14px;
	color : White;
	font-weight : bolder;
}
.section_title {
	font-size: 12px;
	font-weight: bold;
	color : Maroon;
}

/* Used for the menu footer at the bottom of list and detail pages */
.section_footer {
	font-size: 11px;
	color : Maroon;
}
A.section_footer {
	text-decoration : none;
}

.thickline {
	size: 1;
	height: 2px;
	margin-bottom : 0;
	margin-top : 0;
	border: 0;
}
.thinline {
	size: 1;
	height : 1px;
	margin-bottom : 0;
	margin-top : 0;
	border: 0;
}
#sponsordealerhome {
	border-top:1px solid #00aff9;
	border-bottom:1px solid #00aff9;
	border-right:1px solid #00aff9;
	
}

/* Wish list button */
.WishButton {
	BORDER-RIGHT: 1px outset;
	BORDER-TOP: 1px outset;
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	BORDER-LEFT: 1px outset;
	COLOR: white;
	BORDER-BOTTOM: 1px outset;
	BACKGROUND-COLOR: #999999;
	text-align : center;
}

/* CATEGORY PAGES: Category itself (large) plus 3 listing sizes  for subcats & article, etc. --------------------------------------------- */
.cat_title_large {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
}
.cat_title_small {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
a.cat_title_small {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.cat_title_list {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size:	12px;
	font-weight: bold;
	text-decoration: underline
}

.cat_text_large {
	font-size: 14px;
}
.cat_text_featured {
	font-size: 14px;
}
.cat_text_small {
	font-size: 11px;
}
.cat_text_list {
	font-size: 12px;
}

/* FEATURE:.Detail page -------------------------------- */

/* Style for detail item name, if no image defined   */
.FeatureTitle {
	font-size : 20px;
}
/* Style for product names, if no image defined   */
.FeatureTeaser {
	font-size : 16px;
	font-family : Arial, Helvetica, sans-serif;
}
.FeatureByline {
	font-size : 12px;
	font-style : italic;
	
}


/* PRODUCTS:. --------------------------------------------- */

/* Style for product names, if no image defined   */
.prodname {
	font-size : 16px;
	font-weight: bold;
}

/* Style for product names, if no image defined   */
.prodname_list {
	font-size : 12px;
	font-weight: bold;
}

/* Style for Product SKU line, if turned on */
.prodSKU {
	font-size : 11px;
	color : #666666;
}

/* Style for Product price, if turned on */
.prodprice {
	font-size : 12px;
}

/* Style for Product price emphasized words */
.prodprice2 {
	font-size : 12px;
	font-weight: bold;
	color: maroon;
}

/* Style for Product discount line, if turned on */
.proddisc {
	font-size : 12px;
	color : maroon;
}

/* Style for border around image on moreinfo page */
.listingimg {
	margin-right : 10px;
}

.moreimg {
	border-style : solid;
	border-width : 1px;
	border-color : Silver;
	padding : 10px;
	background-color: white;
}

.gallery_img {
	border-style : solid;
	border-color : Silver;
	margin-right : 3px;
	border-width : 1px;
}


/* ----- ORDER BOX & HIGHTLIGHT BOX -----*/
.BoxTitle {
	FONT-SIZE: 16px;  
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.BoxText {
	font-family : Verdana, Arial, Helvetica, sans-serif;	
	FONT-SIZE: 13px;  
}


/* ----- SHOPPING CART  -----*/

/* Style for shopping cart text */
.carttext {
	font-size : 11px;
}

/* Style for small shopping cart text */
.smallcarttext {
	font-size : 10px;
}



/* ----- INPUT FORM ---------------------------------*/
.formtitle {
	FONT-SIZE: 14px;
	font-weight : bold;
	font-family : Verdana, Arial, Helvetica, sans-serif;
}
.formtext {
	FONT-SIZE: 12px;
	vertical-align : baseline;
	font-family : Verdana, Arial, Helvetica, sans-serif;
}

.formerror {
	FONT-SIZE: 12px;
	color : Red;
}

.formerrorsmall {
	FONT-SIZE: 10px;
	color : Red;
}

.formtextsmall {
	FONT-SIZE: 10px; 
}

.FormTextVerySmall {
	FONT-SIZE: 9px;
}

.formfield {
	BACKGROUND-COLOR: #fbfbfb;
	BORDER-BOTTOM: #999999 1px solid;
	BORDER-LEFT: #999999 1px solid;
	BORDER-RIGHT: #999999 1px solid;
	BORDER-TOP: #999999 1px solid;
	COLOR: #003163;
	FONT-SIZE: 12px;
}

.formfieldlogin {
	BORDER-RIGHT: #cccccc 1px solid;
	BORDER-TOP: #cccccc 1px solid;
	FONT-SIZE: 11px;
	BORDER-LEFT: #cccccc 1px solid;
	COLOR: #101F74;
	BORDER-BOTTOM: #cccccc 1px solid;
	width : 120px;
}

.formfieldcheckbox {
	FONT-SIZE: 10px;
	COLOR: #cccccc;
}

.formbutton {
	BORDER-RIGHT: 1px outset;
	BORDER-TOP: 1px outset;
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	BORDER-LEFT: 1px outset;
	COLOR: white;
	BORDER-BOTTOM: 1px outset;
	BACKGROUND-COLOR: #999999;
	text-align : center;
}
A.formbutton:visited {
	FONT-WEIGHT: bold;
	FONT-SIZE: 10px;
	COLOR: #dddddd;
	BACKGROUND-COLOR: #999999;
	TEXT-DECORATION: none;
}
A.formbutton:hover {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: white;
	BACKGROUND-COLOR: #666666;
	TEXT-DECORATION: none;
}

/* ----- Listing Outputs (for address lists, etc.) ---------------------------*/
.ResultHead {
	FONT-SIZE: 16px;
}
.listingHead {
	FONT-SIZE: 12px; 
	TEXT-DECORATION: none;
}
.ListingSmall {
	font-size:	10px;
}
.listingTitle {
	FONT-SIZE: 14px;
	TEXT-DECORATION: none;
	font-weight : bold;
}
A.listingTitle:link {
	FONT-SIZE: 14px;  TEXT-DECORATION: none
}
A.listingTitle:visited {
	FONT-SIZE: 14px;  TEXT-DECORATION: none
	}
A.listingTitle:hover {
	FONT-SIZE: 14px;
 	TEXT-DECORATION: underline;
	}
	
.listingsubtitle {
	FONT-SIZE: 12px; FONT-STYLE: italic;  
}
.listingtext {
	FONT-SIZE: 12px; 
}
.listingsubtext {
	FONT-SIZE: 12px;  
}
.listingtagline {
	FONT-SIZE: 12px; 
}
.listingdate {
	FONT-SIZE: 12px;  
}



/* MENUs --------------------------------------------- */
.menu_category {
	font-size: 12px;
	text-decoration : none;
	COLOR: gray;
}
a.menu_category
{
	font-size: 12px;
}

.menu_page {
	font-size: 12px;
	COLOR: gray;
}
a.menu_page
{
	font-size: 12px;
}

.menu_page_title {
	font-size: 12px;
	COLOR: gray;
	FONT-WEIGHT: bold;
}

a.menu_page_title
{
	font-size: 12px;
	COLOR: gray;
	FONT-WEIGHT: bold;
}


.menu_trail {

	text-decoration : none;
	COLOR: #808080;
}
a.menu_trail
{
	font-size: 12px;

}

.menu_footer {
	font-size: 10px;
	text-decoration : none;
	color : Gray;
}


.menu_admin {
	FONT-WEIGHT: normal;
	FONT-SIZE: 10px;
	COLOR: #ccc;
	TEXT-DECORATION: none
}
A.menu_admin{
	FONT-WEIGHT: normal;
	FONT-SIZE: 10px;
	COLOR: #ccc;
	TEXT-DECORATION: none
}




.caution {
	COLOR: #ff6600; FONT-SIZE: 12px; FONT-WEIGHT: 700
}
.photocaption {
	COLOR: white; FONT-SIZE: 11px; 
}



/* ----- INPUT FORM ---------------------------------*/
.TopTierHeader {
	PADDING-RIGHT: 5px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 12px;  FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; 
}

A.TopTierHeader:link {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 12px;  FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;  TEXT-DECORATION: none
}
A.TopTierHeader:visited {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 12px;  FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;  TEXT-DECORATION: none
}
A.TopTierHeader:hover {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 12px;  FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline
}


/* ----- top tier is tabs; TD produces height ---------------------------------*/
TD.TopTierNav {
	FONT-WEIGHT: bold; FONT-SIZE: 17px;  FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.TopTierNav {
	FONT-WEIGHT: bold; FONT-SIZE: 11px;  FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.TopTierNav:link {
	 FONT-SIZE: 11px; FONT-FAMILY: verdana,arial,sans serif; TEXT-DECORATION: none
}
A.TopTierNav:visited {
	FONT-SIZE: 11px;  FONT-FAMILY: verdana,arial,sans serif; TEXT-DECORATION: none
}
A.TopTierNav:hover {
	FONT-SIZE: 11px;
	FONT-FAMILY: verdana,arial,sans serif;
	TEXT-DECORATION: none;
	background-color : transparent;
}

/* ----- the sub tier is for sort  ---------------------------------*/
.SubTierNav {
	FONT-SIZE: 11px;  FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.SubTierNav:link {
	 FONT-SIZE: 11px; FONT-FAMILY: verdana,arial,sans serif; TEXT-DECORATION: none
}
A.SubTierNav:visited {
	FONT-SIZE: 11px;  FONT-FAMILY: verdana,arial,sans serif; TEXT-DECORATION: none
}
A.SubTierNav:hover {
	FONT-SIZE: 11px;
	FONT-FAMILY: verdana,arial,sans serif;
	TEXT-DECORATION: none;
	background-color : transparent;
}


/* ---------- Links for the sitemap search --------------------- */
A.alphaon:link {
	 FONT-SIZE: 13px; FONT-FAMILY: verdana,arial,sans serif; TEXT-DECORATION: none ; Font-Weight: Bold;
}
A.alphaon:visited {
	FONT-SIZE: 13px;  FONT-FAMILY: verdana,arial,sans serif; TEXT-DECORATION: none; Font-Weight: Bold;
}
A.alphaon:hover {
	FONT-SIZE: 13px;
	FONT-FAMILY: verdana,arial,sans serif;
	TEXT-DECORATION: none;
	Font-Weight: Bold;
	background-color : #F0F0F0;
}
A.alphaoff:link {
	 FONT-SIZE: 9px; FONT-FAMILY: verdana,arial,sans serif; TEXT-DECORATION: none
}
A.alphaoff:visited {
	FONT-SIZE: 9px;  FONT-FAMILY: verdana,arial,sans serif; TEXT-DECORATION: none
}
A.alphaoff:hover {
	FONT-SIZE: 9px;
	FONT-FAMILY: verdana,arial,sans serif;
	TEXT-DECORATION: none;
	background-color : #F0F0F0;
}
.style7 input {
width: 90px;


}
.searchnav {
color:#FFFFFF;
font-size:10px;

}


blockquote {
font-size:10px;
}
style22 {
font-size:10px;
}
#navflex{
	clear:both;
	font-weight:bold;
	color:#666;
	margin-left:0;
	list-style-type:none;
	padding-left: 0;
}

#navflex li{
	list-style-type:none;
	float:left;
	line-height: 18px;
	margin:0;
	padding:0 0 0 10px ;
	
}
#navflex li input{
	color:#fff;	
	display:block;
	padding:5px 9px 5px 0;
	margin-left: 0;

}

#navflex li input:link,
#navflex li input:visited{
	color:#000;
	text-decoration:none;
}

#navflex li input:hover,
#navflex li input:active{
	color: #fff;
	text-decoration:none;
}

#navflex li strong,
ul#navflex li.cur a,
ul#navflex li.over a,
ul#navflex li:hover a
{
	display:block;
	font-size:11px;
	color:#fff;
	padding:0 0 0 0;
	text-decoration:none;
}
.formbutton2 {
	BORDER-RIGHT: none;
	BORDER-TOP: none;
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	BORDER-LEFT: none;
	COLOR: white;
	BORDER-BOTTOM: none;
	text-align : center;
	padding: 0;
	margin: 0;
	cursor: pointer;
}
A.formbutton2:visited {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #dddddd;
	TEXT-DECORATION: none;
}
A.formbutton2:hover {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: white;
	TEXT-DECORATION: none;
}

/*Promo pop-over styles */


#giftpopgift
{
	margin: 0;
	padding: 0;
	padding-left:34px;
}
#giftpopgiftvisited
{
	margin: 0;
	padding: 0;
	padding-left:34px;
}
#giftpopgifton
{
	margin: 0;
	padding: 0;
	padding-left:34px;
}
#giftpopgiftselected
{
	margin: 0;
	padding: 0;
	padding-left:34px;
}
#giftpopgiftselectedon
{
	margin: 0;
	padding: 0;
	padding-left:34px;
}

#giftpopgift a{
	display: block;
	background: transparent url("../images/giftpopgift.gif") no-repeat;
	padding:3px 36px 3px 3px;

}

#giftpopgiftvisited a{
	display: block;
	background: transparent url("../images/giftpopgiftvisited.gif") no-repeat;
	padding:3px 36px 3px 3px;
}
#giftpopgifton a{
	display: block;
	background: transparent url("../images/giftpopgifton.gif") no-repeat;
	padding:3px 36px 3px 3px;
}
#giftpopgiftselected a{
	display: block;
	background: transparent url("../images/giftpopgiftselected.gif") no-repeat;
	padding:3px 36px 3px 3px;
}
#giftpopgiftselectedon a{
	display: block;
	background: transparent url("../images/giftpopgiftselectedon.gif") no-repeat;
	padding:3px 36px 3px 3px;
}
#giftpopdiscount
{
	margin: 0;
	padding: 0;
	padding-right: 30px;
}
#giftpopdiscounton
{
	margin: 0;
	padding: 0;
	padding-right: 30px;
}

#giftpopdiscountselected
{
	margin: 0;
	padding: 0;
	padding-right: 30px;
}
#giftpopdiscountselectedon
{
	margin: 0;
	padding: 0;
	padding-right: 30px;
}
#giftpopdiscountvisited
{
	margin: 0;
	padding: 0;
	padding-right: 30px;
}

#giftpopdiscount a
{
	display: block;
	background: transparent url("../images/giftpopdiscount.gif") no-repeat;
	padding:3px 3px 3px 46px;

}
#giftpopdiscounton a
{
	display: block;
	background: transparent url("../images/giftpopdiscounton.gif") no-repeat;
	padding:3px 3px 3px 46px;

}
#giftpopdiscountvisited a
{
	display: block;
	background: transparent url("../images/giftpopdiscountvisited.gif") no-repeat;
	padding:3px 3px 3px 46px;

}
#giftpopdiscountselected a
{
	display: block;
	background: transparent url("../images/giftpopdiscountselected.gif") no-repeat;
	padding:3px 3px 3px 46px;

}
#giftpopdiscountselectedon a
{
	display: block;
	background: transparent url("../images/giftpopdiscountselectedon.gif") no-repeat;
	padding:3px 3px 3px 46px;

}

.leftlink {
	margin: 0;
	padding: 0;
	padding-left:34px;
	font-size: 11px;
	padding-bottom: 9px;
}
.rightlink {
	margin: 0;
	padding: 0;
	padding-right:28px;
	font-size: 11px;
	padding-bottom: 9px;
}
#giftpopintro{
padding-top: 12px;

}
#giftpopintro {
color: #3399CC;
font-size: 16px;
padding: 0;
margin:0;
padding-bottom: 3px;

}
#giftpopintro p{
color: #000;
font-size:11px;

padding: 0;
margin:0;

}
#giftinnerleft {
text-align:center;
}
#giftinnerleft img{
padding-bottom: 21px;
}
#giftinnerright {
padding-left: 9px;
}


#giftinnerright {
font-size:14px;
color: #3399CC;
font-weight: bold;
padding: 0;
margin: 0;
padding-bottom: 6px;
}
#giftinnerright p{
padding: 0;
margin: 0;
padding-bottom: 6px;
}
.retailprice {
font-size: 12px;
padding-bottom: 6px;

}
.clubprice {
font-size: 12px;
color: #FF9933;
font-weight: bold;
padding-bottom: 6px;
}
.giftprice {
font-size: 12px;
color: #CC0000;
font-weight: bold;
padding-bottom: 6px;
}
/*END Promo pop-over styles */

		a:link {
			color: #0da3dc;
			text-decoration: none;
		}
		a:visited {
			text-decoration: none;
			color: #999999;
		}
		a:hover {
			text-decoration: underline;
			color: #074d67;
		}
		a:active {
			text-decoration: none;
			color: #336699;
		}
		.style2 {font-size: 24px;}
		.style7 {font-size: x-small; color: #666666; }
		.style9 {font-size: xx-small}
		.style12 {font-size: x-small; color: #3399cc; }
		.style13 {color: #3399cc; font-weight: bold;}
		.style15 {font-size: small; color: #996633; }
		.style16 {font-size: x-small}
		.style17 {color: #666666}
		.style18 {font-size: 11px}
		.style19 {font-size: small; color: #000000; }
		.style22 {color: #996633;font-size: 10px}
		.style23 {color: #ff3300; font-weight: bold;}
		.style26 {color: #9900CC}
		.style27 {font-size: medium}
		#footerblock {
		font-size:10px;		
		}
		#footerblock a{
		font-size:10px;		
		}
		
		/*--- modified JS 9/02/2010 ---*/
		#floatcartpop {
		position:absolute;
		top:99px;
		left:730px;
		margin:0 0 0 0;
		padding:0 0 0 0;
		z-index: 888;
		
		}
		
		#floatcart {
		position:absolute;
		top:99px;
		left:730px;
		margin:0 0 0 0;
		padding:0 0 0 0;
		z-index: 199;
		}
		
		
		/*---modified JS 9/02/2010 ---*/
		
		
		#addtocartpop {
		display: none;
		background-color:#fff;
		border: #3399CC solid 1px;
		width: 600px;
		position:absolute;
		left: 18%;
		margin-top: 21px;
		right: 18%;
		z-index: 999;
		}
		
		.selectfield {
	background-color: #ffffff;
	font-family: Arial, Verdana,Sans-serif;
	border: #0075B9 1px solid;
	font-size: 10pt;
	color: #000000;
}


.content {
font-family: Verdana, Helvetica, sans-serif;
/*font-size: 11px;*/
font-size: 11px;
color: #000000;
font-weight:normal;
/*line-height:16px;*/
line-height:120%;
}

.eventMonth {
	font-size:10px;
	border:1px solid #c9c9c9;
	text-decoration:none;
	background-color:#fef2e1;
	margin:2px 0 2px 2px;
	line-height:24px;
	width:26px;
	display:inline-block;
	text-align:center;
}




.EventBox #top {
	background:url(/images/Orange_Tile_4x1.png) repeat-x top;
}

#tddlist li{
	margin:0 0 0 50px;
	padding:5px 0 0 5px;
	
}

.tabsectionttl {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight: bold;
	color:#4c342b;
	margin:5px 0 5px 10px;
}
.tabdivider{
	border-bottom:solid 1px #ccc;
}

