/*
 * main.css
 * Author: Gary Benner
 * 
 */


/* default */




body {
	font-family:arial,helvetica,sans serif;
	font-size:10pt;
	background:#E6E4D8;
	padding:0;
	margin:0;
}


/* Fonts and stuff */

h1, h2 {
  color:#888888;
}

h3 {
  background-color:#DBDBDB;
  color:white;
  padding:2px;
}

.paddedtext {
	padding: 0 10px 0 10px;
}

.highlight {
	color:red;
	font-size:1.2em;
}

.center {
  text-align:center;	
}

.inverse {
	color:white;
	font-weight:bold;
	background:black;
}

.special {
	margin: 0 10px;
	background-color:#f8f8f8;
}

.bodytext, .cartbody {
	background-color:#FFFFFF;
	padding: 0 10px; 
	min-height:400px;   
}

#footer {
	background-color:#FFFFFF;
	background-image:url(../images/centerback.jpg);
	display:block;
	width:100%;
	text-align:center;
	border-top:2px solid  yellow;	
}

.footerdata {
	font-size:8pt;
	color:black;
}

.semantic {
	color:teal;
}

.pics h3 {
margin:0 0 3px 0;
padding:1px;
width:580px;
font-size: 18pt;
color:#555555;
}	


/* Positional */
 
#header {
	height:227px;
	background-image:url(../images/cfnzshop-banner2.jpg); 
	border-bottom:2px solid  yellow;
	width:980px;
}

#main {
	position:absolute;
	top:120px;
	left:0px;
	width:100%;
	height:auto;
	min-height:1024px;
	background:#8FA9B9;
}

#left {
	position:relative;
	top:115px;
	left:25px;
	width:190px;
	height:100%;
	background:#ffffff;
	padding:5px 0 5px 5px;
}

#left2 {

	float:left;
	margin-left:18px;
	width:190px;
	height:100%;
	background:#ffffff;
	padding:5px 0 5px 5px;
	
}	


#right {
	display:none;
	position:absolute;
	top:120px;
	right:0px;
	width:200px;
	height:100%;
	background:#8FA9B9;
	padding:10px;
	color:white;
	font-size:10pt;
}

#center {
	float:left;
	width:750px;
	min-height:400px;
	height:auto;
	background:#ffffff;
	margin:0 0 0 10px;
}





/* MooTools */

.toggler  { 
	cursor:pointer; 
	font-weight:bold; 
	color:#000; 
	margin: 0 0 0 0; 
	padding:3px; 
	font-size:16px; 
	font-family:Arial, sans-serif; 
	}  

.toggler:hover   { 
	background:#eee; 
	}  



.element { 
	padding:0 0px; 
	margin-bottom: 5px; 
}  


/* LAYOUTS  */

.center {
text-align:center;
}

.right {
text-align:right;
}

.bold {
font-weight:bold;
}

.bolder {
font-size:1.2em;	
font-weight:bold;
}

.red {
color:red;
}

.small {
font-size:0.8em;	
}

.smaller {
font-size:0.6em;	
}

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

}

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

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

#loggedin {
left: 450px;
top: 62px;
height:30px;
width:450px;
}


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

#console {
min-height:400px;
height:auto;
}

#icons {
position:relative;
top: 150px;
left: 850px;
		
}	


#searchicon {
float:left;
height:auto;
width:auto;
}

#shoppingcarticon {
float:left;
height:auto;
width:auto;
}

#checkouticon {
float:left;
height:auto;
width:auto;
}



#searchbeericon {
position: absolute;
top: 62px;
left: 260px;
height:auto;
width:auto;
}

#searchspiriticon {
position: absolute;
top: 62px;
left: 300px;
height:auto;
width:auto;
}


#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;
}





#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:gray;

}

#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:white;
}

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

#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:170px;
}

.withEditor {
width:700px;
}


#hometext {
font-family:arial;
font-size:18pt;
font-style:italic;
text-align:center;
color: #221E1F;
height:auto;
width:600px;
margin-left:auto;
margin-right:auto;
padding-top:25px;

}

.tablemenu td {
text-align:center;
font-size:12pt;
font-weight:bold;
}

.tablemenu a {
text-decoration:none;
}

.tablemenu img {
border-width:0;
}

.searchBody {
min-height:400px;
height:auto;
width:100%;
}

.searchBody legend {
font-size:12pt;
font-weight:bold;
color:gray;

}

.searchfieldset {
padding:15px;
background-color:#f0f0f0;
}





#displayWineLeft {
float:left;
width:180px;
height:auto;
min-height:800px;
background-color:#c0c0c0;
display:block;
}

#displayWineMain {
float:left;
width:580px;
height:auto;
min-height:800px;
background-color:#f0f0f0;
padding:0 10px 0 10px;
margin: 0 0 0 15px;
}

