body,html
{
    padding:0px;
    margin:0px;
    background-color:#cacaca;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size:12px;
    color:#666;
}
input,textarea
{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size:12px;    
}
h1
{
    margin:0px;
    padding:0px;
    color:#09821b;
    font-size:22px;
    margin-bottom:10px;
    padding-bottom:10px;
    padding-top:6px;
}
h2
{
    color:#666;
    font-size:16px;
    padding-bottom:6px;
    border-bottom:0px dashed #a0a0a0;
    padding:0;
    margin:0;
}
h3
{

    font-size:12px;
    padding:0px;
    margin:0px;
}
#page
{
    line-height:18px;
}
#page a
{
    font-weight:bold;
}
a
{
    color:#09821b;
    text-decoration:none;
}
a:hover
{
    color:#0fbc29;
    text-decoration:underline;
}

#wrapper
{
    width:964px;
    left:50%;
    margin-left:-482px;
    position:absolute;
    padding:0px 0px 10px 0px;
}
    #wrapperwhite
    {
        /*background-color:yellow;*/
        background:url('/images/wrapperBG.gif');
    }
    
#header
{
    background:url('/images/header.gif');
    width:964px;
    height:109px;
}

#content
{
    width:964px;
    padding:0px;
    min-height:600px;
}
    #content #leftmenu
    {
        border-top:6px solid white;
        border-left:6px solid white;
        width:226px;
        background-color:#e2e2e2;
        min-height:400px;
        float:left;
        height:100%;
        position:relative;
    }
    #content #supportnz
    {
        width:210px;
        height:194px;
        margin-left:6px;
        background:url('/images/supportNZbg.gif');
        bottom:39px;
        left:0;
        border-bottom:6px solid white;
        padding:8px;
        position:absolute;
        color:White;
        border-top:6px solid white;
    }                  
        #content #supportnz h2
        {
            padding:0px;
            margin:0px;
            color:White;
            font-size:14px;
        }   
    #content #page
    {
        margin-top:6px;
        width:720px;
        float:left;
        min-height:400px;
        margin-left:6px;
        position:relative;
    }
        #content #page .section
        {
            padding-bottom:6px;
            border-bottom:1px solid #f0f0f0;
            margin-top:6px;
        }
        #content #page .section img
        {
            padding-right: 6px; 
            max-width: 100px;
            float:right;
        }
    
    .Product
    {
        border-bottom:1px dashed #a0a0a0;
        min-height:145px;
        padding:10px 0px 0px 0px;
        padding-bottom:8px;
    }
    .Product .imageandtitle
    {
       /* border-right:1px solid #c0c0c0;*/
        
    }
    .Product .price
    {
        float: right; 
        margin-right: 30px; 
        height:130px;
       /* width:260px;*/
    }
        .Product .price .top
        {
            width:260px;
            height:75px;
        }
        .Product .price .top
        {
            width:260px;
        }
    .Product img
    {
        float:left;
        border:1px solid #666;
        margin-right:10px;
    }
    #productDetails
    {
        text-align:center;
    }
        #productDetails #description
        {
            background-color:#c0c0c0;
            padding:6px;
            color:White;
        }
        #productDetails img
        {
            max-height: 370px; 
            max-width: 434px;
        }
    #priceAndEnquire
    {
        width:300px;
        left:50%;
        margin-left:-150px;
        position:absolute;
        bottom:0px;
    }
    #productDetails .greenbutton
    {
        float:none; 
        margin-top:10px;
        margin-left:105px;
    }
    
    #blueboxes
        {
            background-color:#bfe6ff;
            margin-top:6px;
            height:190px;
            margin-bottom:6px;
        }
        #blueboxes .bluebox
        {
            padding:8px;
            width:206px;
            float:left;
            margin-right:5px;
            border-right:1px dashed #accadd;
            padding-right:15px;
            margin-top:10px;
            padding-top:0px;
        }
        #blueboxes .last
        {
            margin-right:0px !important;
            float:right;
            border:0px;
        }
            .bluebox img
            {
                float:left;
                margin:0px 6px 6px 0px;
            }
            .bluebox .title
            {
                padding:0px;
                margin:0px;
                font-size:14px;
                font-weight:bold;
                height:20px;
                vertical-align:bottom;
                text-align:center;
                line-height:40px;
                padding-bottom:16px;
            }
            .bluebox a
            {
                color:#666;
                text-decoration:none;
            }
            .bluebox a:hover
            {
                text-decoration:underline;
            }
            .bluebox .title a
            {
                color:#1c72c9;
                text-decoration:none;
            }
            .bluebox .title a:hover
            {
                text-decoration:underline;
            }
            #blueboxes .last .title
            {
                line-height:normal;
            }
        .greenbutton
        {
            width:88px;
            height:23px;
            text-align:center;
            background-image:url('/images/greenbutton.gif');
            float:right;
            color:White;
            line-height:23px;
            vertical-align:middle;
            text-decoration:none;
        }
        .greenbutton:hover
        {
            text-decoration:underline;
            background-image:url('/images/greenbuttonBright.gif');
        }
        
        .greenbuttonBright
        {
            width:88px;
            height:23px;
            text-align:center;
            background-image:url('/images/greenbuttonBright.gif');
            float:right;
            color:White;
            line-height:23px;
            vertical-align:middle;
            text-decoration:none;
        }
        .greenbuttonBright:hover
        {
            text-decoration:underline;
        }
        
        .bluebutton
        {
            width:88px;
            height:23px;
            text-align:center;
            background-image:url('/images/bluebutton.gif');
            float:right;
            color:White;
            line-height:23px;
            vertical-align:middle;
            text-decoration:none;
        }
        .bluebutton:hover
        {
            text-decoration:underline;
        }


#googlemap
{
    float:right;
    width:150px;
    padding:20px;
    background-color:#97cb20;
    color:White;
    font-weight:bold;
    text-decoration:none;
    text-align:center;
}
#googlemap:hover
{
    background-color:#a8e629;
    text-decoration:underline;
}

#footer
{
    width:964px;
}

 #footer .left 
    {
        width: 300px;
        margin-top:6px;
        float: left;
        color: #666;
        font-size:11px;
        margin-bottom:10px;
    }
    
    #footer .right 
    {
        width: 300px;
        margin-top:6px;
        float: right;
        text-align: right;
        color: #666;
        font-family: Verdana, Arial, Helvetica, Sans-Serif;
        font-size: 11px;
        margin-bottom:10px;
    }
    
    #footer a, #footer a:active, #footer a:visited 
    {
        font-family: Verdana, Arial, Helvetica, Sans-Serif;
        font-size: 11px;
        color: #09821b;
        text-decoration: none;
    }
    
    #footer a:hover 
    {
        text-decoration: underline;
    }

.clearfix:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
    visibility:hidden;
    }
	
   .clearfix 
   {
       display: inline-block;
   } 

    /* Hides from IE Mac \*/
    * html .clearfix 
    {
        height: 1%;
    }
   .clearfix 
   {
       display:block;
   }
    /* End Hack */ 
    
    .moreInfoTag  { margin-left: 5px; font-size: 10px; font-fanmily: arial; color: #666;}
    .moreInfoTag:hover { text-decoration: none; }