@charset "utf-8";

@font-face {
    font-family: 'WindsongRegular';
    src: url('/asset/fonts/windsong/windsong-webfont.eot');
    src: local('☺'), url('/asset/fonts/windsong/windsong-webfont.woff') format('woff'), url('/asset/fonts/windsong/windsong-webfont.ttf') format('truetype'), url('/asset/fonts/windsong/windsong-webfont.svg#webfontQfgZA434') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*
 * Default formatting
 */
body { margin:0; padding: 0; position: relative; }
html {
    width: 100%;
    margin: 0px 0px;
   /* background: url(/asset/images/page_repeat_x.jpg) repeat-x center bottom #E0B378; */
    background: #E8C186; 
}

body
{
    font: 62.5% Geneva, Arial, Helvetica, sans-serif;
    color: black;
    background: url(/asset/images/background.jpg) no-repeat center bottom #71B2E8; 
}

h1, h2, h3, h4, h5, h6, h7, p
{
    margin: 0px;
    padding: 5px 0px;
   
}

h1
{
    color: #444;
    font-size: 38px; 
    line-height: 30px;
    padding-top:5px;
    margin-top:5px;
    font-family: 'WindsongRegular';
    font-weight: normal;
    font-style: normal;
    line-height:normal;
    margin: 0px;  
    padding: 0;  
}
body .product h1 { 
 margin-bottom:-8px;
}

h2
{
    font-size: 1.4em;
    color: #999;
    font-weight: bold;
}

    h2 a {
        color: #999;
    }
    
    h2 a:hover {
        color: #666;
    }
 
.windsong {
    font-weight: normal;
    font-style: normal;
    line-height:normal;
    font-family: 'WindsongRegular', sans-serif;
    font-size-adjust: 0.2;	
}
a
{
    color: #CBAB60;
    text-decoration: underline;
}

a:hover
{
    color: #BC1334;
    text-decoration: underline;
}

img
{
    border: 0px;
}

.left
{
    float: left;
}

.right
{
    float: right;
}

.frame
{
    border: 2px solid #999;
    margin: 5px 10px;
}

.icon {
    background-color: #999;
}

/*
 * Styling and page layout
 */
#headImgWrap {  background: url(/asset/images/header_bg_repeat.jpg) repeat-x center top; height: 249px; z-index:1;  top:0; left:0; position: absolute; width: 100%;  }
#headImg {  background: url(/asset/images/header.jpg) no-repeat center top; height: 249px; width: 100%; }

#footerImgWrap {   background: url(/asset/images/footer_repeat.jpg) repeat-x center top; height: 71px; z-index:1; position: absolute; bottom:0; width: 100%;   }
#footerImg { background: url(/asset/images/footer_center_img.jpg) no-repeat center top;  height: 71px; width: 100%; }

#wrapper {
	width: 900px;
	margin: 0 auto;
	min-height: 744px;
	height: auto !important;
	height: 744px;
	z-index:10; 
	position: relative;
}

#page { position: relative; }
#pageTop { background: url(/asset/images/page_top.png) no-repeat center top; height: 40px; }
#pageMiddle { 
	background: url(/asset/images/page_repeat.png) repeat-y center top; 
	padding-top: 0px; 
	z-index: 100; 
	#overflow: hidden; 
	padding-left: 47px;
    padding-right: 13px;
}
#mainContent{ #min-height: 208px; }
#pageBottom { background: url(/asset/images/page_bottom.png) no-repeat center top; height: 50px;  }
#pageMiddle div#mainContent {  overflow: hidden;  }
 div.content {  font-size:12px;   #position: relative; #zoom: 1; }
 
 #pageBottom { text-align: right; }
 #pageBottom p { margin-right: 70px; color: #868279; }
  #pageBottom a { color: #868279; }
#bottles { 
    bottom: -21px;
    left: 69px;
    position: absolute;
}

