@charset "utf-8";

/* 
 CSS stylesheet document for Mediterranean Market website revamp (www.mediterranean.co.nz) 
 version: 30-may-2011
 author: Shop Maker Ltd. <akira@shopmaker.co.nz>
*/


/*
 .:.:.:.:.:.: Contents :.:.:.:.:.:.
 
 1. general items
 2. structural items
 3. header items
 4. navigation bar items
 5. main content items
 6. footer items
 7. form items
 8. link items

 note:
 22 july 2010 - cakes page items added
  23 September 2010 - catering section item added
  30 may 2011 - added a img to hide border-bttom on linked images
  01 dec 2011 - added #cooking-class id

*/


/* 0. load fonts
:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:*/
@import url('https://fonts.googleapis.com/css?family=Shadows+Into+Light+Two');

@font-face{
 font-family:theserif;
 src:url(/templates/mediterranean_market/fonts/theserifplain-semibold.woff);
}
@font-face{
 font-family:facebolf;
 src:url(/templates/mediterranean_market/fonts/facebolf.woff);
}


/* 1. general items
:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:*/
*{
 font-family:"Century Gothic",Verdana,Geneva,sans-serif;
 font-size:14px;
 text-align:left;
 margin:0;
 padding:0;
 border:0;
}

body#medmart{
 text-align:center;
 margin:20px 0 0 0;
 padding:0;
}

#medmart{
 color:#555555;
}

#medmart ul, #medmart ol{
 margin-left:10px;
 list-style:none;
}

#medmart li{
 font-family:"Century Gothic",Verdana,Geneva,sans-serif;
 font-size:14px;
 line-height:130%;
 padding-left:10px;
 background:transparent url(/images/bullet-point.gif) 0 7px no-repeat;
}

#medmart u{
 text-decoration:none;
}



/* 2. structural items
:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:*/
#medmart #wrapper{
 margin-top:20px;
}

#medmart #main-wrapper{
 width:950px;
 margin:0 auto;
}

#medmart #container{
 width:100%;
}

#medmart #foot-wrapper{
 width:100%;
 text-align:center;
 background:transparent url(/templates/mediterranean_market/images/wood-bg.jpg) 0 0 repeat;
 clear:both;
}



/* 3. header items
:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:*/
#medmart #header{
 width:100%;
 border-bottom:1px dotted #555555;
}

#medmart #rf-header{
 width:100%;
 height:135px;
}

#medmart #rf-header-logo{
 float:left;
 text-align:center;
 height:100%;
}

#medmart #rf-header-tagline{
 float:right;
 height:100%;
}

#medmart #rf-header-tagline img{
 margin-top:80px;
}

#medmart div#header-rf-logo{
 float:left;
 text-align:center;
}
#medmart div#header-rf-logo img#logo-raeward-fresh{
 margin:12px 0 0 20px;
}
#medmart div#header-rf-logo img#logo-queenstown{
 margin:0 0 0 70px;
}

#medmart div#header-rf-tagline{
 float:right;
}
#medmart div#header-rf-tagline img{
 margin:40px 20px 0 0;
}

#medmart #medmart-logo{
 width:228px;
 height:115px;
 text-indent:-9999px;
 background:transparent url(/images/new-template/queenstown-gourmet-supermarket.png) 0 0 no-repeat;
 float:left;
}

#medmart #raeward-logo{
 width:275px;
 height:86px;
 text-indent:-9999px;
 background:transparent url(/templates/mediterranean_market/images/raeward-fresh.png) 0 0 no-repeat;
 float:left;
}

#medmart #medmart-tagline{
 width:600px;
 font-size:36px;
 text-align:right;
 text-transform:lowercase;
 color:#551800;
 margin:50px 20px 0 0;
 float:right;
}

#medmart #medmart-slideshow{
 padding:20px 0;
 clear:both;
}

#medmart #galleria > div > div.galleria-bar{
 bottom:30px;
 opacity:.8;
}



