/* DEFAULTS
----------------------------------------------------------*/

body   
{
    background: #e9e9e9;
    font-size: .80em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969;
    text-align: center;
}

a:link, a:visited
{
    color: #36699C;
    text-decoration: none;
}

a:hover
{
    color: #FF0000;
    text-decoration: none;
}

a:active
{
    color: #034af3;
}

p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}

img
{
    border: 0 none;
}


/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #666666;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h1
{
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2
{
    font-size: 1.5em;
    font-weight: 600;
}

h3
{
    font-size: 1.4em;
}

h4
{
    text-align:center;
    font-size: 1.3em;
    font-weight: 600;
    color:#333;
}

h5, h6
{
    text-align:center; 
    font-size: 1.2em;
    font-weight: 600;
    color:#333;
}

.float-left{float: left;}
.float-right{float: right;}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

#wrapper
{
    margin: auto;
    width: 990px;
    text-align: left;
    background-color: #FFF;
    background-image: url(../Images/bg.jpg);
    background-repeat: repeat-y;
}

#top
{
    width: 970px;
    height: 132px;
    margin: 0px 10px 0px 10px;
}

    #logo
    {
        position: absolute;
        margin: 20px 0px 0px 20px;
    }
    
    #search
    {
        width: 300px;
        margin: -100px 0px 0px 630px;
    }
    
    #links
    {
        position: absolute;
        margin: 60px 0px 0px 370px;
        text-align: right;
        width: 400px;
    }
    
        #links a
        {
            color: #B3B3B3;
            text-decoration: none;
            margin: 0px 15px 0px 0px;
        }
        
        #links a:hover
        {
            color: #FF0000;
            text-decoration: none;
        }
    
#menu
{
    width: 960px;
    height: 54px;
    background-image: url(../Images/menu-bg.jpg);
    background-repeat: repeat-x;
    padding: 0px 0px 0px 10px;
    margin: 0px 0px 0px 10px;
}

    #menu a
    {
        font-size: 1.4em;
        height: 37px;
        display: block;
        float: left;
        padding: 10px 25px 0px 25px;
        margin: 1px;
        text-decoration: none;
        color: #333;
    }
    
    #menu a:hover
    {
        color: #FF0000;
    }
    
    #menu a.shop
    {
        background-image: none;
	 color: #FF0000;
    }
    
#main
{
    margin-top: 0px;
}

    #default
    {
        width: 950px;
	 height: 350px;
	 margin: 0px 0px 0px 10px;
 	 padding: 10px;
    }
    
    #default h1
    {
        position: absolute;
        margin: 20px 0px 0px 0px;
        font-size: 1.6em;
        font-variant: normal;
        color: #000;  
        line-height: 30px; 
    }
    
        #default h1 span
        {
            font-size: 0.6em;
        }
        
    #default p.caption
    {
        position: absolute;
        margin: 50px 0px 0px 0px;
        font-size: 1.2em;
        width: 430px;
    }
    
    #document
    {
	 width: 950px;
        margin: 0px 0px 0px 10px;
 	 padding: 10px;
        background-color: #FFF;
    }

	#docTitle{
	 width: 950px;
	 margin: 0px 0px 0px 20px;
	}

	#docSubTitle{
	 width: 950px;
	 margin: 0px 0px 0px 20px;
	}
    
        #documentTitle
        {
            margin: 0px 0px 5px 30px;
            font-size: 2.4em;
            color: #000;  
        }
        
        #documentSummary
        {
            margin: 0px 0px 20px 30px;
            color: #999; 
            width: 280px;
            line-height: 25px;
            float: left;
        }

        
        #document h2
        {
            padding: 0px 20px 0px 0px;
            color: #336699;
            text-align: left;
            font-size: 1.2em;
        }
        
        #document td
        {
            text-align: justify;
            width: 33%;
            vertical-align: top;
            padding: 10px;
        }
    
    #documentBottom
    {
        clear: both;
        width: 970px;
        height: 19px;
	 margin: 0px 0px 0px 10px;
        background-color: #FFF;
    }
    
     #product
     {
            width: 940px;
            background-color: #FFF;
            padding: 15px;
	     margin: 0px 0px 0px 10px;
      }
        
        #productMenu
        {
            width: 200px;
	     float: left;
        }
        
        #productMenu .active
        {
            font-weight: bold;
        }

        #productMenuTitle
        {
            font-size: 2.0em;
            color: #FFF;
            margin: 0px 0px 0px 0px;
        }
    
        a.productMenuContent
        {
            text-decoration: none;
            display: block;
            line-height: 33px;
	        padding: 0px 0px 0px 5px;
	        margin: 5px 0px 0px 0px;
            color: #FFFFFF;
	        font-size: 1.2em;
        }
    
        a.productMenuContent:hover
        {
            text-decoration: underline;
        }

        a.productSubMenuContent
        {
            text-decoration: none;
            color: #555;
            display: block;
            line-height: 20px;
	        margin: -15px 0px 0px 0px;
	        padding: 10px 0px 0px 10px;
	        font-size: 1.0em;
        }
    
        a.productSubMenuContent:hover
        {
            text-decoration: underline;
        }
        
        #productMenu .active
        {
            font-weight: bold;
        }
    
        #productDetail
        {
            width: 500px;
            text-align: center;
            padding: 50px 0px 10px 0px;
        }
    
        #detailInfo
        {
            width: 500px;
        }
    
        #detailTitle
        {
            position: absolute;
            margin: 0px 0px 0px 0px;
            font-size: 2.0em;
            color: #999;
        }
    
        #detailDescription
        {
            position: absolute;
            margin: 20px 0px 0px 0px;
        }
    
        #detailPrice
        {
            position: absolute;
            margin: 115px 0px 0px 0px;
            color: #999;
            line-height: 25px;
        }
           #detailPrice span
            {
                color: #999;
                display: block;
                font-size: 2.3em;
                color: #333;
            }
        #productContent
        {
            width: 700px;
            margin: 0px 0px 0px 220px;
        }

 
 
   	#ProductDesc div{
		   background-image: url('../Images/document-bottom.jpg');
		   background-repeat: no-repeat;
			 background-position: center bottom;
       padding: 0px 0px 30px 0px;

		}
    #productContent h2{
		        margin-top: 10px;  
		}
    
     #ProductText {		        
            margin-top: 0px;  
            min-height: 160px;
		}
    
    #documentImage{
		      margin-top: 15px;
          float: left;
          margin-right: 10px;
          height: 160px;  
		}                
    #FileList div{
        float: left;
        width: 600px;  
		} 

		.subMenu
        {
            display: none;
        }
        
        .show
        {
            display: block;
        }

