@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;
	color: #333;
	font-size: 100%;
}

/* General Styles */

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

a img {
border-width:0;

}


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

/* ---------All layout generic styles---------------- */
.twoColLgSide #container {
	text-align: left;
	width: 1080px;
	height: auto;
} 
#header {
	height: 100px;
	position: relative;
	background-image: url(../_images/index_01_b.jpg);
	background-repeat: no-repeat;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
} 


#sidebar div {
	padding-bottom: 0em;
	margin-bottom: 1em;
	background-color: #F1F1F1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* --------------sidebar layout styles -------------*/
#sidebar {
	float: left;
	width: 134px;
	height: auto;
	
}


#KH_sidebar {
	clear: both;
	float: left;
	width: 134px;
	margin-bottom: 20px;
	border: 1px solid grey;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	background-image: url(../_images/sideBarbkg.jpg);
	background-repeat: repeat-x;

}

.KH_list {
	margin: 9px 0;
	padding-left: 5px;
	list-style: none;

}

.KH_list li {
	background: transparent url(../_images/list.png) no-repeat scroll 0 0px;
	margin:0 0 8px;
	padding:0 0 0 25px;
	line-height: 1.4em;
	font-family: Helevetica,Arial,sans-serif;
	font-size:13px;
}

.KH_list li a {
	color: #02397E;
	text-decoration: none;
}

.KH_list li a:hover {
	color: #0099CC;
	text-decoration: none;
}
.KH_list h {
	font-size:18px;
	color: #333;
	text-decoration: none;

}




#mainContent {
	margin-left: 140px;
	background-color: #fff;
	border: 1px solid grey;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	color: #333;
}

#mainContact {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0em;
	margin-left: 140px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	border: 1px solid grey ;
	background-color: #fff ;
    border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;

}

#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-repeat: no-repeat;
	padding-left: 2em;
	background-position: 0em 0.5em;
}







/* menu */

#templatemo_menu {
	width: 939px;
	height: 40px;
	margin-left: 140px;
	margin-bottom: 3px;
	margin-top: 6px;
	background: url(../_images/templatemo_menu.png) no-repeat;
}

#templatemo_menu ul {
	margin: 0px;
	padding: 7px 0 0 0;
	list-style: none;
}

#templatemo_menu ul li {
	padding: 0px;
	margin: 0px;
	display: inline;
}

#templatemo_menu ul li a {
	float: left;
	display: block;
	text-align: center;
	padding: 2px 47px;
	text-decoration: none;
	color: #02397E;	
	font-weight: bold;
	font-size: 14px;
	outline: none;
	background: url(../_images/templatemo_menu_divider.png) repeat-y right;
}

#templatemo_menu li a:hover, #templatemo_menu li .current {
	color: #0099CC;
}

#templatemo_menu li .last {
	background: none;
}


/* end of menu */











/* Navigation */

#navi {
	width: 600px;
	height: 16px;
	margin-left: 140px;
	margin-bottom: 0px;
	margin-top: 6px;

	
}
#navi ul {
	margin: 0px;
	padding: 0 0 0 0;
	list-style: none;
	
}

#navi ul li {
	padding: 0px;
	margin: 0px;
	display: inline;
	border-bottom: 1px solid grey;
}

#navi ul li a {
	float: left;
	display: block;
	text-align: center;
	padding-left: 18px;
	padding-right: 18px;
	text-decoration: none;
	color: #666;
	font-weight: normal;
	font-size: 10px;
	outline: none;
	background: url(../_images/NextArrow.gif) repeat-y right;
}

#navi li a:hover, #navi li .current {
	color: #0099CC;
}

#navi li .last {
	background: none;
}


/* end of Navigation */


















/* slider */

#templatemo_slider {

	width: 895px;
	height: 280px;
	padding: 13px 12px 14px 20px;
	margin: 10px 0px 10px 3px;
	background: url(../_images/templatemo_slider.png) no-repeat;
}


/* end of slider */





/* gallery start */

/* content */

#templatemo_content {

	width: 900px;
	padding-left: 10px;
}



#accessories p {
	
	color: #408DD6;
	font-weight: normal;
	font-size: 15px;
	padding-left: 15px;

}










/* Product Box for Main page */

#product_box {
	float: left;
	width: 202px;
	background: #f1f1f1;
	border: 1px solid #e0e0e0;
	padding: 8px 7px;
	margin-left: 12px;
	border: 1px solid grey;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}

#product_box:hover {
	background: #e7ebce;
}

#product_box a {
	text-decoration: none;
	color: #408DD6;
}

#product_box a:hover {
	text-decoration: none; 
}

#product_box a img {
	border: 1px solid #ffffff;
}

#product_box h6 {
	padding: 0;
	margin: 0 0 10px 0;
	height: 20px;
	font-size: 16px;
	padding: 10px;
	color: #85896f;
	border: 1px solid #fff;
	text-align: center;
	background: url(../_images/templatemo_product_box_title_bg.jpg) repeat-x;
}

#product_box:hover h6 {
	color: #006695;
}

