body 
{
    padding:0;
    margin:0;
    font-family:Verdana;
    text-align:center;
}
#wrapper
{
    width:800px;
    margin-left:auto;
    margin-right:auto;
    text-align:left;
    font-family:Verdana;
    font-size:8pt;
    position:relative;
}
#international
{
    position:absolute;
    right:0px;
    top:15px;
    z-index:10;
}
#header
{
    height:80px;
    width:100%;
    position:relative;
    background:url(Images/logointernational.jpg) no-repeat;
    background-position:left 8px;
}
#headernz
{
   height:80px;
    width:100%;
    position:relative;
    background:url(Images/oceanz-blue-logo-new-zealan.jpg) no-repeat;
    background-position:left 8px; 
}
#menu
{
    position:relative;
    background:url(Images/menubar.jpg) no-repeat top left;
    height:35px;
    width:100%;
}
#menu ul
{
    font-family:Arial;
    list-style:none;
}
#menu li
{
    float:left;
    padding:5px 5px 0px 5px;
    text-align:center;
    font-size:12pt;
    cursor:pointer;
    height:35px;
    margin-left:10px;
    margin-right:7px;
    cursor:pointer;
}
#menu li a
{
    color:black;
    text-decoration:none;
}
#menu li.hold
{
    background:url(Images/menuback.jpg) repeat-x top left;
    color:White;
    height:35px;
    text-decoration:none;
}
#menu li.hold a
{
    color:White;
    text-decoration:none;
}
#menu li.hover
{
    background:url(Images/menuback.jpg) repeat-x top left;
    color:White;
    height:35px;
    text-decoration:none;
}
#menu li.hover a
{
    color:White;
    text-decoration:none;
}
#content
{
    position:relative;
    width:100%;   
}
#footer
{
    font-size:8pt;
    font-family:arial;
    text-align:center;
    margin-top:45px; 
}
.home
{
    padding-top:30px;
    padding-bottom:200px;
    margin-top:10px;
    padding-right:595px;
}
#mission
{
    position:absolute;
    top:340px;
    left:225px;
    font-size:14pt;
    color:#072C3D;
    font-weight:bold;
    font-family:Arial;
}
#homelower
{
    background:url(Images/goldbar.png) no-repeat top left;
    height:80px;
}
#homelower ul
{
    width:100%;
}
#homelower li
{
    float:left;
    list-style:none;
    width:255px;
    text-align:center;
    font-size:14pt;
    color:White;
    font-weight:bold;
    margin-top:8px;
    padding-top:15px;
    padding-bottom:20px;
}
#homelower li.center
{
    border-left:solid 1px white;
    border-right:solid 1px white;
    padding-left:15px;
    padding-right:15px;
}
#homelower li a
{
    color:White;
}
#homelower2
{
    background:url(Images/goldbar2.png) no-repeat top left;
    height:105px;
}
#homelower2 select
{
    width:130px;
    margin-top:2px;
    font-size:8pt;
    height:18px;
}
#homelower2 ul
{
    width:100%;
}
#homelower2 li
{
    float:left;
    list-style:none;
    width:250px;
    text-align:center;
    font-size:14pt;
    color:White;
    font-weight:bold;
    margin-top:6px;
    padding-top:1px;
    padding-bottom:1px;
}
#homelower2 li.center
{
    border-left:solid 1px white;
    border-right:solid 1px white;
    padding-left:15px;
    padding-right:15px;
    font-size:8pt;
    text-align:left;
}
#homelower2 li.right
{
    line-height:35px;
    padding-top:10px;
}
#homelower2 li.left
{
    text-align:left;
    padding-left:10px;
}
#homelower2 li a
{
    color:White;
}
.padtop
{
    padding-top:4px;
}
.goldtitle
{
    font-size:12pt; 
}
.spotustext
{
    font-size:8pt;
    padding-top:6px;
}
#navbars
{
    margin:0;
    padding:0;   
}
#navbars li
{
    background:url(images/navbar.png) no-repeat top left;
    height:30px;
    margin-top:10px;
    margin-bottom:40px;
    margin-left:0;
    width:205px;
    cursor:pointer;
    color:White;
    padding-left:30px;
    padding-top:4px;
    font-family:Arial;
    font-size:14pt;
    list-style:none;
}
#tabs
{
    border-bottom:solid 4px #246271;
    width:800px;
    margin-top:10px;
    height:25px;
}
#tabs li
{
    float:left;
    padding:0;
    margin-right:5px;
    background:url(Images/tabtop.png) repeat-x;
    background-position:right top;
    cursor:pointer;
    list-style:none;
    font-size:9pt;
}
.tableft
{
    padding-left:5px;
    background:url(Images/tableft.png) no-repeat top left;
    float:left;
    height:25px;
}
.tabtext
{
    float:left;
    padding:7px 5px 0px 3px;
}