/* 3.b. new banner items
:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:*/
#new-banner-wrapper{
 margin:10px 0;
}

.new-banners{
 float:left;
 margin-left:25px;
}

.new-banners:first-child{
 margin-left:0;
}

.new-banners:hover{
 opacity:.9;
 transition:200ms;
}



/* 4. navigation bar items
:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:*/
#medmart #navbar{
 width:170px;
 height:100%;
 padding-bottom:90px;
 vertical-align:top;
}

#medmart #navbar #navbody{
 padding-bottom:20px;
}

#medmart #navbar #navbody td{
 padding-top:15px;
}

#medmart #navbar #navbody .subnav{
 color:#9f633e;
 margin:10px 0 0 10px;
}

#medmart #navbar .mainlevel{
 font-size:15px;
 font-weight:normal;
 text-transform:lowercase;
 padding:10px 0;
}

#medmart #navbar .sublevel{
 color:#9f633e;
 font-size:15px;
 font-weight:normal;
 text-transform:lowercase;
  background:transparent url(/images/subnav-bullet.gif) 0 10px no-repeat;
  padding-left:7px;
}

#medmart #facebook{
 font:normal 21px "facebolf", serif;
}



/* 5. main content items
:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:*/
#medmart h2#home-bigtitle{
 font-size:32px;
 display:inline;
}

#medmart h4#home-tagline{
 font:italic normal 24px "Shadows Into Light Two", cursive;
 margin:0 0 0 10px;
 display:inline;
}

#medmart h4#home-tagline:before{
 content:" - ";
}

#medmart #mainbody{
 width:750px;
 padding-left:20px;
 padding-bottom:20px;
 vertical-align:top;
 border-left:1px dotted #555555;
}

#medmart #mainbody img{
 margin-right:5px;
}

#medmart #mainbody ul{
 margin-top:0;
 margin-bottom:15px;
}

#medmart #mainbody #toppage-header{
 margin:10px 0 25px 0;
 font-size:38px;
 font-weight:normal;
 text-transform:lowercase;
}

#medmart #mainbody .contentpaneopen p{
 margin:0 0 20px 0;
 line-height:170%;
}

#medmart .section-header, #medmart .section-header a, #medmart h2{
 font:bold 28px/1.1em "theserif",serif;
 margin-bottom:5px;
 text-decoration:none;
 border-bottom:none;
}

#medmart h2{
 margin-top:10px;
 margin-bottom:10px;
}

#medmart h1.top-page, #medmart h2.top-page, #medmart h3.top-page, #medmart h4.top-page, #medmart h5.top-page, #medmart h6.top-page, 
#medmart h1.top-page a, #medmart h2.top-page a, #medmart h3.top-page a, #medmart h4.top-page a, #medmart h5.top-page a, #medmart h6.top-page a{
 font:bold 28px/1.1em "theserif",serif;
 margin:5px 0;
 text-decoration:none;
 border-bottom: none;
}

#medmart .section-header u{
 font-size:18px;
 margin-bottom:5px;
}

#medmart .catering-header{
 margin:10px 0 15px 0;
 font-size:26px;
 font-weight:normal;
 text-transform:lowercase;
}

#medmart p.gift-baskets{
 min-height:185px;
}

#medmart .gift-baskets img{
 margin-right:25px;
}

#medmart #table-cakes{
 width:90%;
}

#medmart #table-cakes td{
 height:20px;
}

#medmart #table-cakes .td1{
 width:60%;
}

#medmart #table-cakes .td2{
 width:15%;
}

#medmart #table-cakes .td3{
 width:15%;
}

#medmart #table-cakes .size-separation{
 padding-bottom:15px;
}

#medmart #table-cakes .table-header{
 font-size:14px;
 padding-bottom:10px;
}

#medmart #table-cakes .section-header{
 padding-top:25px;
 padding-bottom:25px;
}

#medmart #table-cakes .note-cakes{
 padding-top:20px;
}

