/* 	
Title: 			Reset styles
Author: 		Johannes Ma
Updated: 		Feb 10, 2009
Version:		1.2 (6-11-07)
Nods to yahoo ui library & eric meyer.
*/
   
html, body, div, span, 
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;}

:focus {outline: 0;}

address, caption, cite, code, dfn, th, var { 
font-style:normal; 
font-weight:normal; } 

table {
	border-collapse: collapse;
	border-spacing: 0;}

ol, ul {list-style: none;}

caption, th {text-align:left;}

h1, h2, h3, h4, h5, h6 { 
	font-size: 100%; 
	font-weight:normal; } 

q:before, q:after,
blockquote:before, blockquote:after {
	content: "";}

/* Additional-----------------------------------------------------------------------*/
form label {cursor: pointer;}
fieldset {border: none;}
.clear {clear: both;}
.hide {display: none;}

abbr, acronymn {text-decoration: none; border:0;}

hr {margin: 10px 0;}

/*basic styles-----------------------------------------------------------------------*/


body {border-top: 6px #ededed solid; color: #fff; font-family: Trebuchet MS, Arial, Helvetica, sans-serif;}



/*home styles-----------------------------------------------------------------------*/
#background {background: #000;}
#background img, #background a{
			height:100%;
			width:100%;
			display:none;
		}
		#background .activeslide, #background .activeslide img{
			display:inline;
		}
#home {margin: -6px 0 0;}
#home h1 {
	display: block;
	background: url(../_images/_shared/tomi-logo.png) 10px 10px no-repeat;
	width: 165px;
	height:113px;
	position: absolute;
	top: 30px;
	left: 20px;
	text-indent: -4000px;
	overflow: hidden;
	z-index: 1000;}

#home #enter-site a:link, #home #enter-site a:visited{
	display: block;
	background: url(../_images/_shared/enter-button.png) 5px 5px no-repeat;
	width: 115px;
	height:39px;
	position: absolute;
	bottom: 30px;
	right: 20px;
	text-indent: -4000px;
	overflow: hidden;
	z-index: 2000;}
	
#home #enter-site a:hover{
	display: block;
	background: url(../_images/_shared/enter-button-hover.gif) 5px 5px no-repeat;
	width: 115px;
	height:39px;
	position: absolute;
	bottom: 30px;
	right: 20px;
	text-indent: -4000px;
	overflow: hidden;
	z-index: 2000;}

/*mark/nav styles-----------------------------------------------------------------------*/
#nav {
	display: block;
	width:100%;
	height: 94px;}
#nav h1 a {
	display: block;
	float: left;
	width: 160px;
	height: 94px;
	background: url(../_images/_shared/tomi-logo.jpg) left top no-repeat;
	text-indent: -4000px;
	overflow: hidden;}
#nav ul {
	display: block;
	float: right;
	width: 540px;
	height: 52px;
	margin: 18px 0 0;}
#nav li {
	float: left;
	display: block;
	background: url(../_images/_shared/nav-border.gif) right top no-repeat;
	padding: 0 35px 0;}
#nav li a {
	float: left;
	display: block;
	height: 52px;
	text-indent: -4000px;}
	
/*regular positioning*/
#nav li#n-home a {width: 35px; background: url(../_images/_shared/nav.gif) -8px -10px no-repeat;}

#nav li#n-inspiration a {width: 70px; background: url(../_images/_shared/nav.gif) -70px -10px no-repeat;}

#nav li#n-products a {width: 60px; background: url(../_images/_shared/nav.gif) -164px -10px no-repeat;}

#nav li#n-showrooms a {width: 76px; background: url(../_images/_shared/nav.gif) -251px -10px no-repeat;}

#nav li#n-catalogs a {width: 60px; background: url(../_images/_shared/nav.gif) -349px -10px no-repeat;}

#nav li#n-contact a {width: 55px; background: url(../_images/_shared/nav.gif) -443px -10px no-repeat;}

/*onstate positioning*/