.tabright
{
    padding-left:5px;
    background:url(Images/tabright.png) no-repeat top left;
    float:left;
    height:25px;
}
.tableftgray
{
    padding-left:4px;
    float:left;
    height:25px;
    background:url(Images/tableftgray.png) no-repeat top left;
}
.tabtextgray
{
    color:gray;
    background:rgb(181, 181, 181);
    color:gray;
    float:left;
    padding:7px 5px 0px 3px;
    height:18px;
}
.tabrightgray
{
    padding-left:5px;
    background:url(Images/tabrightgray.png) no-repeat top left;
    float:left;
    height:25px;
}
.tabpanel
{
    margin:20px 0px 10px 0px;
    display:none;
    font-size:8pt;
    width:800px;
}
.activePanel
{
    display:block;
}
#tabs li.hover
{
    float:left;
    padding:0;
    margin-right:5px;
    background:url(Images/tabfull.jpg) no-repeat top right;
    cursor:pointer;
    color:White;
}
#tabs li.hold
{
    float:left;
    padding:0;
    margin-right:5px;
    background:url(Images/tabfull.jpg) no-repeat top right;
    cursor:pointer;
    color:White;
}
.hide
{
    display:none;
}
#facilitiesimages
{
    width:200px;
    height:500px;
    float:left; 
}
#facilitiesimages img
{
    margin-bottom:5px; 
}
#facilitiestext
{
    float:right;
    width:590px; 
}
#facilitiestext p
{
    height:112px; 
    padding:0;
    margin:0;
}
#oceanzimage
{
    width:200px;
    height:500px;
    float:left;
    padding-top:20px;
}
#oceanztext
{
    float:right;
    width:590px;
    padding-top:20px;
}
#oceanzbullets
{
    margin-top:15px;
    list-style:none;
}
#oceanzbullets li
{
    padding-left:25px;
    background:url(Images/blueBullet.png) no-repeat top left;
    margin-bottom:9px;  
}
#contactusimage
{
    width:180px;
    height:500px;
    float:left;
    background:url(Images/contact-us-1.jpg) no-repeat top left;
    margin-top:20px;
    padding-left:12px;
    line-height:17px;
    color:White;
    font-size:8pt;
}
#contactusimage2
{
    width:180px;
    height:500px;
    float:right;
    background:url(Images/order-1.jpg) no-repeat top left;
    margin-top:20px;
    padding-left:12px;
    line-height:17px;
    color:White;
    font-size:8pt;
}
#contactusimage2 span, #contactusimage span
{
    color:White;
    font-weight:bold;
    font-style:italic;
    font-size:8pt;
}
#contactusimage2 table, #contactusimage table
{
    margin-top:8px;   
}
#contactusimage a, #contactusimage2 a
{
    color:White;
}
#contactusform
{
    float:right;
    width:590px;
    padding-top:20px;
    font-weight:bold;
}
#contactusform b
{
    color:Red;
    font-weight:normal;
}
#contactform input
{
    width:180px;
    float:right;
}
#contactform textarea
{
    width:180px;
    font-family:Arial;
    font-size:8pt;
}
#contactform td
{
    width:180px;
    vertical-align:top;
    padding:2px 2px 2px 2px;
}
h5
{
    margin:13px 0px 5px 3px;
    padding:0;
    font-weight:normal;
    color:#FBE96B;
    font-size:11pt; 
}
#contacterror
{
    margin-top:20px;
    background:url(Images/red_no.png) no-repeat;
    background-position:left 2px;
    padding-left:26px;
    color:Red;
    line-height:19px;
    font-weight:normal;
}
#recipeimage
{
    width:180px;
    float:left;
    margin-top:30px;
}
#recipe
{
    float:right;
    width:590px;
    margin-top:30px;
    font-size:8pt;
}
.ddlrecipe
{
    width:600px;   
}
#loader
{
    border:solid 1px #246271;
    position:absolute;
    color:#246271;
    font-weight:bold;
    top:225px;
    left:225px;
    padding:10px 10px 15px 50px;
    background:url(Images/loading.gif) no-repeat;
    background-position:10px 10px;
}
#loader2
{
    border:solid 1px #246271;
    position:absolute;
    color:#246271;
    font-weight:bold;
    top:225px;
    left:225px;
    padding:10px 10px 15px 50px;
    background:url(Images/loading.gif) no-repeat;
    background-position:10px 10px;
}
#recipetitle
{
    border-bottom:solid 2px #246271;
    width:100%;
    color:#246271;
    padding-bottom:2px;
}
.ingleft
{
    width:290px;
    float:left;
    margin-right:10px;
}
.ingright
{
    width:290px;
    float:right;
}
.ingleft div, .ingright div
{
    padding:2px 2px 4px 15px;
    background:url(Images/smallgoldtick.png) no-repeat;
    background-position:left 4px;
}
h4
{
    color:#246271;
    font-size:8pt;
    font-weight:normal;
    margin-top:10px;
}
h3
{
    color:#246271;
    font-size:11pt;
    font-weight:normal;
    margin-top:10px;
    margin-bottom:0;
    font-weight:bold;
}
h2
{
    color:#246271;
    font-size:10pt;
    font-weight:normal;
    margin-bottom:5px;
    font-weight:bold;
    border-bottom:solid 2px #246271;
}
#shucking
{
    margin-top:15px;    
}
#shucking img
{
    float:left; 
    margin:4px 2px 4px 2px; 
}
#environment
{
    margin-top:70px;
}
#water
{
    margin-top:30px;   
}
#processing
{
    margin-top:30px; 
}
#sustainability
{
    margin-top:30px; 
}
#distributors
{
    float:left; 
    width:200px;
    padding-top:20px; 
}
#distributorlist
{
    float:right;
    width:580px;
    padding-left:10px;
    padding-top:20px; 
}
.underlined
{
    border-bottom:solid 2px #246271;
    width:100%;
    color:#246271;
    padding-bottom:2px;
}
#distributorlist li
{
    list-style:none;
    width:100%;
    padding-bottom:15px;

}
.disttext
{
    width:420px;
    float:left;
    padding-top:5px;
    line-height:16px;
}
.distimg
{
    float:right;
    width:150px;
    padding-top:5px;
}
.distimg img
{
    width:149px;   
}
.address
{
    color:#246271;
    padding-bottom:25px;
    float:left;
    width:100%;
    line-height:16px;
    margin-top:15px;
}
.address a
{
    color:#246271;
    text-decoration:none;
}
.address a:hover
{
    color:#246271;
    text-decoration:underline;
}
#buy
{
    float:right;
    width:200px;
    margin-top:20px;
}
#cart
{
    position:absolute;
    top:10px;
    right:0;
    background:url(Images/shopping-cart.jpg) no-repeat top left;
    padding-left:40px;
}
#cart td
{
    padding:1px 3px 1px 2px;
}
#cart input 
{
    width:50px;
    height:15px;
    font-size:8pt;
}
.productholder
{
    width:590px;
    float:left;
    overflow:hidden;
}
.productspanel
{
    min-height:450px;   
}
#buytable select
{
    width:130px;
}
.txtpackaging
{
    width:128px;
}
.add
{
    text-align:right;   
}
.btnadd
{
    width:50px;
    cursor:pointer;   
}
.btncheckout
{
    width:195px; 
    cursor:pointer;     
}
#subtotal
{
    color:Red;   
}
.producttext
{
    height:125px;
    width:365px;
    float:right; 
    margin-bottom:10px;  
}
.productimg
{
    height:115px;
    width:195px;
    float:left; 
    margin-bottom:10px; 
}
.productpanel
{
    width:570px;   
}
.w200
{
    width:200px;   
}
.w50
{
    width:80px;
}
.w40
{
    width:105px;
}
td
{
    vertical-align:top;   
}
#buyonline
{
    width:580px;
    float:left;  
}
.nz
{
    font-size:10pt;
    color:Red; 
    position:absolute;
    top:42px;
    left:2px; 
    font-weight:bold;
}
#buyonlinetable
{
    border-collapse:collapse; 
    width:580px;
}
#buyonlinetable td
{
    padding:3px 5px 3px 0px;
}
#buyonlinetable th
{
    padding:2px 5px 2px 0px;
    border-bottom:solid 1px black;
}
#buyonlinetable td.bottom
{
    padding:10px 5px 3px 0px;
    border-top:solid 1px black;
}
.ddlproduct
{
    width:130px;
} 
.ddlsize
{
    width:100px;   
}
.ddlpack
{
    width:110px;
    border:solid 0px white;
}
.price
{
    width:50px;
    border:solid 0px white; 
}
.totalprice
{
    width:50px;
    border:solid 0px white; 
}
.quantity
{
    width:30px;   
}
.detailsnote
{
    color:Red;
    font-style:italic;
    width:580px;
    margin-top:10px;
}
#customerdetails
{
    width:580px;
    margin-top:15px;
    border-collapse:collapse;  
}
#customerdetails td
{   
    padding:3px;
}
#customerdetails b
{
    color:Red; 
}
.submit
{
    text-align:right;   
}
.submit input
{
    width:80px;
    margin-top:15px;  
}
.btncheckout
{
    background:#246271;
    border:solid 1px white;
    color:White;
    font-weight:bold;
    padding:3px 0px 3px 0px;
    margin:3px 0px 3px 0px;
    cursor:pointer;   
}
.btnadd
{
    background:#246271;
    border:solid 1px white;
    color:White;
    font-weight:bold;
    padding:3px 0px 3px 0px;
    margin:8px 0px 3px 0px;
    cursor:pointer;   
}
.tdcheckout
{
    text-align:right;   
}
.areacode
{
    width:40px;   
}