#pohutukawa { 
	 background: url(/asset/images/pohutu.png) no-repeat center top; 
	 height: 125px;
	 width: 123px;
	 position: absolute;
	 top:20px;
	 right: 0;
}
#header {
    position: relative;
    margin: 0px auto;
    margin: 0px auto;
    height:188px;
}

    #logo {
	    left: 48px;
	    position: absolute;
	    top: 68px;
	    z-index: 100;
    }
    
    #slogan {
        position: absolute;
        left: 150px;
        top: 60px;
        font-size: 1.8em;
        color: #f0f0f0;
    }
    
    #navigation {
        position: absolute;
        right: 10px;
        top:120px;
        font-size: 1.1em;
        color: #fff;
	    right: 51px;
	    top: 169px;
	    width: 576px;
	    z-index: 40;
        background: url(/asset/images/nav_bg.png) no-repeat top right;
        height: 42px;
    }
        

        #navigation ul, #navigation ul li {
            padding: 0px;
            margin: 0px;
            list-style: none;
        }
        #nav { float: right; }
        
        #navigation ul li {
            display: block;
            float: left;
            line-height: 20px;
            height: 20px;
            margin: 0px 0px 0px 4px;
            margin-top: 1px;
        }
        
        #navigation ul li a {
            display: block;
            padding: 0px 6px;
            margin: 0px 0px;
            color: #FFF;
            text-decoration: none;
            border-right: 1px solid #cfbc8a;
            text-transform: uppercase;
        }
        
        #navigation ul li.hover, #navigation ul li:hover {
        }
        
        #navigation ul li.hover a, #navigation ul li:hover a {
            text-decoration: none;
            color: black;
        }
        
        #navigation ul li.active {
            background: url(/asset/images/active_left.png) no-repeat top left;
            padding: 0 0 0 8px;
            margin-top: -5px;
            height: 30px;
            margin-left: 0;
        }
        
        #navigation ul li.active a {
            color: #FFF;
            background: url(/asset/images/active_right.png) no-repeat top right;
            height: 30px;
            border: none;
            line-height: 30px;
            padding-left: 0;
        }
        #navigation ul li#nav_node1 { }
        #navigation ul li#nav_node10 {margin-right:0px;   } 
        #navigation ul li#nav_node10 a { border-right: 0; }
        #navigation ul li#nav_node10.active a, #navigation ul li#nav_node10.active  {
            height: 40px;
        }
       

#page {
    position: relative;
    z-index: 50;
    padding-bottom: 190px;
}
    


body.home div.contentLeft { width: 367px; padding-left: 30px; float: left; }
body.home div.contentRight { width: 420px; float: right; }

div.homeBlock { position: relative; overflow: hidden; margin-bottom: 10px;  margin-right: 39px; }
div.homeBlock img { float: left; }
div.homeBlock h3 { 
	position: absolute; 
	bottom: 0; 
	left:0;  
	background: url(/asset/images/tint_30.png); 
	width: 100%;
}
div.homeBlock h3 a { 
	margin-left:158px; 
	display:inline-block;
	background: url(/asset/images/arrows.gif) no-repeat right ;
	font-weight: normal; 
	color: #4d4d4d;
	padding-right: 25px;
	text-decoration: none;
	font-size: 16px;
}
div.homeBlock div.blurb { position: absolute;bottom: 0px; margin-bottom: 25px; left:155px; width: 170px; }

body.content #mainContent div.content,
body.order_checkout #mainContent div.content,
body.order_view #mainContent div.content,
body.contact-us #mainContent div.content,
body.news_root #mainContent div.content,
body.news #mainContent div.content { padding: 0px 100px 10px 30px; line-height: 130%; }
body.home #mainContent div.content  { padding: 0; }

.hardLeft { text-align: left; margin: 10px 0 10px -29px; }
.leftCol { padding-right: 20px; width:50%; }

#stockists { width: 658px; border: 1px solid #B49265; border-top:0; }
#stockists h2 {
	cursor: pointer;
	background: url(/asset/images/arrow-square.gif) right -51px #E1E1E1 no-repeat;
    padding: 7px 15px;
    color: #282425;
    font-weight: normal;
    border-top:1px solid #B49265; 
}
#stockists ul { display: none; background: #EFEFEF; margin: 0; padding:10px 10px 10px 40px; }
#stockists h2:hover {
    background-color: #BC1334;
    color: #FFF;
}
#stockists h2.active {
    background-position: right 5px;
}




/*
 * Search Page
 */

#search-results {
    
}
    #search-results FORM {
        font-weight: bold;
    }
    
    #search-results DIV {
        padding: 10px 10px 10px 10px;
        border-top: 1px solid #BBBBBB;
        border-bottom: 1px solid #BBBBBB;
        margin: 10px 0px 10px 0px;
        background-color: #EEEEEE;
    }
    
    #search-results DIV SPAN.keyword {
        font-style: italic; 
    }
    
    #search-results UL LI P {
        padding-left: 10px;
    }
    
    ul.search span.keyword {
        background-color: #FFFFAA;
    }
    