#product_box p {
	color: #408DD6;
	font-weight: normal;
	font-size: 13px;
	padding-left: 15px;

}




/* Material Box for Main page */

#material_box {
	float: left;
	width: 200px;
	height: 500px;
	margin-bottom: 10px;
	background: #f1f1f1;
	border: 1px solid #e0e0e0;
	padding: 8px 7px;
	margin-left: 12px;
	border: 1px solid grey;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}

#material_box:hover {
	background: #e7ebce;
}

#material_box a {
	text-decoration: none;
	color: #408DD6;
}

#material_box a:hover {
	text-decoration: none; 
}

#materialt_box a img {
	border: 1px solid #ffffff;
}

#material_box h6 {
	padding: 0;
	margin: 0 0 10px 0;
	height: 20px;
	font-size: 16px;
	padding: 10px;
	color: #85896f;
	border: 1px solid #fff;
	text-align: center;
	background: url(../_images/templatemo_product_box_title_bg.jpg) repeat-x;
}

#material_box:hover h6 {
	color: #006695;
}

#material_box p {
	color: #408DD6;
	font-weight: normal;
	font-size: 13px;
	padding-left: 15px;

}









/* Web Gallery*/

#galleryTopBox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #333;
	width: 938px;
	float: left;
	height: 30px;
	padding-top: 8px;
	border-bottom: 2px solid #0073BB;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-webkit-border-top-left-radius: 5px;
	background-image: url(../_images/templatemo_product_box_title_bg.jpg);
	background-repeat:repeat;
}

#gallery-wrapper {
	width: 938px;
	background: #FFFFFF;
	font-size: 24px;
	color: #333;
	padding-top: 50px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-webkit-border-top-left-radius: 5px;
	
}
#gallery-text {
	float: right;
	width: 200px;
	padding-top: 40px;

}
#gallery-text h
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #333;
	padding-left: 20px;
	text-decoration: none;
}
#gallery-text h1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 35px;
	color: #333;
	text-decoration: none;
}
#gallery-text p
{
	padding-left: 40px;
	line-height:0px;
}
#gallery-text a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #408DD6;
	padding-left: 20px;
	text-decoration: none;
}

.gallery_box {
	float: left;
	width: 200px;
	line-height:10px;
	padding-top: 15px;
}

.gallery-links {
	margin: 0;
	padding: 0;
	list-style: none;
}

.gallery-links li {
	margin: 0;
	padding: 5px 0;
}

.gallery-links li a {
	color: #d8d3bd;
}

.gallery-links li a:hover {
	color: #fff;
}

#gallery-background {
	width: 503px;
	height: 350px;
	margin-bottom: 10px;
	background: #FFFFFF;

}

#gallery-bgthumb {
	width: 503px;
	height: 500px;
	background: #FFFFFF;

}

#gallery
{
	width: 503px;
	margin-left: 10px;
}


#gallery img.output
{
	width: 500px;
	height: 333px;
	border: 1px solid grey;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}

#gallery span.caption
{
	display: block;
	margin: .5em 0 0 0;
	font-weight: bold;
	font-size: 1.25em;
}

#gallery span.caption2
{
	margin: .5em 0 .5em 0;
	display: block;
}

#gallery ul.nav
{
	width: 100%;
	list-style: none;
	margin: 0 0 1em 0;
	padding: 0;
}

#gallery ul.nav li
{
	margin: 0 .5em .5em 0;
	float: left;
}

#gallery ul.thumbnails
{
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 10px 0px 0px 6px;
}

#gallery ul.thumbnails li
{
	margin: 0 .3em .3em .3em;
	float: left;
}

#gallery ul.thumbnails li img
{
	width: 60px;
	height: 40px;
	border: solid 6px #E6D9B7;
	cursor: pointer;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}

#gallery ul.thumbnails li img.active
{
	border: solid 6px #BDAF8C;
}









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



a:link {text-decoration: none}
a:visited {text-decoration: none}
a:active {text-decoration: none}
a:hover {
	font-size:12px;
	font-weight:normal;
	color: #0099CC;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}



#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;
}
#intro img {
	display: block;
	padding: 0px;
	margin: 0 1em 1em;
	float: right;
	visibility: visible;
	
}

#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;
}







/* Product Box for Main Product Page */

#product_box2 {
	float: left;
	width: 880px;
	background: #f1f1f1;
	border: 1px solid #e0e0e0;
	padding: 8px 7px;
	margin-left: 5px;
	border: 1px solid grey;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}

#product_box2:hover {
	background: #e7ebce;
}

#product_box2 a {
	text-decoration: none;
	color: #7092AC;
}

#product_box2 a:hover {
	text-decoration: none; 
}

#product_box2 a img {
	border: 1px solid #ffffff;
}

#product_box2 h6 {
	padding: 0;
	margin: 0 0 10px 0;
	height: 20px;
	font-size: 16px;
	padding: 10px;
	color: #85896f;
	border: 1px solid #fff;
	text-align: center;
	background: url(../_images/templatemo_product_box_title_bg.jpg) repeat-x;
}

