/* MAIN.CSS

Author:  	Gary Benner
Date:		9 August 2008

Purpose:	Main CSS file for Onion Skin Advertising
*/


p, body, td, th, fieldset,label  {
font-family: verdana,tahoma arial, sans serif;
font-weight:normal;
font-size: 10pt;
font-style:normal;
color: black;
}

body {
margin: 0px;
padding: 0px;
background:white;

}

p {
color : #444444;
}

h1 {
font-family:verdana,arial;
text-align: left;
color: #663366;
font-weight: bold;
}



h2 {
font-family:verdana,arial;
text-align: left;
color: #AA7D47;
font-weight: normal;
}

h3 {
text-align: left;
color: #003957;
font-weight: bold;
}

h4 {
text-align: left;
color: #881536;
font-weight: bold;
font-size:10pt;
margin-bottom:2px;
}

.bold {
font-weight:bold;
}

.small {
  font-size:0.7em;
}

.red {
  color:red;
}

.smaller {
font-size:0.8em;
}


.inputcontrol {
background-color: #ffffcc;
color:maroon;
position:absolute;
left: 400px;
width: 250px;
}

.inputcontrolsmall {
background-color: #ffffcc;
color:maroon;
position:absolute;
left: 400px;
width: 150px;
}


.cinputcontrol {
background-color: #ccffcc;
color:navy;
position:absolute;
left: 400px;
width: 250px;
}



.smalltext {
font-size:7pt;
}



/* LAYOUTS  */

.center {
text-align:center;
}

#top {
left:0px;
margin: 0px;
padding: 0px;
background: #F0F0F0;
height:140px;
}

#toptop {
background-color: white;
height:60px;
width:100%;
}

#topbottom {
background: #F0F0F0;
height:80px;
width:100%;
}

#logo {
position: absolute;
left: 15px;
top: 5px;
border:solid 0px green;

}

#nzlogo {
position: absolute;
left: 35px;
top: 650px;
border:solid 0px green;

}

#oldschool {
position: absolute;
right: 165px;
top: 5px;
border:solid 0px green;

}



#logoright {
position: absolute;
right: 30px;
top: 3px;
}

#logoquote {
position: absolute;
right: 50px;
top: 66px;
}

#left {
position: absolute;
left: 0px;
top: 140px;
width: 220px;
background: #F0F0F0;
margin-left: 0px;
padding: 0px;
height:800px;

}

#center {
background: white;
margin-top: 0px;
margin-left: 220px;
margin-right: 50px;
padding: 0 0 0 10px;
height: auto;
}

#centerbody {
background: white;
padding: 0px 5px;
}



#navbar {
position: absolute;
top: 126px;
left: 250px;
margin: 0px;
padding: 0px;
background: #E5D7F7;
height:28px;
}

#navbar az {

text-decoration:none;
font-family: arial;
font-size:11pt;
color: navy;
font-style:normal;
font-weight:bold;
border-style: solid;
border-color: #ccc;
border-width:1px;
background: #ccc;
padding:3px;
}


#navbar xa:hover {
border-style: solid;
border-color: maroon;
border-width:1px;
background: #ddd;
}

#navbar aa:visited {
color: navy;

}
#navbar aa:link {
color: navy;
}


#nlines {
position: absolute;
background-image: url('/images/lines2.gif'); 
height:10px;
width:100%;
left: 0px;
top: 100px;
}





#footer {
background: white;  
margin-top: 10px;
margin-left: 90px;
margin-right: 100px;
margin-bottom: 10px;
padding: 2px;
height: 14px;
text-align:center;
font-size:8pt;

/*  min-height:1600px; */
}



#right {
position: absolute;
right: 10px;
top: 240px;
width: 153px;
background: #293E41;
margin-right: 10px;
padding: 10px;

}


#frontright {
float:right;
width:100px;
height:auto;
margin-left:10px;
}

#bottles {
position: absolute;
left: 320px;
top: 2px;
display:none;
}


#squares {
position: absolute;
left: 125px;;
top: 180px;
display:none;
}


#vineyardleft {
/* float:left; */
width:70%;
padding:10px;
background: white;
}

#vineyardright {
 float:right; 
width:20%;
background: white;
padding:10px;
}

#vineyardleftsmall {
float:left;
width:50%;
padding:5px;
background: white;
}

#vineyardrightlarge {
float:left;
width:50%;
background: white;
padding:5px;
}


.menuitem {
position: absolute;
}

.menuitem:hover {
border-style: solid;
border-color: gray;
border-width:1px;
}


#home {
left: 120px;
}
#aboutus {
left: 220px;
}

#contactus {
left: 350px;
}

#ourwines {
left: 490px;
}
#buywine {
left: 640px;
}


#vineyards {
left: 220px;
}



.menuarea {
background-color:white;
padding: 0;
margin: 0;
}

.menuarea a {
text-decoration:none;
}

ul .page_item {

	margin-left: 10px;
	margin-top: 2px;
	padding: 0;

	}

/*- Main Menu in Header */

ul.menu {
padding: 0px !important;
bottom: auto;
width: 164px;
margin-left: 17px;
_margin-left: 8px;
_padding-left: 1px;
text-transform:uppercase;
font-weight:bold;
}