#nav li#n-inspiration a.on {width: 76px; background: url(../_images/_shared/nav.gif) -70px -84px no-repeat;}

#nav li#n-products a.on {width: 66px; background: url(../_images/_shared/nav.gif) -164px -84px no-repeat;}

#nav li#n-showrooms a.on {width: 82px; background: url(../_images/_shared/nav.gif) -251px -84px no-repeat;}

#nav li#n-catalogs a.on {width: 66px; background: url(../_images/_shared/nav.gif) -349px -84px no-repeat;}

#nav li#n-contact a.on {width: 61px; background: url(../_images/_shared/nav.gif) -443px -84px no-repeat;}

/*hover positioning*/
#nav li#n-home a:hover, #nav li#n-inspiration a:hover, #nav li#n-products a:hover, #nav li#n-showrooms a:hover, #nav li#n-catalogs a:hover, #nav li#n-contact a:hover {
	border-bottom: 2px solid #fe6133;}

/*inspiration styles-----------------------------------------------------------------------*/
#inspiration {
	width: 1024px; 
	height: 444px;
	margin: 0 auto;}
	
#inspiration .content {
	display: block;
	width: 1024px;
	height: 349px;
	color: #5a5555;}
	
#inspiration .content #home-cycle {
	position: relative;
	display: block;
	float: left;
	width: 684px;
	height: 330px;
	clear: none;}
	
#inspiration .content .controls {
	position: absolute;
	display: block;
	top: 430px;
	text-align: right;
	background: #4d4c4c;
	width: 674px;
	height: 17px;
	padding: 2px 5px;}
	
#inspiration .content .controls img {
	padding: 0 2px 0 0;}
	
#inspiration .content .controls img.pretty-hover {
	cursor: pointer;}
	
#inspiration .content #text {
	width: 340px;
	float: right;}

#inspiration .content #text h2 {
	height: 34px;
	background: url(../_images/_photos/inspiration-header.gif) left top no-repeat;
	padding: 10px 0;
	text-indent: -4000px;
	overflow: hidden;}
	
#inspiration .content #text p { 
	padding: 0 20px 0 25px;
	font-size: 14px;
	line-height: 1.6em;}


/*products styles-----------------------------------------------------------------------*/
#products {
	width: 1024px; 
	min-height: 200px;
	margin: 0 auto;
	color: #484545;}

#products .content {
	width: 1024px;
	min-height: 238px;}
	
#products .content #faucets {
	float: left;
	display: block;
	width: 341px;}
	
#products .content #faucets h3 {
	display: block;
	width: 341px;
	height: 181px;
	background: #ebebeb url(../_images/_photos/products-faucet-heading.jpg) left top no-repeat;
	text-indent: -4000px;
	overflow: hidden;}
	
#products .content #hardware {
	float: left;
	display: block;
	width: 341px;}
	
#products .content #hardware h3 {
	display: block;
	width: 341px;
	height: 181px;
	background: #ebebeb url(../_images/_photos/products-bath-accessories-heading.jpg) left top no-repeat;
	text-indent: -4000px;
	overflow: hidden;}
	
#products .content #showers {
	float: left;
	display: block;
	width: 341px;}
	
#products .content #showers h3 {
	display: block;
	width: 341px;
	height: 181px;
	background: #ebebeb url(../_images/_photos/products-shower-systems-heading.jpg) left top no-repeat;
	text-indent: -4000px;
	overflow: hidden;}
	
#products .content ul {
	margin: 0;}
	
#products .content li {
	display: block;
	width: 341px;
	background: #ebebeb;
	margin: 0 0 2px;
	font-size: 13px;
	color: #484545;
	text-transform: uppercase;}
	
#products .content li a.no-link, #products .content li a.no-link:hover {
	display: block;
	width: 321px;
	padding: 7px 10px;
	background: #ebebeb;
	margin: 0 0 2px;
	font-size: 13px;
	color: #484545;
	text-transform: uppercase;
	cursor: default;}
	
