@charset "UTF-8";
/* CSS Document */

#wrapper {
	text-align: left;
	position: relative;
	padding: 0px;
	width: 900px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	/*
	border: 0px solid #CCCCCC;
	border-left: 1px;
	border-right: 1px;
	border-bottom: 1px;
	*/

}
body {
	text-align: center;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
#masthead {
	position: relative;
	width: 100%;
}

div#logo {
	position: absolute;
	top:0px;
	left:0px;
	background-image:url(../assets/images/uchida_logo_trans.png);
	width: 182px;
	height: 152px;
	text-indent: -9000px;	
}
#marvy a {
	width: 182px;
	height: 152px;
	display: block;
	position:absolute; top:0; left:0; z-index:999;
	text-indent:-5000px;
	 /* needed to make bkg image (logo) clickable
	/*background-image:url(../assets/images/uchida_logo_trans.png);*/	
}
/* hidden from IE5/MAC */
* html div#logo {background: none; position:absolute; top:0px; left:0px; height:152px; width:182px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='assets/images/uchida_logo_trans.png', sizingMethod='scale');
z-index:90;
}
* html div#marvy a {position:absolute; top:0; left:0; z-index:999;}
/*
* html div#logo a {position:absolute; top:0px; left:0px; height:152px; width:182px; display: block;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../assets/images/uchida_logo_trans.png', sizingMethod='scale');
z-index:99;
}
*/
 
#login_top {
	float: right;
	width:160px;
	height:34px;
	background: url(../assets/images/top_login_box_bkg.jpg) no-repeat;
}
#login_top ul
{
}
#loggedOutTopView 
{
    /* Logged Out template view */
	padding: 18px 0 0 35px;
	margin: 0;
}
#loggedInTopView 
{
    /* Logged in template view */
    padding: 18px 0 0 15px;
	margin: 0;
}
#login_top li {
	display: inline;
	list-style: none;
}
#login_top a {
	color:#333333;
	text-decoration: none;
}
#login_top a:hover {
	color:#000033;
	text-decoration: underline;
}
#loginUsername 
{
    position:absolute;
    margin-left: 600px;
    margin-top: 18px;
}
#loginUserNameText
{
    color:Gray;
    font-size:12px;
}
#navigation {
	width:100%;
}
#sloganAreaShell {
	background-color: #ebebeb;
}
#sloganArea {
	background:url(../assets/images/slogan_bkg.gif) no-repeat;
	width:900px;
	height:56px;
}
#searchArea {
	text-align: right;
	margin-top:0;
	margin-bottom: 0;
	margin-right: 0;
	margin-left: 600px;
	width: 290px;
	padding: 0;
	padding-top:15px;	
}
#searchForm label {
}
#topmenu {
	margin:0;
	padding:0;
	height: 29px;
}
#topmenu ul {
	margin:0;
	padding:0;
}
#topmenu li {
	display: inline;
	list-style:none;
	/*border: 1px solid #ff0;*/
}

#topmenu a {
	height:29px;
	/*width:86px;*/
	text-indent: -10000px;
	text-decoration: none;
	overflow: hidden;
	/*background: url(../assets/images/top_menu/Slice-01.jpg) top left no-repeat;*/
	float:left;
}
#topmenu a:hover {
	background-position: bottom left;
}

#tpItem_products { background: url(../assets/images/top_menu/Slice-01.jpg) no-repeat; width: 86px; }
#tpItem_new { background: url(../assets/images/top_menu/Slice-02.jpg) no-repeat; width: 101px; }
#tpItem_shopping { background: url(../assets/images/top_menu/Slice-03.jpg) no-repeat; width: 83px; }
#tpItem_community { background: url(../assets/images/top_menu/Slice-04.jpg) no-repeat; width: 96px; }
#tpItem_storeLocator { background: url(../assets/images/top_menu/Slice-05.jpg) no-repeat; width: 115px; }
#tpItem_colorChart { background: url(../assets/images/top_menu/Slice-06.jpg) no-repeat; width: 98px; }
#tpItem_aboutMarvy { background: url(../assets/images/top_menu/Slice.gif) no-repeat; width: 138px; }

#tpItem_spacer {
	/*background: url(../assets/images/top_menu/top_menu_spacer.jpg) no-repeat; width: 183px;*/
	float:left;
}

#content {
	width: 100%;
	position: relative;
	padding: 27px 0 0 0;
	/*
	border: 0px solid #CCCCCC;
	border-left: 1px;
	border-right: 1px;
	border-bottom: 1px;
	*/
	color: #000033;	
	
}
#content_area H1	{
color:#1e166c;
margin:0 0 5px 0;
padding: 5px 0 0 0;
border-bottom:2px solid #1e166c;
}
#main {
	width: 530px;
	float: left;
	/*background-color: #33FFFF;*/
}
#sidebar {
	width: 353px;
	float:right;
	/*background-color: #FF0000;*/
}
#main_productPage {
	width: 682px;
	float: right;
}
#sidebar_productPage {
	width: 285px;
	float: left;
}

