﻿/* CLEAR EVERYTHING */
html,body,div,form,h1,h2,h3,h4,h5,h6,a,span,img {border:0;outline:0;padding:0;margin:0;text-decoration:none;}

/* MasterPage.master LAYOUT */
body
{
    background: url("../images/layout/backgroundtile_10x1000.jpg") repeat-x 0% 0%;
    color: Black;
    font-family: Times New Roman;
}

div#page
{
    width:706px;
    margin:0px auto;
    position: relative;
}
	div#page div#head
	{ 
	    padding-top: 45px;
	    height: 150px;
	}
	
	div#head div.search
	{
	    float: right;
	    width: 160px;
	    height: 20px;
	    margin-top: 10px;
	    color: White;
	    
	}
	    div#head div.search input
	    {
	        width: 105px;
	        height: 15px;
	        background-color: #DDD9DA;
	        font-size: 10px;
	        border: 0;
	    }
	    
	    div#head div.search span
	    {
	        font-size: 10px;
	    }
	    
	    div#head div.search a
	    {
	        color: White;
	    }
	
	div#head div.usmarblelogo
	{
        float:left;
        height:104px;
        margin-top:40px;
        width:240px;
	}
	
	div#head div.gallery
	{
	    background: black url("../images/pieces/gallery-yellow-underline.png") repeat-x bottom;	 
	    height: 80px;
	    width: 456px;
	    float: right;
	    clear: right;
	    margin: 10px 0px 0px 10px;
	}
	
	div#head div.gallery img.scroll
	{
	    float: left;
	    cursor: pointer;
	}
	
	div#head div.gallery div#slider
	{
	    width:384px;
	    height: 75px;	   
	    overflow: hidden;
	    float: left; 
	    white-space: nowrap;
	    padding-top: 3px;
	}
	
	div#head div.gallery div#slider img
	{
	    float: none;
	    padding: 0px 5px;
	}
	
	
	div#nav
	{
		position: absolute;
		left: 240px;
		top: 165px;
	
	}

	/*********************************************/
	/*** MENU CSS ********************************/
	/*********************************************/	
		
	.main-nav
	{
        background-color:Black;
        float:left;
        height:24px;
        margin-left:10px;

        width:456px;
        z-index: 999;
	}
	
	.main-nav a
	{
	    padding:0px 6px;
	}
	
	.main-nav .AspNet-Menu-Leaf, .main-nav .AspNet-Menu-WithChildren
	{
        border-right: groove 1px white;
	    border-spacing: 20px;
        background-position: bottom right;
        font-size:10pt;
        line-height:24px;
	}
	
	.main-nav .AspNet-Menu-Leaf a:hover, .main-nav .AspNet-Menu-WithChildren a:hover
	{
        background-color: #D9D9D9;
        color: Black;
	}
	
	.main-nav .AspNet-Menu-Leaf ul, .main-nav .AspNet-Menu-WithChildren ul
	{
        width: 180px;
        white-space: nowrap;
        background-color: #C0BEBF;
	}
	
	.main-nav .AspNet-Menu-Leaf li, .main-nav .AspNet-Menu-WithChildren li
	{
        border-bottom: solid 1px white;
        background-image: none;
        width: 100%;
	}
	
	.main-nav .AspNet-Menu-Leaf ul a, .main-nav .AspNet-Menu-WithChildren ul a
	{
        color:Black;
	}
	
	.main-nav .AspNet-Menu-Leaf ul a:hover, .main-nav .AspNet-Menu-WithChildren ul a:hover
    {
        color: White;
	}
	        
	.bottom-nav
	{
	    margin-top: 1px;
	    width: auto;
	    padding-right: 10px;
	    float: right;

	}
	
	/******************************************************/
	/*** BODY CSS *****************************************/
	/******************************************************/	
	
	div#page div#body
	{
        height:332px;
        padding-top:12px;
        width:100%;
        font-size: 8pt;
	}
	
	div#page div#body div.leftPane
	{
        float:left;
        height:322px;
        width:240px;
        margin-bottom: 10px;
        overflow-y: auto;
        overflow-x: hidden;
	}
	
	div#page div#body div.leftPane h1
	{
        color: #7D0028;
        font-family: Times New Roman;
        font-size: 18pt;
	}
	
	div.leftPane h1,div.leftPane h2div.leftPane h3,div.leftPane h4,div.leftPane h5,div.leftPane h6
	{
        margin-bottom: 5px;
	}
	
	div.leftPane ul, div.rightPane ul
	{
	    margin: 0!important;
	    padding: 0!important;
	    padding-left: 15px!important;
	}
	
	div.leftPane h4, div.rightPane h4{margin-bottom:.3em!important;}
	
	div#page div#body div.leftPane hr
	{
        color: Black;
        background-color: Black;
        height: 3px;
        border: 0;
	}
	
	div#page div#body div.rightPane
	{
        float:left;
        height:322px;
        margin-left:10px;
        width:456px;
        margin-bottom: 10px;
        overflow-y: auto;
        overflow-x: hidden;
        overflow: auto;
	}
	
	div#page div#body div.fullPane
	{
		height: 322px;
		overflow-x: hidden;
		overflow-yL auto;
	}
	
	
	.product-tabs
	{
		background-color:#EDEDED;
	}
	
	.product-tabs td
	{
	    border-bottom: solid 3px #FEC600!important;
	    width: 100%;
	    overflow: hidden;
	    padding: 10px;
	    margin: 0;
	}
	
	div#page div.column
	{
	    width: 146px;
	    float:left;
	    margin-right: 4px;
	    overflow: hidden;
	}
	
	div#page div.column h4
	{
        height: 22px;
        width: 100%;
        background-color: Black;
        font-family: Times New Roman;
        font-weight: normal;
        color: White;
        margin: 0;
        padding: 3px 0 0 1px;
	}
	
	div#page div.column p
	{
        margin: 0;
        padding: 0;
	}
	
	div#page div.column div.column-content
	{
	    height: 100%;
	    overflow-y: auto;
	    overflow-x: hidden;
	    overflow: auto;
	    text-align: center;
	    height: 285px;
	    padding-top: 5px;
	    background-color: #EDEDED;
	}
	
	div#page div.column div.column-content p
	{
	    margin-bottom: 10px;
        font-size: 8pt;
	}
	
	div#page div.column div.column-content img
	{
	    clear: both;
	}
	
	
    /******************************************************/
	/*** FOOT CSS *****************************************/
	/******************************************************/	
	
	div#footer
	{
	    width: 100%;
	    height:71px;
	}
	
	div#footer div.nav
	{
	    float: left;
	    clear: right;
	    width: 706px;
	    background-color: Black;
	}
	
	div#footer div.text
	{
        color:#FFC700;
        float:left;
        font-size:12px;
        font-weight:bold;
        height:30px;
        line-height:30px;
        text-align:center;
        vertical-align:middle;
        width:100%;
	}
	div#footer div.text p
	{
	    padding: 0;
	    margin: 0;
	}
	
    div#footer-links
    {
        font-size: 10pt;
	    margin-top:15px;
	    color:Gray;
	}
	div#footer-links a, div#page div#footer-links a:visited
	{
	    color: Gray;
	}
	div#footer-links a:hover
	{
	    text-decoration: underline;
	}