#products .content li a {
	display: block;
	width: 321px;
	padding: 7px 10px;
	background: #ebebeb;
	font-size: 13px;
	color: #484545;
	text-transform: uppercase;
	text-decoration: none;}
	
#products .content li a:hover {
	background: #fff;
	color: #fe6133;}

/*products-detail styles-----------------------------------------------------------------------*/
#products-detail {
	width: 1024px; 
	min-height: 600px;
	margin: 0 auto;
	color: #484545;}

#products-detail #content {
	width: 980px;
	min-height: 584px;}
	
#products-detail #content h2.bath-accessories {
	display: block;
	width: 100%;
	height: 33px;
	padding: 0;
	background: #ebebeb url(../_images/_shared/product-headings/bath-accessories.gif) 540px top no-repeat;
	text-indent: -4000px;}
	
#products-detail #content h2.cabinet-hardware {
	display: block;
	width: 100%;
	height: 33px;
	padding: 0;
	background: #ebebeb url(../_images/_shared/product-headings/cabinet-hardware.gif) 540px top no-repeat;
	text-indent: -4000px;}
	
#products-detail #content h2.cabinet-pulls {
	display: block;
	width: 100%;
	height: 33px;
	padding: 0;
	background: #ebebeb url(../_images/_shared/product-headings/cabinet-pulls.gif) 540px top no-repeat;
	text-indent: -4000px;}	

#products-detail #content h2.deck-faucet {
	display: block;
	width: 100%;
	height: 33px;
	padding: 0;
	background: #ebebeb url(../_images/_shared/product-headings/deck-faucet.gif) 540px top no-repeat;
	text-indent: -4000px;}
	
#products-detail #content h2.exposed-shower {
	display: block;
	width: 100%;
	height: 33px;
	padding: 0;
	background: #ebebeb url(../_images/_shared/product-headings/exposed-shower.gif) 540px top no-repeat;
	text-indent: -4000px;}
	
#products-detail #content h2.floor-mounted-tub-filler {
	display: block;
	width: 100%;
	height: 33px;
	padding: 0;
	background: #ebebeb url(../_images/_shared/product-headings/floor-mounted-tub-filler.gif) 540px top no-repeat;
	text-indent: -4000px;}
	
#products-detail #content h2.tub-filler {
	display: block;
	width: 100%;
	height: 33px;
	padding: 0;
	background: #ebebeb url(../_images/_shared/product-headings/tub-filler.gif) 540px top no-repeat;
	text-indent: -4000px;}
	
#products-detail #content h2.wall-faucet {
	display: block;
	width: 100%;
	height: 33px;
	padding: 0;
	background: #ebebeb url(../_images/_shared/product-headings/wall-faucet.gif) 540px top no-repeat;
	text-indent: -4000px;}
	
#products-detail #content h2.robe-hooks {
	display: block;
	width: 100%;
	height: 33px;
	padding: 0;
	background: #ebebeb url(../_images/_shared/product-headings/robe-hooks.gif) 540px top no-repeat;
	text-indent: -4000px;}
	
#products-detail #content h2.towel-bars {
	display: block;
	width: 100%;
	height: 33px;
	padding: 0;
	background: #ebebeb url(../_images/_shared/product-headings/towel-bars.gif) 540px top no-repeat;
	text-indent: -4000px;}
	
#products-detail #content h2.toilet-paper-holders {
	display: block;
	width: 100%;
	height: 33px;
	padding: 0;
	background: #ebebeb url(../_images/_shared/product-headings/toilet-paper-holders.gif) 540px top no-repeat;
	text-indent: -4000px;}
	

#products-detail #content #gallery {
	display: block;
	width: 540px;
	float: left;}

#products-detail #content #text {
	position: relative;
	display: block;
	width: 410px;
	float: right;
	margin: 35px 24px 0 0;
	font-size: 12px;
	color: #4e4948;
	}
	
#products-detail #content #text p {
	margin: 0 0 30px 0;
	line-height: 1.6em;
	}

#products-detail #content #text ul {
	margin: 0 0 20px 0;
	line-height: 1.5em;
	}