ul.menu li.register {
  margin-top: 0px;
  padding-top: 0px;
  margin-bottom: 15px;
  display: block;
  }

ul.menu li.register div {
 background-color: #5eb8e3; 
 text-transform:none;
 color: #000000;
 font-size: 8pt;
 font-weight: normal;
 width: 162px;
 margin-top: 0px;
 margin-bottom: 15px;
 padding: 0px !important;
 display: block;
 position: relative;
/*  padding-bottom: 15px; */
 }

ul.menu li.register div form {
 padding-top: 5px;
 padding-left: 6px;
 padding-right: 5px;
 width: 148px;
 display: block;
 }

ul.menu li.register div p {
 padding-right: 0px;
 padding-left: 6px;
 width: 138px;
 }

ul.menu li.register div form{
  margin-top: 0px;
  padding-top: 0px;
  }

ul.menu li.register div form input.emailaddress{
  margin-left: 0px;
  padding-top: 0px;
  width: 134px;
  }

ul.menu li.register div form input.subscribe{
  float: right;
  margin-top: -5px;
  }

ul.menu li.register div img.base_image{
  display: block;
  left: 0px;
  bottom: 0px;
  margin: 0px;
  }

ul.menu li {
margin:0px !important;
float:none;
display:block;
height:auto;
display:inline;
}

ul.menu li a {
float:none;
display:block;
width:auto;
background:none;
font-size:1em;
color:#444;
margin:7px;
padding:7px;
}

ul.menu li a:hover {
background:none;
color:#29A9A9 !important;
}

ul.menu li strong{
float:none;
display:block;
width:auto;
background:none;
font-size:1em;
color:#444;
margin:7px;
padding:7px;
}

ul.menu li input{
display:block;
color:#444;
margin:7px;
margin-left: 14px;
}

ul.menu li.current_page_item a {
color:#fff !important;
background:#5EB8E3;
}

ul.menu li.current_page_item a:hover {
color:#fff !important;
background:#5EB8E3;
}

.roundedcornr_box_310901 {
   background: #ffffff;
}
.roundedcornr_top_310901 div {
   background: url(/images/roundedcornr_310901_tl.png) no-repeat top left;
}
.roundedcornr_top_310901 {
   background: url(/images/roundedcornr_310901_tr.png) no-repeat top right;
}
.roundedcornr_bottom_310901 div {
   background: url(/images/roundedcornr_310901_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_310901 {
   background: url(/images/roundedcornr_310901_br.png) no-repeat bottom right;
}

.roundedcornr_top_310901 div, .roundedcornr_top_310901, 
.roundedcornr_bottom_310901 div, .roundedcornr_bottom_310901 {
   width: 100%;
   height: 30px; 
   font-size: 1px;
}
.roundedcornr_content_310901 { 
  margin: 0 30px; 
 min-height:800px;   
  }


#login {
position: absolute;
left: 200px;
top: 100px;
border-style:solid;
border-width: 1px;
border-color:lightgray;
padding:30px;
background-color:gray;
height:auto;
color:white;
}

#admin {
position: absolute;
left: 200px;
top: 100px;
width:400px;
border-style:solid;
border-width: 1px;
border-color:white;
padding:30px;
background-color:#f0f0f0;

}

#admin h1 {
color:silver;
}

#admin a:link,a:visited {
color:maroon;
}


#adminfrontpage {
position: absolute;
left: 100px;
top: 100px;
width: 800px;
border-style:solid;
border-width: 1px;
border-color:lightgray;
padding:5px;

}

#adminfrontpage h1 {
color:navy;
}

#locationleft {
float:left;
width:200px;
height:auto;
min-height:600px;
background-color:#f0f0f0;
}

#locationright {
float:left;
width:700px;
height:auto;
min-height:600px;
background-color:#d0d0d0;
padding:0 10px 0 10px;
}



#gallery {
position: absolute;
left: 200px;
top: 100px;
width:400px;
border-style:solid;
border-width: 1px;
border-color:lightgray;
padding:30px;
background-color:#f0f0f0;
}

#gallery h1{
color:silver;
}
#gallery h2,
#gallery h3 {
color:maroon;
}



.bigphoto {
width:500px;
}

.smallphoto {
width:202px;
margin-top:10px;
}

#right-photo-block {
border-style:none;
border-width:1px;
width:222px;
padding:10px;
padding-bottom:20px;

background-image:url(../images/grad-2.gif);
}


a:link {
 color:#AA7D47;
}

a:visited {
 color:#AA7D47;
}


.winesmenu {
background-color:#f0f0f0;
padding:4px;
}

#accordion {
position:relative;
left: 15px;
width:200px;
}

.withEditor {
width:700px;
}

.calendarDay {
 height: 50px;
 width: 100px;
 font-size:10pt;
 font-weight:bold;
 color:gray;
 
}
.calendarDayBlank {
 height: 50px;
 width: 100px;
 background:lightgray;
}

.calendarDOW {
 height: 25px;
background-image:url(../images/gradgreen.jpg);
}

.bookingday {
float:left;
height:50px;
}

.availability {
  color:red;
}

.tableheader th {
 height: 25px;
 background-image:url(../images/gradgreen.jpg);
}

.tableheader td {
text-align:center;
}

.tableheader a {
text-decoration:none;
}


#customdata {
text-align:center;
}