.submitproducts
{
    text-align:right;   
}
.submitproductbtn
{
    background:#246271;
    border:solid 1px white;
    color:White;
    font-weight:bold;
    padding:3px 0px 3px 0px;
    margin:3px 0px 3px 0px;
    cursor:pointer;   
}
.right
{
    text-align:right;
}
#finaltable th
{
    border-bottom:solid 1px black;
    padding:2px 0px 2px 0px;
}
#finaltable td
{
    padding:2px 0px 2px 0px;
}
#finaltable .bottom
{
    border-top:solid 1px black;
    text-align:right;
}
.submitsale_1
{
    background:#246271;
    border:solid 1px white;
    color:White;
    font-weight:bold;
    padding:3px 0px 3px 0px;
    margin:3px 0px 3px 0px;
    cursor:pointer;  
}
.proccessorder
{
    background:#246271;
    border:solid 1px white;
    color:White;
    font-weight:bold;
    padding:3px 0px 3px 0px;
    margin:3px 0px 3px 0px;
    cursor:pointer;
}
.redbold
{
    color:Red;
    font-weight:bold;
}
.goldticks
{
    margin:0;
    padding:0;
    width:100%;
    list-style:none;
}
.goldticks li.gtleft
{
    width:370px;
    padding-left:20px;
    margin-right:45px;
    float:left;
    height:25px;
    background:url(Images/goldtick.png) no-repeat top left;
    vertical-align:middle;
    list-style:none;
}
.goldticks li.gtright
{
    width:300px;
    padding-left:20px;
    float:left;
    height:25px;
    background:url(Images/goldtick.png) no-repeat top left;
    vertical-align:middle;
    list-style:none;
}
#cc2
{
    position:absolute;
    top:10px;
    right:2px;
}
.datereq
{
    width:80px;
}
.sunday
{
    color:Red;
    font-style:italic;   
}
#backtoproducts
{
    width:140px;
    position:absolute;
    top:12px;
    right:200px;
}

