@charset "utf-8";
/**********************************
	Color values:
	#8C7E62 - dark tan
	#DED6AE - light tan
	#602E0C - burgandy accent
	#EFAD2F - orange accent
	#333 - dark grey
	#666 - lighter grey
	#3e647e - blue accent
	#46698e - blue accent
	#0f5296 - bright dark blue
	#39637b - muted dark blue
	#a1afbc - blue gray
	#fffefc - grey white
	#78320Eb - reddish brown
	#B5D5FF - light blue
	#CCCCCC - Grey
	#0064AA - Blue

***************************************/

/***************************************
1A: BASE STYLES
****************************************/
/* neutralize browser styles */
body, html {
	margin:0;
	padding:0;
}
/* neutralize browser spacing for vertical elements
	we could do more elements, but this gives us the 
	most widely used block level elements so that we
	control main element spacing without having to 
	add margins back for every block element */ 
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	margin: 1em 0em;
	padding: 0;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

/* General Styles */

body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	background-attachment: fixed;
	background:#46698e;
	padding: 0 1em 0 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

a img {
border-width:0
}


/***************************************
2A: LAYOUT STYLES
****************************************/

/* ---------All layout generic styles---------------- */
.twoColSmSide #container, .twoColLgSide #container, .oneCol #container {
	text-align: left;
	width: 1080px;
	height: auto;
} 
.twoColSmSide #header, .twoColLgSide #header, .oneCol #header {
	height: 172px;
	position: relative;
} 
.twoColSmSide #sidebar div, .twoColLgSide #sidebar div {
	padding-bottom: 0em;
	margin-bottom: 1em;
	background-color: #0F5296;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.twoColSmSide #footer, .twoColLgSide #footer, .oneCol #footer {
	background-color: #4c6e89;
	padding-top: 0.5em;
	padding-right: 1em;
	padding-bottom: 0.5em;
	padding-left: 1em;
	margin-bottom: 0.5em;
	margin-left:
	clear: both;
} 
.twoColSmSide #footer p, .twoColLgSide #footer p, .oneCol #footer p {
	font-size: 0.6em;
	color: #fff;
	text-align: center;
	margin-bottom: 0.5em;
}
/* --------------Large sidebar layout styles -------------*/
.twoColLgSide #sidebar {
	float: left;
	width: 130px;
	color: #FFF;
	margin: 0px;
	padding-top: 0.8em;
	padding-right: 0em;
	padding-bottom: 0em;
	padding-left: 0em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.twoColLgSide #mainContent {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0em;
	margin-left: 140px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0em;
	padding-left: 0px;
	background-image: url(../_images/Index01b.jpg);
	background-repeat: inherit;
} 
.twoColLgSide #mainContact {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0em;
	margin-left: 140px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 5em;
	background-image: url(../_images/Index01b.jpg);
	background-repeat: inherit;
}
.twoColLgSide #mainGallery {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0em;
	margin-left: 140px;
	background-color: #46698E;
	padding-top: 1em;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 1.5em;
}


/***************************************
3A: GENERAL TYPOGRAPHY AND COLOR STYLES
****************************************/

/* ---------------- header specific styles ----------------*/
#header ul {
	margin: 0px;
	padding: 0px;
	float: left;
	position: absolute;
	right: 0px;
	bottom: 0px;
	list-style-image: none;
	list-style-type: none;
}
#header li {
	float: left;
}
A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {
	font-size:12px;
	font-weight:bold;
	color: blue;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

#header #logo {
	height: 100px;
	width: 288px;
	position: absolute;
	top: 0px;
	right: 0px;
	background-image: url(../_images/logo.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#header h1 {
	text-indent: -1000em;
	height: 142px;
	width: 461px;
	position: absolute;
	left: 0px;
	top: 0px;
	background-image: url(no-repeat);
	background-repeat: no-repeat;
	margin:0;
}
#top h1 {
	text-indent: -1000em;
	height: 50px;
	width: 461px;
	position: absolute;
	left: 0px;
	top: 0px;
	background-image: url(no-repeat);
	background-repeat: no-repeat;
	margin:0;
}

