body
{
	font-family: Arial, Helvetica, Verdana;
	background-color:#e7dac7;
	color:#ffffff;
margin-top: 15px;
}
em
{color:#ffffff;}

div.colorpage h1
{        font-weight: bold;
         padding-top: 0px;
         color: #000000;	
         font-size: 1.8em;
         
         line-height: 35px;
border-bottom: #000000 2px solid;
} 

div.registerpage h1
{        font-weight: bold;
         padding-top: 0px;
         color: #000000;	
         font-size: 1.8em;
         
         line-height: 35px;
border-bottom: #000000 2px solid;
} 

div.registerpage 
{       background-color:#e7dac7;
color: #000000;
} 


.fieldset
{      
         color: #000000;	                  
        
} 

div.colorpage em
{        
color: #000000;
}

div.templateframe
{
            margin-left: auto;
            margin-right: auto;
            width: 999px;
            background-image: url(http://www.americantileandstone.com/usercontent/americantile/images/AT-home-bg.jpg);
            background-repeat: repeat-y;
            padding-left: 0px;
            padding-right: 0px;
            padding-bottom: 0px;

}
div.topmenuframe
{	
	clear: both;
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right:0px;
	margin-top:0px;
	margin-left: auto;
	margin-right: auto;
	width: 160px;
float: right;
	position: absolute;
	top: 100px;
	right: 30px;
}
div.headerlogo
{
       float : left;
       width: 285px;

}

div.leftmenuframe
{
       float : left;
       width: 269px;

}
div.footermenu
{
width: 999px;
height: 39px;	
}
div.banner
{
	text-align: right;
	margin-top: 0px;
	margin-right: 0px;
	width: 420px;
	height: 133px;
	float:right;
}
div.bannerframe
{
             background-color:#000000;
	height: 133px;

align: right;

	
}
div.contentframe
{
        width:685px;
	float : left;
	
}

h1
{
      
         font-weight: lighter;
         padding-top: 10px;
         color: #e8ddce;	
         font-size: 1.8em;
         padding-left: 5px;
border-bottom: #b14e22 0px solid;	
}
.gallerytitle
{
      
         font-weight: lighter;
         padding-top: 10px;
         color: #e8ddce;	
         font-size: 1.8em;
         padding-left: 5px;	
}


h2, h3, h4
{
color: #e8ddce;
padding-top: 15px;
padding-left: 5px;

}

h2
{
	font-weight: bold;
	font-size: 16px;
	line-height: 18px;
            padding-left: 5px;
}

h5
{
      
         font-weight: lighter;
         padding-top: 0px;
         color: #ffffff;	
         font-size: 1.8em;
         	
}


.subShell 
{
        float: left;
        padding-left: 0px;
        padding-top: 0px;
	width:685px;
	min-height:0px;

}

p {padding: 5px;  text-align:left;} 

div.footerframe
{
        position: center;	
        text-align: center;
        margin-top: 0px;
        width: 999px;
}

.copyright
{       
        position: center;
        background-color: #e7dac7;
        padding-top: 5px;	
        font-size: 7pt;
        font-family: Arial;
        height: 45px;
        color: #000000;
width: 999px;
        
}

/* classes to replace menu images */

.topmenu
{
	
	color: #bfae97;
	font-size:.95em;
	text-decoration: none;
	height: 15px;
	padding:4px;
}
.topmenuover
{
	
	color: #e8ddce;
	font-size:.95em;
	text-decoration: none;
	height: 15px;
	padding:4px;
	cursor: hand;
}

.sidemenu
{

	width: 285px;
        text-align:left;
	color: #bfae97;
	font-size:1.0em;
	text-indent:75px;
	height: 30px;
	padding: 0px;
text-decoration: none;
}
.sidemenuover
{
	width: 285px;
        text-align:left;
	color: #e8ddce;
font-weight: bold;
	font-size:1.0em;
        text-indent:75px;
        height: 30px;
	padding: 0px;
text-decoration: none;
        cursor: hand;
	}
.sidemenul
{

	width: 285px;
        text-align:left;
	color: #bfae97;
	font-size:1.0em;
	text-indent:75px;
	height: 20px;
	padding: 0px;
text-decoration: none;
            background-repeat: no-repeat;

}
.sidemenuoverl
{
	width: 285px;
        text-align:left;
	color: #e8ddce;
font-weight: bold;
	font-size:1.0em;
        text-indent:75px;
        height: 20px;
	padding: 0px;
text-decoration: none;

        cursor: hand;
	}

.sidemenul2
{

	width: 285px;
        text-align:left;
	color: #bfae97;
	font-size:1.0em;
	text-indent:80px;
	height: 20px;
	padding: 0px;
text-decoration: none;
            background-image: url(http://www.americantileandstone.com/usercontent/americantile/images/at-MENU.png);
            background-repeat: no-repeat;

}
.sidemenuoverl2
{
	width: 285px;
        text-align:left;
	color: #e8ddce;
font-weight: bold;
	font-size:1.0em;
        text-indent:80px;
        height: 20px;
	padding: 0px;
text-decoration: none;
            background-image: url(http://www.americantileandstone.com/usercontent/americantile/images/at-MENU.png);
            background-repeat: no-repeat;

        cursor: hand;
	}

.sidemenul3
{

	width: 285px;
        text-align:left;
	color: #bfae97;
	font-size:1.0em;
	text-indent:80px;
	height: 20px;
	padding: 0px;
text-decoration: none;
            background-image: url(http://www.americantileandstone.com/usercontent/americantile/images/ab-MENU.png);
            background-repeat: no-repeat;

}
.sidemenuoverl3
{
	width: 285px;
        text-align:left;
	color: #e8ddce;
font-weight: bold;
	font-size:1.0em;
        text-indent:80px;
        height: 20px;
	padding: 0px;
text-decoration: none;
            background-image: url(http://www.americantileandstone.com/usercontent/americantile/images/ab-MENU.png);
            background-repeat: no-repeat;

        cursor: hand;
	}


.sidemenusub
{

	width: 285px;
        text-align:left;
	color: #bfae97;
	font-size:.85em;
	text-indent:95px;
	height: 20px;
	padding: 0px;
}
.sidemenusubover
{
	width: 285px;
        text-align:left;
	color: #e8ddce;
font-weight: bold;
	font-size:.85em;
        text-indent:95px;
        height: 20px;
	padding: 0px;
        cursor: hand;
	}







.subsidemenu
{
background-color: #aab274;	
text-align:left;
	color: #4e4b4d;
	font-size:1.0em;
	height: 30px;
        width: 120px;
	padding-top:2px;
}

.subsidemenuover
{
background-color: #b0ceca;
	text-align:left;
	color: #4e4b4d;
	font-size:1.05em;
	height: 30px;
        width: 120px;
	padding-top:2px;
	cursor: hand;
}
.ContentBody
{
margin-top: 15px;

}

.contentimage  
{
filter:shadow(color:gray, 
strength:5, direction:135);
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
margin: 2px 2px 2px 2px;
}
div.headerseparator
{visibility: hidden; }



.logomenu
{
background-image: url(http://www.americantileandstone.com/usercontent/americantile/images/AT-logo.jpg);
            background-repeat: no-repeat;
	width: 285px;
        text-align:left;
	font-size:.5em;
	color: #4f4333;
	height: 188px;
	text-decoration: none;
text-indent:95px;
cursor: hand;
}

.homemenu
{

	width: 285px;
        text-align:left;
	color: #bfae97;
	font-size:1.0em;
	text-indent:75px;
	height: 30px;
	padding-top: 20px;
text-decoration: none;
}
.homemenuover
{
	width: 285px;
        text-align:left;
	color: #e8ddce;
font-weight: bold;
	font-size:1.1em;
        text-indent:75px;
        height: 30px;
	padding-top: 20px;
        cursor: hand;
text-decoration: none;
	}


.footerseparator
{background-color:#000000;
}

div.workbook

{  
background-image:none;
}

fieldset
{border:none;
padding-left: 10px;}

div.box
{
    width: 650px;
    padding: 10px;
    
    align: left;
    text-align: left;
    padding: 10px;
    font-weight: normal;
    color: #e7dac7;
    background-color: #4f4333;
    border: 1px solid black;
}

a:link
{
	color: #baac98;
	text-decoration:underline;
        font-weight: bold;
	
}
a:visited
{
	color:#d4c7b6;
	text-decoration:underline;
        font-weight: bold;
	
}
a:hover
{
	text-decoration:underline;
	color: #dcdbda;
        font-weight: bold;
}
a:active
{
	text-decoration: underline;
}
.logos {
	text-align: center;
	margin: 5px;
	float: left;
	width: 210px;
}

.portfolio-landing {
	background-color: #4f4333;
	height: 100px;
	width: 550px;
	margin: 10px;
	border: 1px solid #333;
	padding-right: 10px;
}
.portfolio-landing img {
	float: left;
	padding: 10px;
}
#ctl01_MainContent_CatalogData
{background-color: transparent;
}

.catalogproduct{
color: #CCC;
   border-color: #AAAAAA;
    border-style: solid;
    border-width: 0 0px 0px;
    padding-top: 3px;
}