#menu2
{
    position:relative;
    background:url(Images/menubar.jpg) no-repeat top left;
    height:35px;
    width:100%;
}
#menu2 ul
{
    font-family:Arial;
    list-style:none;
    margin-left:40px;
}
#menu2 li
{
    float:left;
    padding:5px 5px 0px 5px;
    text-align:center;
    font-size:12pt;
    cursor:pointer;
    height:35px;
    margin-left:20px;
    margin-right:7px;
    cursor:pointer;
}
#menu2 li a
{
    color:black;
    text-decoration:none;
}
#menu2 li.hold
{
    background:url(Images/menuback.jpg) repeat-x top left;
    color:White;
    height:35px;
    text-decoration:none;
}
#menu2 li.hold a
{
    color:White;
    text-decoration:none;
}
#menu2 li.hover
{
    background:url(Images/menuback.jpg) repeat-x top left;
    color:White;
    height:35px;
    text-decoration:none;
}
#menu2 li.hover a
{
    color:White;
    text-decoration:none;
}
#nzsite
{
    padding-bottom:10px;
    padding-top:5px;
    height:45px;
    line-height:35px;
    font-weight:normal;
    font-size:7pt;
}
#intsite
{
    padding-bottom:10px;
    padding-top:3px;
    height:45px;
    line-height:35px;
    font-weight:normal;
    font-size:7pt;
}
#video
{
    width:500px;
    padding:2px 2px 2px 0px;
    float:left;   
}
#videolist
{
    width:280px;
    padding:2px 2px 0px 2px;
    float:right;
    height:295px;
    overflow-y:scroll;
    cursor:pointer;
}
.videothumb
{
    float:left;
    width:75px;
    padding:2px; 
}
.videothumb img
{
    border:solid 1px black;   
}
.videotext
{
    float:right;
    width:173px;
    padding-left:8px;  
}
.videotext strong
{
    color:#246271; 
}
#videolist .vidhover
{
    background:#246271;
    color:White;
}
.vidhover .videotext strong
{
    color:white; 
}
#caption
{
    width:500px;
    text-align:center;
}















/* Clearfix (fixes problems with items displaying outside their
  containers if they have a css float property.) */

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