#mainContent h3 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 1em;
	color: #070167;
	margin-top: 1em;
	margin-right: 0.5em;
	margin-bottom: 1em;
	margin-left: 0.5em;
	padding-top: 1em;
	/*	background-image: url(../_images/Wheel.jpg);
*/	background-repeat: no-repeat;
	padding-left: 2em;
	background-position: 0em 0.5em;
}
#mainContent #intro p {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 0.75em;
	line-height: 1.6;
	padding-right: 1.6em;
	padding-left: 1.6em;
	color: #888;
	margin-top: 0.5em;
	padding-bottom: 0.5em;
}
#mainContent #intro img {
	display: block;
	padding: 0px;
	margin: 0 1em 1em;
	float: right;
	visibility: visible;
}
#mainContent #midcontent {
	text-align: center;
	width: 313px;
	float: left;
}

#mainContent #midcontent2 {
	text-align: center;
	width: 224px;
	float: left;
}

#mainContent #midcontent2 p {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	text-decoration: none;
}

#mainContent #midcontent p {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	text-decoration: none;
}

#mainContent #intro h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	color: #F00;
	margin-top: 1em;
	margin-right: 0.5em;
	margin-bottom: 1em;
	margin-left: 0.5em;
	padding-top: 1em;
	text-align: center;
}
#mainContent #midcontentProd {
	text-align: center;
	width: 225px;
	float: left;
	height: 650px;
	background-image: url(../_images/BoxBkg2.jpg);
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
}

/*For Price alignment*/
#mainContent #midcontentProd2 {
	text-align: center;
	width: 685px;
	float: left;
	height: auto;
	
}
#midcontentProd2 p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	text-decoration: none;
	color: #000;
	text-align: left;
	padding-left: 1em;
	padding-right: 1em;
}
#midcontentProd2 p a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	color: #408DD6;
	text-decoration: none;

/***************************************
5A: TABLE STYLES
****************************************/
}
.TableSeparate {
	background-color: #CCCCCC;
	border-top: solid 1px black;
	border-bottom: solid 1px gray;
	padding-top: 2px;
	padding-bottom: 7px;

}

#mainContent #intro div {
	margin-top: 0px;
	margin-bottom: 6px;
	margin-left:auto;
	margin-right:auto;
	width:900px;
	font-family: "Arial Black", Gadget, sans-serif;
	color: #404040;
}

#mainContent #intro #productsTbl {
	background-color: #ffbc73;
	width: 900px;
	/*float: right;
	*/
	padding: 0px;
	/*margin-right: 0.5em;*/
	margin-left: auto;
	margin-right: auto;
}


 #mainContent #intro #Accordion1 p {
	padding-left: 0.5em;
} 
#mainContent #intro #productsTbl thead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #001A3A;
	font-weight: normal;
	text-align: center;
	background-color: #ff9d40;
}
#mainContent #intro #productsTbl tbody {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .75em;
	color: #001A3A;
	text-align: center;
}
#mainContent  #intro  #productsTbl tbody td.buy  {
	color: #000099;
}
#mainContent #intro #productsTbl tr.odd {
	background: #80A9DA;
}
#mainContent #intro #productsTbl tr:hover {
	background: #CCC;
}

#mainContent #intro #productsTbl2 {
	background-color: #B5D5FF;
	width: 900px;
	/*float: right;
	*/
	padding: 0px;
	/*margin-right: 0.5em;*/
	margin-left: auto;
	margin-right: auto;
}
#mainContent #intro #productsTbl2 thead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #001A3A;
	font-weight: normal;
	text-align: center;
	background-color: #CCCCCC;
}
#mainContent #intro #productsTbl2 tbody {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .75em;
	color: #001A3A;
	text-align: center;
}
#mainContent  #intro  #productsTbl2 tbody td.buy  {
	color: #000099;
}
#mainContent #intro #productsTbl2 tr.odd {
	background: #80A9DA;
}
#mainContent #intro #productsTbl2 tr:hover {
	background: #CCC;
}
#mainContent #intro #productsTbl3 {
	background-color: #BCDDFF;
	width: 100%;
	/*float: right;
	*/
	padding: 0px;
	/*margin-right: 0.5em;*/
	margin-left: auto;
	margin-right: auto;
}

