/* Stylesheet for qualitysewing.com */

body {
	background: #ffffff;
	padding: 0px;
	margin: 0px;
	text-align: center;
}

p, td, div, a, span, ul, li {
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: 14px;
	line-height: 18px;
	color: black;
	text-align: left;
}

p.inline {
	margin-top: 0px;
	padding-top: 0px;
}

a {
	color: #1f409a;
}

h1 {
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: 20px;
	color: #1f409a;
	padding: 0px;
	margin: 0px;
}

h2 {
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: 16px;
	color: #1f409a;
	padding: 0px;
	margin: 0px;
}

h3 {
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: 18px;
	font-weight: bold;
	color: #b03580;
	padding: 0px;
	margin: 0px;
}

/* Specific DIV definitions */

#container {
	position: relative;
	text-align: left;
	margin: 14px auto;
	width: 790px;
	/*overflow: auto;*/
}

#myHeader {
	background: url(../images/site/header_bg.gif) no-repeat top left;
	display: block;
	position: relative;
	z-index: 498;
	padding-top: 51px;
	padding-left: 138px;
	width: 652px;
	height: 38px;
}

/*
#myHeader {
	background: url(../images/site/header_bg.gif) no-repeat top left;
	display: block;
	position: relative;
	padding-top: 28px;
	padding-left: 143px;
	width: 647px;
	height: 61px;
}

#headerMSG {
	padding-right: 13px;
	padding-bottom: 5px;
	color: #7786ad;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
}
*/

#mainlogo {
	position: absolute;
	top: 5px;
	left: 14px;
	z-index: 5000;
	width: 114px;
	height: 114px;
}

/* * * * * *  main menu  * * * * * */
#mainMenu {
	background: url(../images/site/top_menu_stitching.gif) no-repeat top left;
	position: relative;
	z-index: 499;
	padding-top: 3px;
	width: 644px;
	height: 28px;
	text-align: center;
	color: #1f409a;
	float: left;
}
#mainMenu ul                       { position: relative; z-index: 597; margin: 0; padding: 0; padding-left: 0px; }
#mainMenu ul li                    { display: inline; float: left; vertical-align: middle; zoom: 1; padding: 2px 0 0; font-weight: normal; background: url(../images/site/middot.gif) center right no-repeat; }
#mainMenu ul li:hover			   { position: relative; z-index: 599; cursor: default; }
#mainMenu ul li.last			   { background: none; }
#mainMenu ul li a                  { float: left; text-decoration: none; padding: 0 8px; font-size: 12px; color: #1f409a; cursor: pointer; }
#mainMenu ul li a:hover,
#mainMenu ul li a:focus			   { color: #b03580; }

#mainMenu ul li:hover > ul		   { visibility: visible; }
#mainMenu ul ul					   { display: block; visibility: hidden; position: absolute; top: 100%; left: -5px; z-index: 600; padding: 0; background-color: #dee4f3; border-left: 1px dotted #1f409a; border-right: 1px dotted #1f409a; border-bottom: 1px dotted #1f409a; }
#mainMenu ul ul li				   { padding: 3px 8px; display: block; width: 100%; white-space: nowrap; z-index: 601; background: none; }
#mainMenu ul ul ul				   { top: 1px; left: 99%; z-index: 602; }

#top_menu {
	background: url(../images/site/top_menu_stitching.gif) no-repeat top left;
	position: relative;
	padding-top: 4px;
	width: 644px;
	height: 25px;
	text-align: center;
	color: #1f409a;
}

#top_menu a {
	font-size: 11px;
	color: #1f409a;
	text-decoration: none;
}

#top_menu a:hover {
	color: #b03580;
}

.subMenuContainer {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 700;
	padding: 6px 5px 8px 5px;
	background-color: #dee4f3;
	border-left: 1px dotted #1f409a;
	border-right: 1px dotted #1f409a;
	border-bottom: 1px dotted #1f409a;
	text-align: left;
	filter: alpha(opacity=90);
	opacity: 0.9;
}

.subMenuItem {
	padding: 2px 8px;
}

.subMenuItem a {
	color: #1f409a;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px dashed #dee4f3;
}

.subMenuItem a:hover {
	color: #b03580;
	border-bottom: 1px dashed #1f409a;
}