#progress-buttons, .product-summary {
    width: 100%;    
}
#order-steps .step { width: 170px; }

.product-summary thead th { color: #282425; background: #E1E1E1; }
#order-steps .step.past, #order-steps .step.current { background: #BC1334; }
.product-summary td, .product-summary th { border-color: #9C884B; }
#order-steps .step .num { background:#D2C097; color: #fff; }

#order-steps .step { background: #E1E1E1;  color: #282425; }

.order-button.dark { background: #7F7777; color: white; border-color: #7F7777; }
.order-button.dark:hover { border-color: #000; }
.order-button.light {color: #282425; background:#D2C097; border-color: #D2C097; }
.order-button.light:hover { border-color: #000; }
#checkoutForm fieldset { width: 100%; }

#checkoutForm fieldset legend { color: #282425; background: #E1E1E1; }
#checkoutForm { width: 100%; }
#checkoutForm input, #checkoutForm select {
    margin: 0;
    padding: 3px;
    width: 200px;
}
body form#checkoutForm dl.zend_form {  width: 100%; }
#checkoutForm #fieldset-personaldetails  legend { padding-right:0; width: 700px; }

#checkoutForm #fieldset-billingaddress, 
#checkoutForm #fieldset-deliveryaddress {
	width: 334px;
}

#checkoutForm #useMailing-label {
    position: absolute; float: none; margin: 0; width: auto;
    left: 159px;
    clear: none;
}

#useMailing-element, #useMailing { position: absolute; float: none; margin: 0; left: 3px; }
#checkoutForm #useMailing-label, #checkoutForm #useMailing-element { margin: 0; }
#fieldset-deliveryaddress dl { margin-left: 13px; }
#fieldset-deliveryaddress { position: relative; }

#checkoutForm label {
     color: #282425;
}
#checkoutForm label .description {
    color: #D2C097;
}

form#checkoutForm  dl.zend_form dd ul.errors  {
    padding-top: 3px;
}

#checkoutForm #usePostal-label {
    width: 182px;
}

#submit {
	border:none; 
    background: #BC1334;
    color: #FFF;
    cursor: pointer;
    font: bold 12px arial,helvetica,sans-serif;
    margin: 2px 0 2px 4px;
    overflow: visible;
    padding: 3px 8px;
    text-transform: capitalize;
    white-space: nowrap;
    width: auto;
}


/* Cart box */
#cartbox {
    position: absolute;
    top: 0px;
    right: 150px;
    z-index: 10000;
}


#cartbox { width: 172px; height:85px; background:url(/asset/images/cart_bg.png) no-repeat top center; text-align: center; color: #F0CA8C; }
#cartbox .heading { color: #BB1333;  font-family:Georgia, "Times New Roman", Times, serif; font-size: 17px; font-weight: bold; margin-top: 2px;}
#cartbox .details { font-size: 13px; color: #666666; padding-top: 7px; padding-bottom:7px; text-align: center; }
#cartbox .checkout { margin-left:24px; }
#cartbox  a, #cart-reminder a{ 
	width: 60px; 
	height: 20px; 
	background: url(/asset/images/cart_button_bg.png) top left no-repeat; 
	display: block; 
	text-decoration: none;
	color: white;
	font-size: 12px;
	line-height: 17px;
	float: left; 
	margin-right: 5px;
	text-align: center;
}


        #cart-reminder {
            display: none;
            padding: 15px 0;
        }
        #cart-reminder h2 { font-weight: normal; color: #282425; }
        #cart-reminder a { text-align: center; float: none; display: inline-block; margin: 0 15px;  }
        
/* News */
div.news-item { 
	overflow: hidden; 
    border-bottom: 1px solid #9C884B;
    margin-bottom: 20px;
    padding-bottom: 10px;
    padding-left: 10px;
}
div.news-item h2 a, #newsIndex h2 {
    color: #282425;
    font-weight: normal;
    text-decoration: none;
    display: block;
}
#newsIndex h1 { margin-bottom:-15px; }
p.newsDate { font-size: 12px; font-style: italic; }
div.news-item h2 a:hover {
    text-decoration: underline;
}
div.news-item.hover {
    background: #EFEFEF;
    cursor: pointer;
}
div.news-item.hover h2 a { text-decoration: underline; }
div.news-item.hover .readMore a { color:#BC1334; }
/*
 * Hax (don't look here)
 */
 
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}