/* headers & text */

h1,
h2
{
    font-size: 24px;
    margin: 20px 0 6px 0;
    font-weight: normal;
}

h3
{
    margin: 12px 0 10px 0;
    font-size: 21px;
    font-weight: normal;
}

h4,
h5
{
    font-size: 1.1em;    
    margin: 12px 0 5px 0;
}

#content a
{
    text-decoration: none;
    font-weight: bold;
}

.image-text
{
    font-weight: bold;
    margin: 8px 0 18px 0;
}

/* containers */

div.ad-container
{    
    float: left;
    margin: 0 10px 0 0;
}

    div.ad-container.last
    {
        margin: 0;
    }

/* lists */

ul#productList
{
    list-style-type: none;
    margin: 10px 0;
    padding: 0;
}

    ul#productList li,
    ul#productList li a
    {
        display: block;
        width: 100px;
        height: 90px;
        margin: 10px 2px 5px 0;
        float: left;
        padding: 0;
        text-align: center;
    }
    
        ul#productList li img
        {
            margin: 0 auto;
        }

ul#productNavigation
{
    list-style-type: none;
    margin: 20px 0 10px 0;
    padding: 0;
}
    
    ul#productNavigation li
    {
        margin: 4px 0 0 4px;
        padding: 0 0 6px 4px;
        border-bottom: 1px dotted #999;
        width: 115px;
    }

    ul#productNavigation li ul
    {
        margin: 0;
        padding: 0 0 0 4px;
        list-style-type: none;
        font-size: 0.8em;
    }
    
     ul#productNavigation li ul li
     {
         border: none;
         padding: 0;
     }
     
ul#supplierLogoList
{
    margin: 0 0 0 10px;
    padding: 0;
    list-style-type: none;
}

    ul#supplierLogoList li
    {
        margin: 15px 0;
    }
    
    ul#supplierLogoList li h5
    {
        font-size: 10px;
    }

ul#gallery
{
    list-style-type: none;
    margin: 0 auto;
    width: 400px;
    padding: 0;
}

    ul#gallery li
    {
        float: left;
        width: 80px;
        height: 60px;
        margin: 0 5px 0 0;
        padding: 4px;
        border: 1px solid #ddd;
    }

ul#newslist,
ul#subnav
{
    list-style-type: none;
    margin: 0 0 0 10px;
    width: 155px;
    padding: 0;
}

    ul#newslist li,
    ul#subnav li
    {
        margin: 10px 0;
        padding: 0;
    }
    
    ul#newslist li
    {
        padding: 0 4px 6px 4px;
        border-bottom: 1px dotted #ccc;        
    }  
    
    ul#newslist li h5,
    ul#subnav li h5
    {
        margin: 15px 0 10px 0;  
    }
             
    
/* cols */

div.subnav-col
{
    width: 175px;
    margin: 0 0 20px 0;
}

div.content-col
{
    width: 415px;
    margin: 0 0 20px 20px;
    line-height: 18px;
}

    div.content-col h1,
    div.content-col h2,
    div.content-col h3,
    div.content-wide-col h1,
    div.content-wide-col h2,
    div.content-wide-col h3
    {
        line-height: 30px;
    }
    
div.content-wide-col    
{
    width: 600px;
    margin: 0 0 20px 20px;
    line-height: 18px;
}

div.thin-col
{
    width: 170px;
    margin: 0 10px 0 0;   
}


/* colors */

.white
{
    color: #fff;    
}

.marine,
#content a,
#content a:visited,
.content-col h3,
div.content-wide-col h3
{
    color: #0b4ba1;
}

.darkgrey,
#content h2,
.small-box h5,
#content a:hover,
ul#productNavigation li ul a,
ul#productNavigation li ul a:visited,
#subnav a.active,
#subnav a:hover,
ul#newslist li a:hover,
ul#newslist li a.active
{
    color: #373737;
}

.grey,
.small-box,
#footer a,
#footer a:visited
{
    color: #5b5b5b;
}

.red,
.external-link,
#footer a.external-link,
.content-col h4,
div.content-wide-col h4,
ul#productNavigation ul li.active
{
    color: #d71921;
}

.black,
#footer a:hover
{
    color: #000;
}

/* misc */

div.product-cat-image
{
    float: right;
    width: 26px;
    height: 40px;
    margin: 0 3px 4px 0;
}

img.newsimage
{
    margin: 10px 0;
}

div.vcard
{
    margin: 10px 0;
    height: 80px;
}

    div.vcard div.photo
    {
        width: 85px;
        margin: 0 15px 0 0;
        float: left;
    }
    
    div.vcard div.info
    {
        float: left;    
        margin: 0;    
    }
    
        div.vcard div.info p
        {
            margin: 0;
        }

a.print-link
{
	background: transparent url(../images/layout/print-icon.png) top left no-repeat;
	padding: 4px 0 4px 30px;
}

div.service-item
{
    clear: both;
    margin: 10px 0;
}

    div.service-item div
    {
        width: 430px;
    }
    
     div.service-item div.service-img
     {
		width: 100px;
		margin: 0 20px 10px 50px;
     }        
    
div.information-box
{
	width: 150px;
	height: 55px;
	margin: 10px 0;
	padding: 10px;
	background: transparent url(../images/layout/blue-info-box.png) top left no-repeat;
	font-size: 10px; 
	line-height: 12px;
	color: #fff;
	font-weight: bold;
}