#featuredContent {
}
#featuredContent2 {
}

#newProductSection {
}

#newProductSection h3 {
	background: url(../assets/images/header_new_products.jpg) no-repeat;
	width: 526px;
	height: 27px;
	text-indent: -9000px;
}

#featuredVideoSection {
	float: left;
}
#featuredVideoSection h3 {
	width: 255px;
    font-size:12px;
    color:#1e166c;
    border-bottom:1px solid #1e166c;
    .margin-top: 8px;
	
}
#featuredProjectSection {
	float: right;
}
#featuredProjectSection h3 {
	width: 255px;
    font-size:12px;
    color:#1e166c;
    border-bottom:1px solid #1e166c;
    .margin-top: 8px;
}
#hotProductsSection {
	
}
#hotProductsSection h2 {
	padding-top:20px;
    font-size:12px;
    color:#1e166c;
    border-bottom:1px solid #1e166c;
}

.hotItem h3 {
	font-size:14px;
	padding: 0;
	margin: 1em 0 1em 0;
	line-height: 1em;
}

.hotItem p {
	
}
.hotItem img {
	margin-left: 20px;
	margin-bottom:20px;
}
.hotProductTitleLink {
	color: #000066;
}
.hotProductImgLink {
	color: #666666;
}
.hotProductItemDesc {
	font-size:12px;
}
.hotItemClickLink {
	/* defines p element */
	margin: 0;
	padding: .5em;
	text-align: right;
	font-size:12px;
}
.hotItemClickLink a {
	color:#333333;
}
.hotItemClickLink a:hover {
	color:#000033;
}
#homepageTabSection 
{
    margin-top: 20px;
    .margin-top: 3px;
    
}

/* productPages <see above for main_productPage and sidebar_productPage */
#productsMenuSection {
	margin: 0;
	padding: 0;
	margin-top: 70px;
}
#productsMenuSection h2 {
	font-size: 14px;
	color:#333333;
/*
	background: url(../assets/images/header_hot_products.jpg) no-repeat;
	height: 24px;
	text-indent: -9000px;
*/
}
#productsMenuSection h1 {
    position: absolute;
	top:15px;
	left:0px;
	background-image:url(../assets/images/sidemenu_productcat_header.jpg);
	width: 271px;
	height: 52px;
	text-indent: -9000px;
	
}
* html div#productsMenuSection h1 
{
    /* for IE6 - "top" property has to increased to match placement in firefox*/
    position: absolute;
	top:35px;
	left:0px;
	background-image:url(../assets/images/sidemenu_productcat_header.jpg);
	width: 271px;
	height: 52px;
	text-indent: -9000px;
}
#productsMenuList {
	color:#333333;
	width: 271px; /* match width of sidemenu_productcat_header.jpg */
	background-color:#eef4f4;
	border: 1px solid #ccc;
}