#products-detail #content #text li {
	background: url(../_images/_shared/grey-arrow.gif) left 3px no-repeat;
	padding: 0 0 0 20px;
	margin: 0 0 25px 10px;
	}
	
#products-detail #content #text a {
	color: #4e4948;
	text-decoration: none;
	}
#products-detail #content #text a:hover {
	color: #4e4948;
	text-decoration: underline;
	}
	
#products-detail #content #text ul.photo-headings {
	position: absolute;
	top: 340px;
	display: block;
	width: 410px;}
	
#products-detail #content #text ul.photo-headings li#interior-exterior {
	display: block;
	width: 410px;
	height: 24px;
	background: url(../_images/_shared/product-headings/photo-int-ext.gif) left top no-repeat;
	margin: 0 0 40px 0;
	padding: 0;
	border-bottom: 5px solid #ebebeb;
	text-indent: -3000px;
	overflow:hidden;}
	
#products-detail #content #text ul.photo-headings li#tomi {
	display: block;
	width: 410px;
	height: 24px;
	background: url(../_images/_shared/product-headings/photo-tomi.gif) left top no-repeat;
	margin: 0 0 40px;
	padding: 0;
	border-bottom: 5px solid #ebebeb;
	text-indent: -3000px;
	overflow:hidden;}
	
#products-detail #content #text ul.photo-headings li#generic {
	display: block;
	width: 410px;
	height: 24px;
	background: url(../_images/_shared/product-headings/photo-generic.gif) left top no-repeat;
	margin: 0 0 40px;
	padding: 0;
	border-bottom: 5px solid #ebebeb;
	text-indent: -3000px;
	overflow:hidden;}

/*showrooms styles-----------------------------------------------------------------------*/
#showrooms {
	width: 1024px; 
	min-height: 500px;
	margin: 0 auto;
	color: #484545;}	

#showrooms #content {margin: 20px 0;}
#showrooms td {padding: 20px;}
#showrooms h3 {
	font-size: 18px;
	margin: 0 0 18px;}
#showrooms p {
	font-size: 11px;}
	
#showrooms a {
	font-size: 12px;
	color: #333;
	text-decoration: none;}
	
#showrooms a:hover {
	font-size: 12px;
	color: #fe6133;
	text-decoration: underline;}




/*contact styles-----------------------------------------------------------------------*/
#contact, #thank-you {
	width: 1024px; 
	min-height: 500px;
	margin: 0 auto;
	color: #666;}
	
#contact-slideshow {
	display: block;
	width: 410px;
	float: left;}
	
#contact-slideshow img {
	float: left;
	padding: 4px;
	border: 1px solid #ededed;}


#contact form {
	float: right;
	text-align: right;}

#contact label { 
	position: relative; 
	margin: 4px 0 0 0; 
	font-size: 11px; 
	float: left;}
	
#contact input#name, #contact input#email,  #contact input#company,  #contact input#phone, #contact input#subject, #contact textarea#message {
	width: 395px; 
	height: 25px;
	margin: 0 0 10px 15px; 
	border:1px solid #666; 
	font-size: 12px;
	color: #330;}
	
#contact textarea#message {
	height: 270px;  
	color: #330;}
	
#thankyou-message {
	float: right;
	width: 453px;
	height: 500px;
	margin: 0 30px 30px;
	color: #5a5555;}

#thankyou-message h2 {
	font-size: 20px;
	margin: 5px 0 15px;}
	
#thankyou-message p {
	font-size: 12px;
	line-height: 2em;}


/*footer styles-----------------------------------------------------------------------*/
#footer {
	display: block;
	position: absolute;
	bottom: auto;
	width: 100%;
	margin: 150px 0 0;
	padding: 0 0 5px 0;}
#footer p {
	display: block;
	width: 960px;
	margin: 0 auto;
	font-size: 12px;
	color: #8e8888;}
	
#footer a {text-decoration: none; color: #999;}
#footer a:hover {text-decoration: underline; color: #333;}