#product_box2:hover h6 {
	color: #006695;
}

#product_box2 p {
	font-weight: normal;
	font-size: 13px;
	color: #408DD6;
	padding-left: 2.3em;
	text-decoration: none;
}


#productText {
	text-align: center;
	width: 280px;
	float: left;
	height: auto;
	margin-left: 10px;
}
#productText p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	text-decoration: none;
	color: #404040;
	text-align: left;
	padding-left: 1em;
	padding-right: 1em;
}
#productText p a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .7em;
	color: #02397E;
	padding-left: 2.3em;
	text-decoration: underline; 
}

#productText p a:hover {
	color: #0099CC;
	text-decoration: none;
}








/*  Products Box for Details Page */



#mainContent #productSquare{
	text-align: left;
	padding-left: 0em;
	padding-right: 0em;
	line-height: 1em;
}

#squareBox1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #46698D;
	width: 938px;
	float: left;
	height: 45px;
	margin-bottom: 8px;
	border-bottom: 2px solid #0073BB;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-webkit-border-top-left-radius: 5px;
	background-image: url(../_images/templatemo_product_box_title_bg.jpg);
	background-repeat:repeat;
}
#squareBox1 h1 {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 1.0em;
	color: #404040;
	list-style-image: none;
	font-weight: normal;
	background-image: none;
	text-align: left;
	padding-left: 20px;
	margin-bottom: 0px;
} 
#squareBox2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	color: #46698D;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 1em;
	margin: .5em;
	background-color: #FFF;
	width: 280px;
	float: left;
	height: 275px;
	border: 1px solid grey;
	border-radius: 10px ;
-moz-border-radius: 10px ;
-webkit-border-radius: 10px ;
}

#squareBox3 {
	background-color: #FFF;
	width: 913px;
	float: left;
	height: 600px;
	margin-top: 00px;
	margin-left: 10px;
	margin-right: 10px;
	border-bottom: 1px solid grey;
	
}
#squareBox3a {
	background-color: #FFF;
	width: 530px;
	float: left;
	height: 600px;
	margin-left: 0px;
	margin-right: 0px;
	border-right: 1px solid grey;
	color: #666;
	font-size: 80%;
	border-bottom: 1px solid grey;
}
#squareBox3b {
	background-color: #FFF;
	width: 360px;
	float: left;
	height: 300px;
	margin-left: 10px;
	padding-left: 10px;
	border-bottom: 1px solid grey;
	
}
#squareBox3c {
	background-color: #FFF;
	width: 360px;
	float: left;
	height: 299px;
	margin-left: 10px;
	padding-left: 10px;
}

#smallBox {
	background-color: #FFF;
	width: 128px;
	float: left;
	height: 150px;
	margin-left: 3px;
}
#smallBoxWide {
	background-color: #FFF;
	width: 387px;
	float: left;
	height: 180px;
	margin-left: 3px;
	

	
}
#squareBox2 h1, #squareBox3 h1, #squareBox4 h1 {
	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;
}
#squareBox2 p, #squareBox3 p, #squareBox4 p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #666;
	padding-left: 1em;

}

#squareBox3b p a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	color: #408DD6;
	text-decoration: none;
	line-height: 5px;
	width: 100px;

}











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


#productIntro #hero .flushright.flushtop {
	margin-top: -48px;
	margin-right: 18px;
	margin-bottom: 0px;
	margin-left: 20px;
	float: right;
}

#productIntro{
	text-align: left;
	padding-left: 0.85em;
	padding-right: 0.65em;
} 

#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;
}

#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-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 {
	text-align: center;
	width: 225px;
	float: left;
	height: 650px;
	background-image: url(../_images/BoxBkg2.jpg);
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
}

#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: 12px;
	color: #408DD6;
	text-decoration: none;
}


/**  Contact US **/

#infoContact {
    
	margin-left: 75px;
	margin-top: 20px;
	width:260px;
	color: #0D5296;
	line-height: 1.5em;
	float: left;
}

#mapContact {

	margin-top: 20px;
	width: 432px;
	margin-right: 10px;
	float: right;

}

#feedbackContact {
	width: 480px;
	margin-top: -100px;

	float: left;

}
#storeContact {
	margin-top: -70px;
	width: 438px;
	float: right;
	

}


/**  Footer **/



#footer {
	background-color: #D8DADB;
	padding-top: 0.5em;
	padding-right: 1em;
	padding-bottom: 0.5em;
	padding-left: 1em;
	margin-bottom: 0.5em;
	margin-left: 8.8em;
	border: 1px solid grey;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	clear: both;
	margin-right: 0em;
} 
#footer p {
	font-size: 0.6em;
	color: #fff;
	text-align: center;
	margin-left: 5em;
	margin-bottom: 0.5em;
}





/***************************************
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;
}

.cleaner_h10 { clear: both; width:100%; height: 10px; }

.rightAlign    {
	text-align: right;
}
.space {
	text-indent: 2px;
}

<title>KH Upholstery_Gallery</title>
.fontAll {
	color: #333;
}