#maincontainer {
	background: #dee4f3 url(../images/site/maincontainer_bg.gif) repeat-y top left;
	/*display: block;
	clear: both;*/
	width: 790px;
	/*overflow: auto;*/
}

#leftcolumn {
	background-color: #dee4f3;
	float: left;
	width: 151px;
	padding-top: 40px;
	text-align: center;
}

#rightcolumn {
	background-color: #dee4f3;
	float: right;
	width: 639px;
	position: relative;
}

#maincontent {
	background-color: #ffffff;
	width: 620px;
	position: relative;
	z-index: 100;
}

#collage {
	display: block;
	width: 620px;
	height: 140px;
	position: relative;
	background: url(../images/site/collage_new1.jpg) top left no-repeat;
	z-index: 100;
}

#paddedcontent {
	background-color: #ffffff;
	padding: 18px 15px 15px 15px;
}

#magazine {
	background-color: #e4e3d2;
	float: right;
	margin: 0px 0px 10px 10px;
	padding: 3px 10px 10px 10px;
	text-align: center;
	font-size: 13px;
}

#footer {
	clear: both;
	background-color: #dee4f3;
	display: block;
	padding: 4px 18px;
	text-align: right;
	font-family: tahoma;
	font-size: 9px;
	color: #1f409a;
}

#feature {
	border: 2px dashed #dee4f3;
	margin: 15px 0;
	padding: 10px;
}

#feature img {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	border: 1px solid #1f409a;
}

#featuredClasses {
	padding: 0px 7px;
}

#featuredClasses table {
	max-width: 278px;
}

/* Class definitions */

a.fuchsia {
	color: #b03580;
}

a.fuchsia:hover {
	text-decoration: none;
}

.currentSection {
	display: block;
	font-weight: bold;
	text-transform: uppercase;
	color: #1f409a;
	padding-top: 5px;
	padding-bottom: 3px;
}

ul.leftMenu {
	margin: 3px 0px;
	padding: 0px;
	text-align: left;
	list-style-type: none;
}

ul.leftMenu li {
	color: #1f409a;
	padding: 5px 13px;
	line-height: 16px;
}

ul.leftMenu li:hover {
	background-color: #e4e9f5;
}

ul.leftMenu a {
	color: #1f409a;
	text-decoration: none;
}

ul.leftMenu a:hover {
	color: #b03580;
	text-decoration: underline;
}

.liOn {
	background-color: #e4e9f5;
}

.liOff {
	background-color: #dee4f3;
}

.committment {
	padding-left: 18px;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	text-align: left;
	line-height: 14px;
}

.featured {
	max-width: 278px;
}

.featuredHdr {
	background: #dee4f3 url(../images/site/featured_bnr.gif) top left no-repeat;
	padding: 5px 15px;
	font-weight: bold;
	color: #1f409a;
	max-width: 278px;
}