#bottom
{
    width: 970px;
    height: 190px;
    background-image: url('../Images/bottom-bg.jpg');
    background-repeat: repeat-x;
    margin: 20px 0px 0px 10px;
    clear: both;
}

	#currency{
	    position: absolute;
	    margin: 20px 0px 0px 35px;
	}

#footer
{
    width: 960px;
    height: 30px;
    color: #B3B3B3;
    text-decoration: none;
    margin-top: 0px;
    padding: 15px;
    font-size: 0.9em;
    background-color: #e9e9e9;
    background-image: url(../Images/footer-bg.jpg);
    background-repeat: no-repeat;
}

    #footer span
    {
        margin: 0px 5px 0px 0px;
    }

    #footer a
    {
        color: #B3B3B3;
        text-decoration: none;
        margin: 0px 0px 0px 5px;
    }
    
    #footer a:hover
    {
        color: #FF0000;
        text-decoration: none;
    }
    
    .concrete
    {
        color:#333;
        background-color:#547fde;
        width:230px;
        height:272px;
        float:left;
        margin:120px 8px 0 0;
        padding:0;
        display:block
    }
    
    .concrete a 
    {
        color:#333;
    }
    
    .masonry
    {
        color:#333;
        background-color:#d87e26;
        display:block;
        width:230px;
        height:272px;
        float:left;
        margin:120px 8px 0 0;
        padding:0
    }
    
    .masonry a 
    {
        color:#333;
    }    
    
    .thermal
    {
        color:#333;
        background-color:#56c35f;
        display:block;
        width:230px;
        height:272px;
        float:left;
        margin:120px 8px 0 0;
        padding:0
    }
    
    .thermal a 
    {
        color:#333;
    }
    
    .finishes
    {
        color:#333;
        background-color:#e0d000;
        display:block;
        width:230px;
        height:272px;
        float:left;
        margin:120px 0 0 0;
        padding:0
    }
    
    .finishes a 
    {
        color:#333;
    }