/* LOGIN PAGE */
fieldset.login {width:300px;margin:0px auto;border:3px solid #FFC700;padding:20px;}
	fieldset.login legend{padding:5px;font-size:10pt;font-weight:bold;}
	fieldset.login label{display:block;float:left;width:120px;clear:left;line-height:30px;margin:5px 0px;}
	fieldset.login input{border:1px solid #EFEFEF;margin:5px 0px;}
	fieldset.login span.checkbox input{margin:15px;}
	fieldset.login input.text{height:30px;font-size:25px;width:160px;}
	fieldset.login input.submit{padding:5px;float:right;margin-right:20px;}
	fieldset.login a{font-size:10pt;}
	
/* CONTENT STYLES */
div#body {font-size:0.85em;font-family:Sans-Serif;}
h1{font-size:2em;margin-bottom:1em;}
h2{font-size:1.75em;margin-bottom:1em;}
h3{font-size:1.5em;margin-bottom:1em;}
h4{font-size:1.25em;margin-bottom:1em;}
h5{font-size:1em;margin-bottom:1em;}
h6{font-size:0.75em;margin-bottom:1em;}
p{font-size:1em;margin-bottom:1em;}
ul{font-size:1em;margin:1em;}
ol{font-size:1em;margin:1em;}
li{}
i{font-style:italic;}
u{text-decoration:underline;}
strike{text-decoration:line-through;}


/*Map styles*/
#map_canvas{height:160px;width:435px;} /* 320px height */
span.enlarge{cursor:pointer;color:#005;font-weight:bold;}

div#message p{padding:10px;font-size:10pt;}
div#message p.error { color: Red; }
div#message p.results {clear:both; color: Black;}

fieldset { border:0; }
fieldset legend {}
fieldset label { display:block; float: left; width: 100px; line-height: 25px; clear: left; margin-right:10px; _margin-right:5px; }
fieldset input, fieldset select { clear: right; margin-bottom: 5px; width: 145px; }
fieldset button { clear: both; float: left; }

button#btnGo
{
	border:0;
	margin:0;
	padding:0;
	background: url(../images/pieces/ritearro-onwhite_22x22.gif) no-repeat;
	overflow:hidden;
	height: 22px;
	width: 92px;
}

#results-pane {border-top:1px solid #EFEFEF;}
#results-pane .bubble-content {padding:5px 0px;border-bottom:1px solid #EFEFEF;}
#results-pane .bubble-content h3 {margin:0;}
#results-pane .bubble-content p {margin:0;}
#results-pane .bubble-content p.address {}
#results-pane .bubble-content p.phone {}
#results-pane .bubble-content p.directions {}
#results-pane .bubble-content p.directions a {}