/*colors
blue #295A94;
dark grey #333333;
light grey #EFF2F6;
dark blue #0D3E78;
lightblue #84A3C9;

*/

body{
	margin: 0px auto;
	/*background: #ffffff url(/images/KCC_bg.jpg) repeat-x bottom center;*/
}

.headerPrint{display: none;}

.ui_clear {
	margin: 0;
	padding: 0;
	float: none;
	clear: both;
}

.ui_page_wrapper{margin: 0px auto; background: #ffffff url(/images/KCC_bg_rp_sh.jpg) repeat-y top center;}
.ui_page{
	margin: 0px auto;
	padding: 5px 0 0 0;
	background: transparent url(/images/KCC_top_sh.jpg) no-repeat top center;
}

.ui_header{
	margin: 0px auto;
	width: 980px;
	position: relative;
	height: 190px;
}

.ui_logo {
	width: 310px;
	background: transparent url(/images/KCC_logo.jpg) no-repeat top left;
	position: absolute;
	top: 34px;
}

.ui_rotator{
	width: 670px;
	background: transparent url(/images/KCC_rotator.jpg) no-repeat top left;	
	position: absolute;
	top: 17px;
	left: 310px;
	z-index: 100;
}

.ui_contact_top {
	padding: 0 10px 0 0;
	position: absolute;
		top: 0;
		right: 0;
		z-index: 200;
	width: 300px;
}

.ui_nav{	
	position: absolute;
	top: 168px;
	background: transparent url(/images/KCC_nav_rp.jpg) repeat-x top left;
	width: 100%;
}

.ui_nav td{
	color: #fff;
	font-weight: bold;
}

.ui_nav a:link, 
.ui_nav a:visited,
.ui_nav a:hover,
.ui_nav a:active {color: #fff;}

.ui_nav a:hover{color: #999; text-decoration: none;}

.ui_content{
	margin: 0px auto;
	width: 980px;
}

.ui_sidebar{
	width: 155px;
	float: left;
	background: transparent url(/images/KCC_nav_bottom.jpg) no-repeat bottom left;
	padding: 3px 0 120px 0;
}

.ui_sidebar_top{
	background: transparent url(/images/KCC_nav_top_rp.jpg) repeat-y top left;
	
}

.ui_search {
	background: transparent url(/images/KCC_nav_top.jpg) no-repeat top left;
	padding: 10px 6px;
	text-align: center;
}

.ui_search input {
	border: 1px solid #666;
	margin: 5px 0;
	width: 110px;
	}
	
.formtext input{width: 125px;}

.ui_search a:link,
.ui_search a:visited,
.ui_search a:hover,
.ui_search a:active{
	text-transform: uppercase;
	color: #fff;
	border: 1px solid #fff;
	background: #295A94;
	width: 125px;
	padding: 2px 30px;
}

.ui_search a:hover{background: #84A3C9; text-decoration:none;}


.ui_sidenav{
	background: transparent url(/images/KCC_sidenav_rp.jpg) repeat-y top left;	
	padding: 3px 6px;
	height: 100%;
}

a.SideNav_link:link,
a.SideNav_link:visited,
a.SideNav_link:hover,
a.SideNav_link:active{
	width: 124px;
	display: block;
	color: #404040;
	padding: 5px 10px;
	font-size: 11px;
	background: #EFF2F6 url(/images/KCC_nav_bar.jpg) no-repeat bottom left;
	text-transform: uppercase;
}

a.SideNav_link:hover{
	color: #999;
	text-decoration: none;
}
	
.ui_sidebar_logos{
	background: transparent url(/images/KCC_sidenav_rp.jpg) repeat-y top left;
	padding: 6px;
}

.ui_maincontent_wrapper{
	float: left;
	width: 820px;
	overflow: hidden; /*don't forget to take this out!*/
}

.ui_maincontent{
	padding: 20px 10px;
	}

.ui_footer{
	background: #ffffff url(/images/KCC_footer_sh.jpg) no-repeat top center;
	padding: 40px 0;

}

.ui_footer_inside{
	width: 980px;
	margin: 0px auto;

}

a.PrintPageLink,
a.PrintPageLink:link,
a.PrintPageLink:visited,
a.PrintPageLink:hover,
a.PrintPageLink:active{
	float: right;
	background: transparent url(/images/print.gif) no-repeat center left;
	padding: 0 0 5px 35px;
}

.ui_copyright{
	width: 60%;
	float: left;
	padding: 0 0 15px 0;
	font-size: 10px;
}

.ui_copyright a{
	color: #353535;
	text-decoration: none;
	}

.ui_contact{
	width: 40%;
	float: left;
	text-align: right;
	font-size: 11px;
}

table.SubDepartmentsTable {width: 100%;}

.SubDepartment .DepartmentName {display: block; width: 100%; text-align: center; font-size: 13px;}

.ProductsPrice{
	font-weight: bold;
}

.Product .ProductPrice {
	color:#295A94;
	font-size:24px;
	font-weight:bold;
	line-height:normal;
}

.ProductRegularPrice{text-decoration: line-through;}

.ProductSalePrice{color: #f00;}

.ProductsCell {padding: 10px 0; border-bottom: 1px solid #666;}

.FeaturedProducts h2, .RelatedProducts h2 {
	border-top: 1px solid #000;
	background-color:#295A94;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	line-height:normal;
	margin-top:1px;
	padding:5px;
}

td.FeaturedProductsCell{text-align: center;}

.FeaturedProductsSpacer, .RelatedProductsSpacer {
	background-color:#94ACC9;
	border-bottom: 1px solid #000;
	margin-bottom:1px;
}

.SubDeptsCell {padding: 20px 10px;}
.DepartmentImageContainer{ display: block;}
.ProductImageContainer2 {display: block;}
.ProductImageContainer { display: inline-block;}


/* custom cross sale for configurator department pages */

td.ProductImage{}

.OtherOptions {
	padding: 10px;
	border: dashed 1px #295A94;
}
.OtherOptions h1 {
	padding-bottom: 25px;
}
.OtherOptions .Options {
	float: left;
	width: 255px;
	overflow: hidden;

}
.OtherOptions a {
	display: block;
}
.OtherOptions img {
	display: inline;
}

.OptherOptionsTitle{
	padding: 20px;

	}
.OptherOptionsTitle img,
.OtherOptions img{border: 1px solid #999; padding: 2px;}

.optionsLabel {
	display: block;
	padding: 5px 2px 5px 10px;
	background: #13345C;
	color: #fff;
	text-align: left;
	font-weight: bold;

}
.Options .optionsLabel {
	padding: 5px 0;
	width: 248px;
}

.OptherOptionsTitle .optionsLabel 	{width: 99%;}
a .optionsLabel {text-align: center;}

a:hover .optionsLabel {
	background: #295A94;
	text-decoration: none !important;
}


.clear {
	float: none;
	clear: both;
	width: 1px;
	height: 1px;
}

.BreadCrumb{font-size: 10px;}

a.breadcrumbs:link, a.breadcrumbs:active, a.breadcrumbs:visited {
	font-size: 10px;
	font-weight: normal;
}
a.breadcrumbs:hover {}

/* Search CSS */

#SEARCH {text-align:left;}
#SEARCH .Product {
padding:4px;
text-align:center;
width:190px;
}
#SEARCH .ProductImage  {}
#SEARCH .ProductImage a { text-align: center; }
#SEARCH .ProductImage a img { }
#SEARCH .Product_Item {width:190px; margin-right: 20px;  height: 200px; text-align: center;
	 }
#SEARCH table tr { ; margin-bottom: 5px; padding-bottom: 3px; display: block; }
#SEARCH .ListPrice {position:relative;}

#SEARCH .ProductPrice {
font-weight:bold; font-size: 13px; color: #333333;
}

