/************************************************/
/* stylesheet.css								*/
/************************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

/***********************************************/
/* The next 3 (B, tt10, tt11) are used by text_type.js */
/***********************************************/ 
B { font-weight: bold; }
/***********************************************/

body{
	background-color: 		#DDDD7B1;
	font-family: 			Arial,sans-serif;
	color: 					#000000;
	margin:					0px 0px 0px 0px;
	border:					0px 0px 0px 0px;
	border-color:			#FFFFFF;
	align:					center;
	vertical-align: 		top;
}

#content{
  	align: 					left;
	vertical-align: 		top;
	margin: 				0;
	padding: 				0px 0px 0px 0px;
	background-color:		#FFFFBB;
}

.header{
	background: 			url(images/bg_banner_202.jpg);
}
.blank {
	background-color:		#FFFFBB;
}
.blackline {
	background-color:		#000000;
}

.rightjustify{
	text-align: 			right;
}
.rightjustify a {
	color:					#0000FF;
	text-align: 			right;
	text-decoration: 		underline;
}

a {
	color: 				#000000;
	text-decoration: 	none;
}

a:hover {
	color: 				#0000FF;
	text-decoration: 	underline;
}
/* overrides decoration from previous rule for hovered links */

h1, h2, h3, h4, h5, h6 {
	font-family: 			Arial,sans-serif;
	margin: 				0px;
	padding: 				0px;
	padding-left:  			0px;
	padding-top:  			2px;
}

h1 {	
 font-family: 				Verdana, Arial, sans-serif;
 font-size: 				120%;
 font-style:				italic;
 color: 					#334d55;
}

h2{
	font-size: 				114%;
	color: 					#000000;
}

h3{
	font-size:				100%;
	color: 					#334d55;
	padding-left:  			0px;
	padding-top:  			0px;
}

h4{
 font-size: 				100%;
 font-weight: 				normal;
 color: 					#333333;
}

h5{
 font-size: 				100%;
 color: 					#334d55;
}

ul {
    margin-left: 			10px;
    padding-left: 			15px;
    list-style: 			none;
}

li {
	font-size: 				70%;
 	list-style-image: 		url(images/bullet.gif);
    padding-left: 			20px;
    padding-bottom: 		5px;
    background-repeat: 		no-repeat;
    background-position: 	0 6px;
}
li a {
 	color: 					#000000;
	text-decoration:		none;
}
html[xmlns] ul {
    padding-left: 			8em;
    }

html[xmlns] ul li {
    background: 			none; /* undo the background-image */
    list-style-image: 		url(images/bullet.gif);
    padding: 				0;
    }

.fullborder {
	border-top:				1px black solid;
	border-right:			1px black solid;
	border-bottom:			1px black solid;
	border-left:			1px black solid;
	}			

.topborder {
	border-top:				1px black solid;
	}			

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#navBar{
  	align: 					left;
	margin: 				0;
	padding: 				0px 0px 0px 0px;
	color:					#000000;
}

/*********** #navBar link styles ***********/

#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 0px solid #FFFFEE;}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}

.bannertext {
 	font-family: 			Verdana, Arial, sans-serif;
 	font-weight: 			bold;
 	font-size: 				18pt;
 	color: 					#000000;
}
/*********** .relatedLinks styles ***********/

.navheader{
	font-size: 				114%;
	color: 					#000000;
}

.thispage {
	color: 					#FFFFFF;
	text-decoration: 		none;
}
.relatedLinks {
	font: 					bold 9pt Arial,sans-serif;
	padding:				5px 0px 0px 3px;
	color: 					#0000FF;
}
.relatedLinks h2 {
	font: 					bold 9pt Arial,sans-serif;
	padding:				3px 0px 0px 5px;
}
.relatedLinks h3 {
	font: 					bold 9pt Arial,sans-serif;
	padding:				3px 0px 0px 12px;
}
.relatedLinks a {
	font: 					bold 9pt Arial,sans-serif;
	padding:				5px 0px 0px 3px;
	color: 					#000000;
	text-decoration: 		none;
}
.navtext {
	font: 					bold 9pt Arial,sans-serif;
	padding:				0px 0px 3px 0px;
	color: 					#006699;
}

.navimglink img {
  	border: 				1px white solid;		/* used for the logos in the left nav*/
}
a.colorimg img {
  	border: 				1px black solid;		/* used for the fabric color swatches on the fabrics.php page*/
}
a.colorimg:visited img {
  	border: 				1px black solid;		/* used for the fabric color swatches on the fabrics.php page*/
}
.navbackground {
	background:				url(images/bg_nav.jpg);
}
.navgrouping {
	/* background-color:		#FF9933;   */
	padding:				0px 0px 0px 3px;
	color:					#FFEE33;
	font-size:				130%;
	font-weight:			bold;
}


/***********************************************/
/*Component Divs                               */
/***********************************************/

.siteName{
	color: 					#6699D8;
	margin: 				0px;
	padding: 				0px 0px 10px 10px;
}


/*************** #pageName styles **************/

#pageName{
	padding: 				0px 0px 10px 10px;
}


/************** .story styles *****************/

.login {
	clear: 					both;
	font-size: 				70%;
	text-align:				left;
	padding: 				10px 0px 0px 15px;
}

.story{
	clear: 					both;
	font-size: 				70%;
	padding: 				10px 0px 0px 5px;
}