#medmart #cooking-class{
 color:#fff;
 background-color:#02030a;
 margin-top:20px;
}

#medmart #cooking-class p{
 color:#fff;
 margin:0;
 padding:2px 20px;
}

#medmart .cake-wrapper{width:100%;}
#medmart .cake-wrapper p{text-align:center;margin:8px 0 5px !important;}
#medmart .cake-left{float:left;width:49%;}
#medmart .cake-right{float:right;width:49%;}
#medmart .clear{clear:both;border-top:2px solid #efefef;}
#medmart .cake-left img,.cake-right img{max-width:95%;max-height:400px;box-shadow:0px 0px 10px #333;}
#medmart .cake-left img.no-shadow,.cake-right img.no-shadow{box-shadow:none;margin-top:10px;}


/* 6. footer items
:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:*/
#medmart #foot-wrapper #footer{
 width:950px;
 margin:0 auto;
 padding:30px 0 20px 0;
}

#medmart #foot-wrapper *{
 font-weight:bold;
 color:#000;
 line-height:210%;
 text-align:center;
}

#medmart #foot-wrapper strong{
 font-weight:bold;
}

#medmart #foot-wrapper h3{
 font-size:18px;
 font-weight:bold;
}

#medmart #foot-wrapper #footer-phone{
 margin-left:20px;
}

#medmart #foot-wrapper #footer-fax, #medmart #foot-wrapper #footer-email{
 margin-left:10px;
}

#medmart #foot-wrapper #footer-joomla{
 font-size:10px;
 margin-top:30px;
}

#medmart #foot-wrapper #footer-admin{
 font-size:10px;
  margin-top:30px;
}

#medmart #foot-wrapper .footer-admin-separator{
 margin:0 20px;
}

#medmart #foot-wrapper .sm{
 font-weight:normal;
}



/* 7. form items
:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:*/
#medmart-club-form{
 width:100%;
}

#signup-form table{
 width:100%;
}

#signup-form .form-title{
 color:#555555;
 width:20%;
 padding-top:10px;
 text-align:right;
 vertical-align:top;
}

#signup-form .form-item{
 color:#555555;
 line-height:180%;
 width:80%;
 text-align:left;
 padding:8px 0 0 10px;
}

#signup-form .text-box{
 font-family:"Century Gothic",Verdana,Geneva,sans-serif;
 color:#555555;
 border:1px solid #555555;
}

#signup-form #spam-code{
 border:1px dotted #555555;
}

#signup-form .buttons{
 color:#fff;
 margin-top:15px;
 padding:5px 10px;
 background-color:#555555;
 cursor:pointer;
}



/* 8. link items
:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:*/
#medmart a{
 color:#555555;
 text-decoration:none;
 border-bottom:1px dotted #555555;
}

#medmart a:hover{
 color:#900;
 border-bottom:1px solid #900;
}

#medmart a img{
 margin-bottom:-6px;
 border-bottom:1px solid #fff;
}

#medmart a.no-border{
 border-bottom:none;
}


#medmart #navbar a, #medmart .new-banners a{
 border-bottom:none;
}

#medmart #navbar a:hover{
 border-bottom:none;
 color:#666;
}

#medmart #foot-wrapper a{
 color:#000;
 border-bottom:none;
}

#medmart #foot-wrapper a:hover{
 color:#333;
 border-bottom:none;
}

#medmart #foot-wrapper #footer-admin a, #medmart #foot-wrapper #footer-joomla a{
}

#medmart #navbar a[href="http://raewardfreshqueenstown.co.nz/index.php?option=com_content&task=view&id=77&Itemid=150"]{
 font-weight:bold;
}

img{
 border:none;
}

.theserif{
 font:normal 15px "theserif",serif;
}




/* 99. disabled items
:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:-:*/
.buttonheading, .contentauthor, .createdate, .contentheading, .modifydate, .back_button{
 display:none;
}