.featuredHdr a, .featuredHdr a:link, .featuredHdr a:active, .featuredHdr a:visited, .featuredHdr a:hover { color: #1f409a; text-decoration: none; }

.featuredTxt {
	background-color: #dee4f3;
	padding: 13px 15px 0px 15px;
	max-width: 278px;
}

.featuredTxt a, .featuredTxt a:link, .featuredTxt a:active, .featuredTxt a:visited, .featuredTxt a:hover { color: #000000; text-decoration: none; }

.featuredTxt img {
	border: 1px solid #1f409a;
}

.featuredBtm {
	max-width: 278px;
}

.inline-rt-brdr {
	float: right;
	border: 1px solid #1f409a;
	margin-left: 5px;
}

div.cleared {
	clear: both;
}

.mapLink {
	font-size: 12px;
	text-decoration: none;
	border: 1px dotted #b03580;
	color: #b03580;
	padding: 0px 4px;
	vertical-align: middle;
}

.highlight {
	color: #1f409a;
	font-size: 15px;
	font-weight: bold;
}

li.padded {
	padding: 6px 0px;
}

.note {
	font-size: 11px;
	font-family: tahoma, sans-serif;
}

.caption {
	font-size: 10px;
	font-family: tahoma, sans-serif;
	color: #777777;
	line-height: 110%;
}

.boldLink {
	font-weight: bold;
}

.alt {
	background-color: #e4e9f5;
}

.sewfunmember {
	border: 2px dashed #555555;
	padding: 13px 13px 0 13px;
	width: 375px;
	margin-bottom: 25px;
	background-color: #fffafc;
}

.tightbottom {
	margin-bottom: 0;
	padding-bottom: 0;
}

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

.meowheader {
	font-size: 0.75em;
	padding-bottom: 2px;
	color: #1f409a;
}

.new {
	color: #b03580;
	font-weight: bold;
}

.spacer {
	display: block;
	height: 25px;
	clear: both;
}

.separator {
	display: block;
	height: 1px;
	width: 100%;
	border-bottom: 1px dashed #1f409a;
	overflow: hidden;
	margin: 15px 0;
}

.attention { color: #CC3300; font-weight: bold; }

.alphaBrandHeader {
	font-family: Helvetica, Arial, Sans-Serif;
	color: #1f409a;
	font-size: 26px;
	font-weight: bold;
	line-height: 26px;
	
	background-color: #dee4f3;
	padding: 1px 10px;
	border: 1px dashed #cfd8ee;
	text-transform: uppercase;
	list-style-type: none;
}


/* CartGenie Styles */
/* controls various borders */
.cg_border   		          { vertical-align: top; border: solid 1px #dee4f3; }
/* controls labels in left navigation bar and various other labels */
.cg_label    		          { border: 3px double #dee4f3; font-family: Helvetica, Arial, Sans-Serif; color: #1f409a; font-size: 12px; font-weight: bold; background-color: #c3cce2; }
/* controls labels in pop up windows and checkout pages */
.cg_header   		          { font-family: Helvetica, Arial, Sans-Serif; color: #1f409a; font-size: 12pt; background-color: #dee4f3; font-weight: bold; border: 1px solid #dee4f3; }
/* controls various text in page body */
.cg_text     		          { font-family: Helvetica, Arial, Sans-Serif; color: #000000; font-size: 12px; }
/* controls various text in page body */
.cg_text1    		          { font-family: Helvetica, Arial, Sans-Serif; color: #000000; font-size: 12px; }
/* controls larger text in page body */
.cg_text2    		          { font-family: Helvetica, Arial, Sans-Serif; color: #1f409a; font-size: 18px; font-weight: bold; }
/* controls sub-category text in page body */
.cg_text2a   		          { font-family: Helvetica, Arial, Sans-Serif; color: #222222; font-size: 14px; font-weight: bold; }
/* controls main text in the page body */
.cg_text3    		          { font-family: Helvetica, Arial, Sans-Serif; color: #000000; font-size: 12px; }
/* controls small text in page body */
.cg_text4                     { font-family: Helvetica, Arial, Sans-Serif; color: #000000; font-size: 11px; }
/* text for browse by brand letter headers */
.cg_text5                     { font-family: Helvetica, Arial, Sans-Serif; color: #1f409a; font-size: 26px; font-weight: bold; line-height: 26px; }
/* controls store background color */
.cg_storeBackGroundColor      { border: 0px; }
/* controls page background color outside of the store*/
.cg_pageBackGroundColor       { background: #ffffff url(../images/site/quilt_bg_1.gif) top left repeat fixed; padding: 0px; margin: 0px; text-align: center; }
/* controls elements of main shopping cart content when side nav bar present */
.cg_paddedContent1 { background: #ffffff url(../images/site/collage_locations.jpg) no-repeat left top; overflow: visible; padding: 143px 15px 2px; border-right: 19px solid #dee4f3; }
/* controls elements of main shopping cart content when side nav bar NOT present */
.cg_paddedContent2			  { background-color: #ffffff; width: 790px; margin: 0 0 0 0; padding: 0 30px; border-left: 19px solid #dee4f3; border-right: 19px solid #dee4f3; }
.cg_paddedContent3			  { background-color: #ffffff; width: 620px; }
.cg_whiteContent			  { background-color: #ffffff; }
/* controls top navigation bar background and text */
.cg_navbarTop                 { font-family: Helvetica, Arial, Sans-Serif; color: #000000; font-size: 12px; background-color: #dee4f3; width: 790px; border-left: 19px solid #dee4f3; border-right: 19px solid #dee4f3; }
/* controls top navigation bar hyperlinks */
.cg_navbarTop a:link          { font-family: Helvetica, Arial, Sans-Serif; color: #1f409a; font-size: 12px; margin: 0px 3px; text-decoration: none; border-bottom: 1px dashed #bcc7e1; }
.cg_navbarTop a:visited       { font-family: Helvetica, Arial, Sans-Serif; color: #1f409a; font-size: 12px; margin: 0px 3px; text-decoration: none; border-bottom: 1px dashed #bcc7e1; }
.cg_navbarTop a:active        { font-family: Helvetica, Arial, Sans-Serif; color: #1f409a; font-size: 12px; margin: 0px 3px; text-decoration: none; border-bottom: 1px dashed #bcc7e1; }
.cg_navbarTop a:hover         { font-family: Helvetica, Arial, Sans-Serif; color: #b03580; font-size: 12px; margin: 0px 3px; text-decoration: none; border-bottom: 1px dashed #1f409a; }
/* controls side navigation bar background and text */
.cg_navbarSide     	          { font-family: Helvetica, Arial, Sans-Serif; color: #999999; font-size: 12px; background-color: #dee4f3; }
/* controls side navigation bar hyperlinks */
.cg_navbarSideText            { font-family: Helvetica, Arial, Sans-Serif; color: #000000; font-size: 12px; text-decoration: none; border-bottom: 1px solid #dee4f3; padding-left: 8px; }
.cg_navbarSideText a:link     { font-family: Helvetica, Arial, Sans-Serif; color: #1f409a; font-size: 12px; text-decoration: none; line-height: 21px; border-bottom: 1px solid #dee4f3; }
.cg_navbarSideText a:visited  { font-family: Helvetica, Arial, Sans-Serif; color: #1f409a; font-size: 12px; text-decoration: none; line-height: 21px; border-bottom: 1px solid #dee4f3; }
.cg_navbarSideText a:active   { font-family: Helvetica, Arial, Sans-Serif; color: #1f409a; font-size: 12px; text-decoration: none; line-height: 21px; border-bottom: 1px solid #dee4f3; }
.cg_navbarSideText a:hover    { font-family: Helvetica, Arial, Sans-Serif; color: #b03580; font-size: 12px; text-decoration: none; line-height: 21px; border-bottom: 1px dashed #1f409a; }
/* controls background and text for various boxes */
.cg_boxes	                  { background-color: #FFFFFF; border: 1px solid #dee4f3; }
/* controls hyperlinks for various boxes */
.cg_boxes a:link              { font-family: Helvetica, Arial, Sans-Serif; color: #1f409a; font-size: 11px; text-decoration: UNDERLINE; }
.cg_boxes a:visited           { font-family: Helvetica, Arial, Sans-Serif; color: #1f409a; font-size: 11px; text-decoration: UNDERLINE; }
.cg_boxes a:active            { font-family: Helvetica, Arial, Sans-Serif; color: #1f409a; font-size: 11px; text-decoration: UNDERLINE; }
.cg_boxes a:hover             { font-family: Helvetica, Arial, Sans-Serif; color: #b03580; font-size: 11px; text-decoration: UNDERLINE; }
/* controls background and text for Place Order Here box */
.cg_PlaceOrder    	          { border: 3px double #dee4f3; font-family: Helvetica, Arial, Sans-Serif; color: #1f409a; font-size: 13px; background-color: #dee4f3; }
/* controls hyperlinks for Place Order Here box */
.cg_PlaceOrder a:link         { font-family: Helvetica, Arial, Sans-Serif; color: #1f409a; font-size: 12px; text-decoration: UNDERLINE; }
.cg_PlaceOrder a:visited      { font-family: Helvetica, Arial, Sans-Serif; color: #1f409a; font-size: 12px; text-decoration: UNDERLINE; }
.cg_PlaceOrder a:active       { font-family: Helvetica, Arial, Sans-Serif; color: #1f409a; font-size: 12px; text-decoration: UNDERLINE; }
.cg_PlaceOrder a:hover        { font-family: Helvetica, Arial, Sans-Serif; color: #b03580; font-size: 12px; text-decoration: UNDERLINE; }
#cg_purpleSidebar			  { background-color: #dee4f3; width: 19px; }
.cg_availabilityHeading		  { background-color: pink; color: #1f409a; }
.cg_availability			  { font-size: 12px; }
.cg_chooseClass				  { font-size: 10px; }
.magenta { color: #b03580; }
.cg_LoggedInTextNavbar { font-size: 10px; line-height: normal; text-align: center; padding-bottom: 10px; }
.cg_LoggedInTextNavbar a { font-size: 10px; line-height: normal; }