.story h3{
 	font-size: 				100%;
 	font-style: 			bold;
 	color: 					#333388;
	padding: 				0px 0px 0px 0px;
}
.story p {
	font-size: 				70%;
	padding: 				0px 0px 5px 15px;
	text-align: 			justify;
}

.story a {
	color: 					#0000FF;
	text-decoration: 		underline;
}
.story a:hover {
	color: 					#FF0000;
	text-decoration: 		underline;
}
.story td {
	font-size: 				70%;
	text-align: 			center;
}
.story img {
	padding: 				2px 2px 2px 2px;
}

.morepictures {
	clear: 					both;
	background-color: 		#FFFF4B;
	font-size: 				90%;
	padding: 				2px 5px 0px 2px;
}
.morepictures a {
	color: 					#0000FF;
	text-decoration: 		underline;
}
.morepictures a:hover {
	color: 					#FF0000;
	text-decoration: 		underline;
}

.textlink {
	clear: 					both;
	font-size: 				90%;
	padding: 				10px 0px 0px 5px;
}

.textlink a {
	color: 					#0000FF;
	text-decoration: 		underline;
}
.textlink a:hover {
	color: 					#FF0000;
	text-decoration: 		underline;
}
.popup {
	color: 					#0000FF;
	text-decoration: 		underline;
}

.popup a{
	color: 					#0000FF;
	text-decoration: 		underline;
}

.popup a:hover {
	color: 					#FF0000;
	text-decoration: 		underline;
}

/************* #siteInfo styles ***************/

.siteInfo{
	font-size: 				75%;
	color: 					#000000;
	padding: 				0px 0px 0px 0px;
	border: 				0px;
	margin-top: 			0px;
	vertical-align: 		text-bottom;
}

.siteInfo a {
	color: 					#000000;
	text-align: 			center;
	text-decoration: 		none;
}
/* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)
	the bottom border of the navBar in cases where they "touch" */

#siteInfo img{
	padding: 				4px 4px 4px 0px;
	vertical-align: 		middle;
}

/************* #testimonial and quotes styles ***************/

.testimonial {
	font-size: 				10pt;
	font-family: 			Arial,sans-serif;
	font-style: 			italic;
	color: 					#000000;
	padding: 				0px 5px 0px 5px;
	border: 				0px;
	margin-top: 			0px;
	background-color:		#FFFFFF;
}
.quote {
	font-size: 				75%;
	font-family: 			Arial,sans-serif;
	font-style: 			italic;
	color: 					#000000;
	padding: 				0px 5px 0px 5px;
	border: 				0px;
	margin-top: 			0px;
	align: 					left;
}
.quoteauthor {
	font-size: 				75%;
	font-family: 			Arial,sans-serif;
	font-style: 			italic;
	color: 					#000000;
	padding: 				0px 5px 0px 0px;
	border: 				0px;
	margin-top: 			0px;
	align: 					right;
}


/************** #additional formatting styles **************/

input {
	color:				#000000;
	font:				bold 10pt Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
}
.button {
	color:				#000000;
	font:				10pt Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	height:				24px;
	padding:			0px 0px 0px 0px;
}
.button_detailline {
	color:				#000000;
	font:				8pt Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	height:				18px;
	padding:			0px 0px 0px 0px;
}

.headertext {
	padding:			0px 2px 0px 2px;
	color:				#000000;
	font:				bold 10pt Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
}
.headerlink  {
	color:				#000000;
	font:				bold 8pt Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
}
.headerlink a {
	color:				#0000FF;
	font:				bold 8pt Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
}
.headerlink a:hover {
	color:				#0000FF;
	font:				bold 8pt Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	text-decoration:	underline;
}

.maintextblack {
	color:				#000000;
	font:				10pt Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
}
.maintextblack a {
	color:				#000000;
	font:				bold 10pt Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
}
.maintextblack a:hover {
	color:				#0000FF;
	font:				bold 10pt Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
}
.maintextblackitalic {
	color:				#000000;
	font:				bold italic 10pt Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
}
.maintextblueitalic {
	color:				#0000FF;
	font:				bold italic 10pt Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
}
.maintextwhite {
	color:				#FFFFFF;
	font:				bold 10pt Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
}
/* Order Form Styles Begin */

.ordertextblack {
	color:				#000000;
	font:				8pt Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
}
.ordertextblack a {
	color:				#000000;
	font:				bold 8pt Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
}
.ordertextblack a:hover {
	color:				#0000FF;
	font:				bold 8pt Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
}
.ordertextblackitalic {
	color:				#000000;
	font:				bold  8pt Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
}
.ordertextreditalic {
	color:				#FF0000;
	font:				bold 8pt Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
}
.ordertextblueitalic {
	color:				#0000FF;
	font:				bold italic 8pt Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
}
.ordertextblue {
	color:				#0000FF;
	font:				bold 8pt Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
}
.ordertextgreyitalic {
	color:				#999988;
	font:				bold 8pt Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
}
.ordertextwhite {
	color:				#FFFFFF;
	font:				bold 8pt Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
}
/* Order Form Styles End */
.copyright {
	color:				#666666;
	font:				bold 7pt Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	text-decoration:	none;
}
.copyright a {
	color:				#666666;
	font:				bold 7pt Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	text-decoration:	none;
}
.copyright a:hover {
	color: 				#0033ff;
	text-decoration:	underline;
}