#displayWineMain h1{
text-align:center;
}
#displayWineMain h3{
text-align:center;
}


.halfcol {
float:left;
width:250px;
height:auto;
min-height:180px;
background-color:white;
padding:0 10px 0 10px;
margin: 0 0 0 10px;
border:solid 1px #c0c0c0;
}


.allcol {
float:left;
width:530px;
height:auto;
min-height:170px;
background-color:white;
padding:0 20px 0 20px;
margin: 10 0 0 10px;
border:solid 1px #c0c0c0;
}

.tasterPanel {
width:530px;
height:auto;

}

/*- Menu Tabs 4--------------------------- */

    #tabs4 {
      float:left;
      width:100%;
      font-size:93%;
      line-height:normal;
          border-bottom:1px solid #6B78A9;
      }
    #tabs4 ul {
          margin:0;
          padding:10px 10px 0 50px;
          list-style:none;
      }
    #tabs4 li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs4 a {
      float:left;
      background:url("../images/tableft4.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 7px;
      text-decoration:none;
      }
    #tabs4 a span {
      float:left;
      display:block;
      background:url("../images/tabright4.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#6B78A9;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs4 a span {float:none;}
    /* End IE5-Mac hack */
    #tabs4 a:hover span {
      color:#6B78A9;
      }
    #tabs4 a:hover {
      background-position:0% -42px;
      }
    #tabs4 a:hover span {
      background-position:100% -42px;
      }

      #tabs4 #current a {
              background-position:0% -42px;
      }
      #tabs4 #current a span {
              background-position:100% -42px;
      }


.wineprice {
  font-family: arial, helvetica;
  font-size:36pt;
}


.winerrp {
  font-family: arial, helvetica;
  font-size:10pt;

}

.checkoutBody {
height:500px;

}

.watchlistfieldset {
padding:15px;
background-color:#f0f0f0;
min-height:100px;
height:auto;
width:700px;
margin-bottom:10px;
}

.watchlistfieldset legend {
  font-size:12pt;
  border:solid 1px #e0e0e0;
}


.cartfieldset {
padding:15px;
background-color:#f0f0f0;
min-height:370px;
height:auto;
width:700px;
margin-bottom:10px;
}


.checkoutfieldset {
padding:0 15px 15px 10px;
background-color:#f0f0f0;
height:350px;
width:700px;
margin-bottom:10px;
}

.checkoutfieldset h1 {
padding-top:0;
margin-top:5px;
}


.productsearch {
height:auto;
min-height:100px;
width:500px;
padding:1px;
border: solid 1px #dddddd;
background-color:#eee;
margin-bottom:5px;
}

.productsearch h3 {
  font-size: 14pt;
  color: gold;
background-color:#70A925;
margin:0 0;
padding:2px;
}


.subtable {
  background-color:#e0e0e0;
}

.subtable th {
  background-color:#ffffcc;
  color:white;
}

.subtable td {
  color:gray;
}

.tableheader {
  border-collapse:	collapse;
  border:1px solid #dddddd;
}

.tableheader th{
background-color:#c0c0c0;
}

.tableheader tr {
  border:	1px solid #e0e0e0;
  padding:			0px;
  margin:			0px;
}

.tableheading {
  border-collapse:	collapse;
  border:1px solid black;
}

.tableheading th {
  border:	1px solid black;
  padding:			0px;
  margin:			0px;
  background-color:#c8c8c8;
  color:black;
}

.tableheading td {
  border:	1px solid #eeeeee;
  padding:			0px;
  margin:			0px;
}


.blocker {
border:solid 1px navy;
padding:10px;
margin:10px;
background-color:#e0e0e0;

}

.reportBody {
display:block;
height:auto;
}

.beersearch th {
background-color:gold;
}



.plain {
background-color:white;
color:black;
}

.plain td {
background-color:#f0f0f0;
color:black;
font-size:10pt;
}

.dima  {
background-color:#e0e0e0;
}



.subcategories {
height:auto;
width:700px;
padding:3px;
margin: 0 0 5px 0;
border: solid 1px #f0f0f0;
background-color:#f0f0f0;

}	

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

#editcontent {
float:left;
width: 400px;
height:auto;
margin:20px;
}

.displayprice {
  font-family: arial, helvetica;
  font-size:26pt;
  font-weight:bold;
  font-style:italic;
  
}


.catview {
width:200px;
padding:1px;
border:none 0px #dddddd;
text-decoration:none;
}

.smallButton {
font-size:7pt;
height:20px;
padding:0px;
margin:0px;
}


.messagebox {
width:400px;
height:auto;
margin:200px auto;
border:solid 3px green;
padding:30px;
background-color:#DAF3B9;
}

.italic {
font-style:italic;
}

.inverse {
color:white;
background-color:black;

}