#mainContent #intro #productsTbl3 thead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #001A3A;
	font-weight: normal;
	text-align: center;
	background-color: #CCCCCC;
}
#mainContent #intro #productsTbl3 tbody {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.725em;
	color: #001A3A;
	text-align: center;
}
#mainContent  #intro  #productsTbl3 tbody td.buy  {
	color: #000099;
}
#mainContent #intro #productsTbl3 tr.odd {
	background: #80A9DA;
}
#mainContent #intro #productsTbl3 tr:hover {
	background: #CCC;
}
#mainContent #intro #productsTbl4 {
	background-color: #CCC;
	width: 900px;
	/*float: right;
	*/
	padding: 0px;
	/*margin-right: 0.5em;*/
	margin-left: auto;
	margin-right: auto;
}
#mainContent #intro #productsTbl4 thead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #001A3A;
	font-weight: normal;
	text-align: center;
	background-color: #CCCCCC;
}
#mainContent #intro #productsTbl4 tbody {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .75em;
	color: #001A3A;
	text-align: center;
}
#mainContent  #intro  #productsTbl4 tbody td.buy  {
	color: #000099;
}
#mainContent #intro #productsTbl4 tr.odd {
	background: #80A9DA;
}
#mainContent #intro #productsTbl4 tr:hover {
	background: #CCC;
}
#mainContent #intro #priceTbl {
	background-color: #B5D5FF;
	width: 100%;
	/*float: right;
	*/
	padding: 0px;
	/*margin-right: 0.5em;*/
	margin-left: auto;
	margin-right: auto;
}

#mainContent #intro #priceTbl thead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #001A3A;
	font-weight: normal;
	background-color: #CCCCCC;
}
#mainContent #intro #priceTbl tbody {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #001A3A;
	text-align: center;
}
#mainContent  #intro  #priceTbl tbody td.buy  {
	color: #000099;
}
#mainContent #intro #priceTbl tr.odd {
	background: #80A9DA;
}
#mainContent #intro #priceTbl tr:hover {
	background: #CCC;
}
#mainContent #productIntro{
	text-align: left;
	padding-left: 0.75em;
	padding-right: .75em;
} 
#content h3 {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 1em;
	color: #002656;
	list-style-image: none;
	font-weight: normal;
	background-image: none;
	text-align: left;
	padding-left: 0px;
	margin-left: 0px;
}
#productIntro #hero .flushright.flushtop {
	margin-top: -48px;
	margin-right: 18px;
	margin-bottom: 0px;
	margin-left: 20px;
	float: right;
}

#productIntro #hero .flushright.flushtop2 {
	margin-top: -55px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	float: right;
}

#productIntro #hero .flushright.center1 {
	margin-top: -20px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 20px;
	float: left;
}

#productIntro #hero .flushright.center2 {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 390px;
	float: left;
}

#productIntro #hero .flushleft.flushmid {
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
}
#hero h1 {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 1.6em;
	padding-left: 0.3em;
	color: #404040;
}
#hero p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #666;
	padding-left: .5em;
}
#everything h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #46698D;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 1em;
	background-image: url(../_images/banner1.jpg);
	background-repeat: no-repeat;
	background-color: #FFF;
}

#everything2 h2 {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	color: #46698D;
	background-color: #EDEDED;
	padding-top: .5em;
	padding-bottom: .5em;
	padding-left: .5em;
	background-image: url(../_images/banner2.jpg);
	background-repeat: no-repeat;
}

#midcontentProd h5 {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 14px;
	text-align: left;
	padding-left: 1em;

}
#midcontentProd p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	text-decoration: none;
	color: #000;
    text-align: left;
	padding-left: 1em;
	padding-right: 1em;
	text-indent: 1.5em;	
}

#midcontentProd p a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #408DD6;
	text-decoration: none;

}



/***************************************
7A: CLASS ACCENT STYLES
****************************************/

.clearLeft {/*used for clearing left floated elements*/
	clear:left;
}

.clearRight{ /*used for clearing right floated elements*/
	clear:right;
}
.clearBoth{ /*used for clearing all floated elements*/
	clear:both;
}
.clearfloat { /* used for clearing and containing internal floats */
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.rightAlign    {
	text-align: right;
}
.space {
	text-indent: 2px;
}
.twoColLgSide #container #mainContent #intro #productsTbl2 tbody tr td strong .style2 {
	color: #F00;
}
<title>KH Upholstery_Gallery</title>