#productsMenuList ul {
	list-style: none;
	margin: 0;
	padding: 0 0 0 7px;
}
#productsMenuList li {
}
#productsMenuList a 
{
    text-decoration: none;
    color:#333333;
    font-family: Arial, Helvetica, sans-serif;
}
#productsMenuList a:hover 
{
    text-decoration: underline;
}
#prodPageHeaderSection {
}
#prodPageNav {
}
#prodPageNav p {
	font-size: 12px;
}
.prodCatTitle {
	/* defines li containing product titles */
	font-size:12px;
	padding: .3em 0 .3em 0;
	font-weight: bold;
}
prodSubMenuList {
	/* defines ul of submenu of product items */
	background-color:#66FFF0;
}
.prodItem {
	/* defines li of product items */
	font-size:11px;
	margin-top: .8em;
	line-height: 1em;
	font-weight: normal;
}
#prodSplash {
	float: left;
	width: 300px;
}
#prodItemDetails {
	width: 275px;
	float: right;
}
#prodItemDetails h1 {
	font-size: 12px;
}
#prodItemDetails p {
	font-size: 12px;
	line-height: 1.5em;
}
/*products aspx specific */
#productDetailsContent {
    /* content wrapper */
}
#productDetailsContent h1, .productCategoryHeader
{
    margin: 5px 0 0 0;
    font-size: 22px;
    border-bottom: 1px solid #000033;
    padding: 0 0 2px 0;
}
#productItemImage {
}
#productDesc 
{
}
#productDesc h3 
{   
    /* use this header for product descriptions */
    font-size: 16px;
    border-bottom: 1px solid #000033;
    padding: 0 0 2px 0;
}
/* end of productPages */
/* list product properties */
.prodItemThumb 
{
    /* thumbnail wrapper div */
    padding-top: 5px;
    padding-right: 5px;

}
.prodItemThumbLink 
{
    /* defines asp hyperlink for holding prodItemThumb image */
}
.list_prodItemTextSection 
{
    /* list product text area for listed products*/
}
.list_prodItemTitle 
{
    /* defines h1 */
    font-size: 13px;
    margin: 0;
}
.list_prodItemDesc 
{
    /* list product description text */
}
.list_iconMoreDetails 
{
    /* "more details" section */
}
.list_iconMoreDetails_bottom 
{
    /*more details" showing underneath product/project title */
    margin-top: 10px;
}
.list_more_details_image 
{
    float: left;
}
.list_divider 
{
    /* defines td that contains 1pixel to act as divider in tables */
}
.new_icon_image 
{
    /* new icon that appears on product listing page */
}
.new_icon_image_large 
{
    /* new icon that appears on product detail page */
    position:absolute;
    margin-top: -10px;
    margin-left: 600px;
}
/* comments section */
#projectDetail_shortversion 
{
    /* div around project detail summary on top of submit photo */
    border: 1px solid #999999;
    padding: 10px;
}
/* These classes are used by the script as rollover effect for table 1 and 2 */
	
	.tableRollOverEffect1{
		background-color:#D3F7E9;
		color:#000033;
	}

	.tableRollOverEffect2{
		background-color:#000;
		color:#FFF;
	}
	
	.tableRowClickEffect1{
		background-color:#F00;
		color:#FFF;
	}
	.tableRowClickEffect2{
		background-color:#00F;
		color:#FFF;
	}
/* end of rollover effect table classes */	
/* css method of highlight table*/
.list_tblHighlightOff {
width: 100%;
text-decoration: none;
}

.list_tblHighlightOn {
background-color:#D3F7E9;
}
/* end of css highlight table*/

/* -----registration & login-------- */
/* repeated in uchida-community.css - may have to remove */

#login_content	{
border:1px solid #ccc;
padding:20px 30px;
height:100%;
}
#login_form 
{
    width:250px;
    margin-left:auto;
    margin-right:auto;
}
#registration_form {
    width:350px;
    margin-left:auto;
    margin-right:auto
}

/*---------------------------*/
.separatorInvisible {
	height: 0;
	clear: both;
}
#footer     {
    margin:5px 0 5px 0;
    padding:15px 0;
    font-size:11px;
    text-align:center;
    font-size:10px;
    color:#999;
    border:1px solid #ccc;
    background-image:url(../assets/images/footer_bgnd.gif);
    background-repeat:repeat-x;
    background-color:#ededed;
}
#copyright {
	font-size:11px;
	text-align:center;


/* Store ---------------------------------------------------------------------------------------------------------*/

}
#store_content {
text-align:left;
font-size:12px;
color: #1e166c;
}

#store_content #locatorBanner, #store_content #storeBanner{
width:100%;
height:80px;
margin:0;
padding:190px 0 20px 0;
background-repeat:no-repeat;
}

#locatorBanner	{
background-image:url(../assets/images/locatorBanner.jpg);
}

#storeBanner	{
background-image:url(../assets/images/storeBanner.jpg);
}

#store_content H1	{
color:#1e166c;
margin:0 0 5px 0;
padding: 5px 0 0 0;
border-bottom:2px solid #1e166c;
}


/* Store Buttons ---------------------------------------------------------------------------------------------------------*/

#store_content .button	{
padding:5px 9px;
margin-right:40px;
background-image:url(../assets/images/button_bgnd.gif);
border:1px solid #cccccc;
text-align:center;
font-weight:bold;
font-size:16px;
}

#store_content .button a:link, #store_content .button a:visited	{
color:#78909d;
text-decoration:none;
}

#store_content .button a:hover {
color:#1e166c;
text-decoration: underline;
}

/* Color Chart ---------------------------------------------------------------------------------------------------------*/

#color_content {
text-align:left;
font-size:12px;
color: #1e166c;
}

#color_content H1	{
color:#1e166c;
margin:0 0 5px 0;
padding: 5px 0 0 0;
border-bottom:2px solid #1e166c;
}

#color_content H2	{
text-align:center;
font-size:26px;
color:red;
margin:10px;
padding:0;
}

#color_content H3	{
text-align:center;
width:500px;
margin: 10px auto;
font-size:18px;
color:#1e166c;
}

#color_content #disclaimer	{
border:1px solid #cccccc;
background-color:#FFFFCC;
padding:20px;
margin:20px 0;
}