/* Start of CMSMS style sheet 'TheQuiltersPatchStyle' */
body
{
	margin: 0;
	padding: 0;
	background-color: #E0D8C3;
	background-image: url(sitegraphics/outerBG.jpg);
	background-position: 50% 0;
	background-repeat: no-repeat;
	text-align: center;
	margin-top: 0;
}

body, table, tr, td, input,select, textarea, div
{
	font-family: Georgia;
	font-size: 9pt;
	color: #6d6755;
}

h1 {
     color:#5D774D;
}

.headerText{
    color:#000000;
}

h2
{
	font-size: 9pt;
}

a
{
	font-style: italic;
	text-decoration: none;
	color: #4D5D77;
        font-size:12px;
}
a:link {text-decoration: none;color:#4D5D77;font-size:12px;font-style: italic;}
a:visited {text-decoration: none;color:#4D5D77;font-size:12px;font-style: italic;}
a:hover {text-decoration: underline;color:#4D5D77;font-size:12px;font-style: italic;}
a:active {text-decoration: none;color:#4D5D77;font-size:12px;font-style: italic;}

img
{
	border: 0;
}

img, input
{
	vertical-align: middle;
}



.clearer
{
	float: none !important;		/* Remove any inherited floats */
	display: block !important;	/* Make sure our element is a block-level element */
	clear: both !important;		/* Make sure it clears on both sides */
	margin: 0 !important;		/* Remove all margins that would make it visible */
	border: 0 !important;		/* Remove all borders that would make it visible */
	padding: 0 !important;		/* Remove all padding that would make it visible */
	height: 0.1px !important;	/* Mozilla/Firefox require the clearer height to not be 0, bug? */
	line-height: 0 !important;	/* Set the line-height to 0 so it isn't visible */
	font-size: 0 !important;	/* Set the font-size to 0 so it isn't visible */
}


.mainColor
{
	color: #E0D8C3;
}




body div#wrapper
	{
		width: 820px;
		padding: 3px 0 0 0;
		text-align: left;
		background-image: url(sitegraphics/innerBG.jpg) ;
		background-repeat: no-repeat;
		background-position: 0 0;
		background-color: transparent;
		margin-left: auto;
		margin-right: auto;
		/*border: 1px solid black;*/
		voice-family: "\"}\"";
		voice-family: inherit;
	
		width: 820px;
	}


	#subWrapper
	{
		width: 820px;
		text-align: left;
	}
		.header
			{
			padding: 5px 0 0 28px;
			margin: 0px 0 0 9px;
            text-align: left;
			overflow: hidden;
			height: 140px;
			voice-family: "\"}\"";
			voice-family: inherit;
			
			height: 140px;
			}
			/* Begin hiding from Mac IE */
			/* \*/
			html>body div.header
			{
			height: 140px;
			}
			/* End hiding from Mac IE */
			.logo
			{
				float: left;
				margin-right: 17px;
			}
				.logoContainer a
					{
						width: 280px;
						height: 155px;
						display: block;
					}
			
		.primaryNavContainer
			{
				margin: 0 39px 0 9px;
				padding: 0px 0 0 26px;
				clear: both;
				height: 60px;
				
				overflow: hidden;
				voice-family: "\"}\"";
				voice-family: inherit;
				
				
			}
			/* Begin hiding from Mac IE */
			/* \*/
			html>body div.primaryNavContainer
				{
					height: 60px; 
				}
			/* End hiding from Mac IE */
			
			
			.primaryNavContainer img.divider
				{
					padding: 0 10px 0px 10px;
				}
						

		.repeatingBodyBg
			{
				background-image: url(sitegraphics/extender.jpg);
				background-repeat: repeat-y;
			}

		.bodyContainer, .bodyContainerWide
		{
			height: 1%;
			background-image: url(sitegraphics/bodyContainer.jpg);
			background-repeat: no-repeat;
            padding: 0px;
            margin: 0px;
			padding: 3px 45px 0px 45px;
			/*overflow: hidden;*/
		}
			.leftContainer
			{
				float: left;
/*                height: 100%;*/
			}
			.contentContainer
			{
/*                height: 100%;*/
				padding-top: 10px;
				margin-left: 0;
				margin-bottom: 1.5em;
				float: left;
			}
			body.internal .contentContainer
			{
				width: 705px;
			}
			
			.bodyContainerWide .contentContainer
				{
				float: none;
				margin-left: auto;
				margin-right: auto;
				}
			

						

			
				.requestBodyContainer
					{
					
					}

        #contentLeft{
                margin:0px;
                padding:5px;
                width:300px;
                height: 100%;
                float:left;
        }

        #contentLinks{
                margin:0px;
                padding:5px;
                width:600px;
                height: 100%;
                float:left;
        }

  #contentRight{
                margin:0px;
                padding:5px;
                width:400px;
                height: 100%;
                float:right;
        }

	#footer{
		margin:0px;
		padding: 0px;
		width: 820px;
		height: 190px;
		background-image: url(sitegraphics/footer.jpg);
		background-repeat: no-repeat;
		background-position: center;
	}

.footerContainer{
	margin:0px;
	padding: 70px 10px 0 30px;
}

	
	/* Pattern Layout blocks and styles
-------------------------------------------------------------- */

.pattern{
	margin:0px;
	padding:5px;
	width:700px;
}
.outer_image_bg{
	background-image:url('sitegraphics/patternBG.jpg');
	background-repeat:no-repeat;
	margin:0px;
	padding:4px;
	width:185px;
	height:202px;
	float:left;
}
.inner_image{
	margin:0px;
	padding:22px 0 0 27px;
}
.view_larger{
	margin:0px;
	padding:5px 0 0 28px;
}

a.view_larger {color:#6F5E53;font-size:12px;padding:0 5px 0 0;}
a.view_larger:link {text-decoration: none;color:#6F5E53;font-size:12px;}
a.view_larger:visited {text-decoration: none;color:#6F5E53;font-size:12px;}
a.view_larger:hover {text-decoration: none;color:#400000;font-size:12px;}
a.view_larger:active {text-decoration: none;color:#6F5E53;font-size:12px;}
	
.description_wrap{
	margin:0px;
	padding:4px;
	width:450px;
	float:left;
}
.pattern_title{
	color:#400000;
	font-size:16px;
	margin:0px;
	padding:24px 0 4px 0px;
}
.item_num{
	color:#400000;
	font-size:14px;
	margin:0px;
	padding:4px 0px 4px 0px;
}
.pattern_number{
	color:#555451;
	font-size:14px;
	margin:0px;
	padding:0px;
}
.pattern_description{
	color:#555451;
	font-size:12px;
	margin:0px;
	padding:4px;
}
.price{
	color:#400000;
	font-size:14px;
	margin:0px;
	padding:4px 0px 4px 0px;
}
.pattern_price{
	color:#555451;
	font-size:14px;
	margin:0px;
	padding:0px;
}
.clearblock{
	clear:both;
	width:300px;
	height:30px;
}

/* ordering page
--------------------------------*/
#online_order {
	border:1px solid #586882;
	float:left;
	width:320px;
	height:320px;
	/*-------------------------------- IE SPECIFIC ALTERNATE */
	margin:6px 3px 6px 6px;       /* margin:6px 0px 6px 3px; */


	/*-------------------------------- IE SPECIFIC ALTERNATE */
	padding: 10px;
	padding: 10px;
}

#wholesale_order {
	border:1px solid #586882;
	float:right;
	width:331px;
	height:320px;
	/*-------------------------------- IE SPECIFIC ALTERNATE */
	margin:6px 6px 6px 3px;       /* margin:6px 3px 6px 0px; */
	/*-------------------------------- IE SPECIFIC ALTERNATE */
	padding:10px;
}

.headings{
	font-size:24px;
}

a.large_headings {color: #586882;font-size:24px;font-weight:bold;margin:0px;}
a.large_headings:link {text-decoration: none;}
a.large_headings:visited {text-decoration: none;color: #586882;}
a.large_headings:hover {text-decoration: none;color: #7E8FA9;}
a.large_headings:active {text-decoration: none;}

a.large {color: #586882;font-size:14px;font-weight:bold;margin:0px;}
a.large:link {text-decoration: none;}
a.large:visited {text-decoration: none;color: #586882;}
a.large:hover {text-decoration: none;color: #7E8FA9;}
a.large:active {text-decoration: none;}

/* contact form
--------------------------------*/
/* Sample FormBuilder CSS base */
	form {margin-top:0}
	form, td, th, li { font-size: 100%}
	form div {margin-bottom:0}
	fieldset div {
		margin-bottom:0.5em;
		margin-left:1em;
	}
	fieldset div div {
		margin-top:0.5em;
		margin-left:1em
	}
	fieldset {
		margin-bottom:1em;
		border:1px solid #5A6E87;
		padding:0.5em
	}
	fieldset label {
		width:auto;
	}
	legend {
		color:#FFF;
		background:#5A6E87;
		font-style:italic;
		font-size:1.2em;
		margin-bottom:0.5em;
		padding:0.2em;
		width:auto;
		border:1px solid #5A6E87
	}
	textarea {
		margin: 0.5em 0;
		width:98%;
		height: 6em
	}

	/* Apply this class to text/select input fields with shorter labels
		to help alignment */
	.short-label label {float:left; width:10em}
	.short-label fieldset div input,
	.short-label fieldset div select {width:16em}

	/* Pretty up your Captcha image output */
	.captcha {
		margin:0.5em 0;
		width:200px;
		text-align:center
	}
	.captcha img {border:1px solid #F60; margin-bottom:0.5em}
	.captcha input {width:196px; margin-top:0.5em}

	/* Just a bit more room for the Submit button */
	.submit {margin-top:0.5em}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

/* End of 'TheQuiltersPatchStyle' */