﻿/* © copyright Intravenous */

body {
	color: #333333;
	font-size: 76%;
	line-height: 1.2em;
	font-family: Helvetica, Arial, sans-serif;
	background: #242424;
	text-align: center;
	margin: 0px;
	font-weight: lighter;
	}

#frame {
	width:980px;
	/*height:600px;*/
	margin-right:auto;
	margin-left:auto;
	margin-top:10px;
	padding:0px;
	text-align:justify;
	background-color: #CCCC99;
	border: 8px solid #006600;
	overflow:hidden;
	}
		
#contentleft {
	width:205px;
	padding:0px;
	float:left;
	background-color: #CCCC99;
	}
	
#contentcenter {
	width:775px;
	padding:0px;
	float:left;
	}
	
	#contentcenter form{
	font-family: Helvetica, Arial, sans-serif;
	  font-size:1em;
	}
	
#contentright {
	width:280px;
	padding:0px;
	float:left;
}


/* Font styles */	

h1 {
	font-size:2.3em;
	font-family: Georgia;
	font-weight: lighter;
	line-height: 1.1em;
	color: #286125;
	}
		
h2 {
	color: #286125;
	font-size: 1.5em;
	line-height: 1em;
	font-family: Georgia;
	font-weight: lighter;
	}

h3 {
	font-size: 2.3em;
	line-height: 1.1em;
	font-family: Georgia;
	font-weight: lighter;
	}

	
.p1 {
	color: #333333;
	font-size: 1.2em;
	line-height: 1.6em;
	font-family: Helvetica, Arial, sans-serif;
	margin-bottom: 0.75em;
	margin-top: 1em;
	}
	
.p2 {
	color: #333333;
	font-size: 1em;
	line-height: 1.3em;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: lighter;
	}
	
.p3 {
	color: #333333;
	font-size: 1em;
	line-height: 1.5em;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: lighter;
	}
	
.p4 {
	color: #CCCCCC;
	font-size: 0.9em;
	line-height: 1.2em;
	font-family: Helvetica, Arial, sans-serif;
	}
	
.p5 {
	color: #333333;
	font-size: 0.9em;
	line-height: 1.2em;
	font-family: Helvetica, Arial, sans-serif;
	font-style: italic;
	}
	
.p6 {
	color: #990000;
	font-size: 1em;
	line-height: 1.2em;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: lighter;
	}
	
a {
	color:#003300;
	text-decoration:none;
	font-size: 1em;
	}

a:link {color:#003300;}
a:visited {color:#003300;}
a:hover {
	color: #000000;
	text-decoration: underline;
}		

a.offerslink:link {color:#990000;}
a.offerslink:visited {color:#FFFFFF;}
a.offerslink:hover {color:#FF0000;}
#offerslink {color:#00FF00;}
	
/* navigation */

#leftbrand {
	color: #666666;
	text-align: center;
	position: static;
	width: 180px;
	height: 118px;
	visibility: visible;
	display: none;
	vertical-align: top;
	margin: 15px 0px 0px 12.5px;
	float: none;
	}

.active span{
color:#FFFFFF;
}
	 
#leftnav {
	color: #666666;
	text-align: left;
	position: static;
	width: 180px;
	visibility: visible;
	display: none;
	vertical-align: top;
	margin: 0px 0px 0px 5px;
	

	float: none;
	}

#leftnav a, #leftnav a:link, #leftnav a:visited{
color:#333333;
}
	


#leftnav ul li{
    list-style:none;   
         display:none;
         margin-bottom:5px;
}
#leftnav ul li ul{
    list-style:none;   
 margin: 0px 0px 0px 5px;
      display:none;
}

#leftnav ul li-2 li{
   list-style:none;   
   margin: 0px 0px 0px 5px;
   padding:0px;
   display: none;
}

#leftlogo {
	color: #666666;
	text-align: center;
	position: static;
	width: 180px;
	height: 60px;
	visibility: visible;
	display: none;
	vertical-align: bottom;
	margin: 15px 0px auto 12.5px;
	float: none;
	}
	
/* footer */	

#footer {
	margin: 20px 0 0;
	position: relative;
	width: 100%;
	min-width: 140px;
	float: left;
	padding: 0em;
	vertical-align: top;
	height: 120px;
}

#footer h4 { color: #066; font-size: 120%; font-family: Baskerville, Georgia, "Times New Roman", Times, serif; font-weight: normal }
		
#contentright h1,h2,h3,h4 { margin:20px 20px 0px; }
#contentright p { margin:15px 20px; }

#contentcenter h1,h2,h3,h4 { margin:20px 20px 0px; }
#contentcenter p { margin:15px 20px; }
			
#offers p { margin:5px; }
#offers a:link { color:#990000; }
#offers a:visited {color:#FFFFFF;}
#offers a:hover { color: #000000; text-decoration: underline; }	
	
/* furniture */	

	 
#righttext {
	color: #333333;
	text-align: left;
	position: relative;
	width: 280px;
	visibility: visible;
	display: block;
	vertical-align: top;
	padding: 0px;
	margin: 0px;
	 }
	 
#righttext2 {
	color: #333333;
	text-align: left;
	position: relative;
	width: 250px;
	visibility: visible;
	display: block;
	vertical-align: top;
	padding: 0px;
	margin: 15px 0px 0px;
	 }
	
		
/* branding */
#logo { 
	background: (intravenous-logo.gif) top left no-repeat;
	width: 200px;
	height: 130px;
	background-image:  url(images/PRlogo-colour-Web-aw.gif);
	position: absolute;
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: 10px;
	}

#logo h1 {
	visibility: hidden;
	color: #000000;
	}
	
/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct length values to user agents that exhibit the parsing error exploited above yet get the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */

body>#navAlpha {
	top:51em; 
}

strong{
    font-weight:bold;
}

.left{
float:left;
padding-right:10px;
}

.right{
float:right;
padding-left:10px;
}

table{
margin-top:10px;
}
#contentcenter ul{
padding-left:25px;
}
table td{
padding-bottom:10px;
    padding-left:18px;
}

table th{
padding-bottom:10px;
    padding-left:18px;
}

#contact_table{
	
	
	margin-left:18px;
}
#contact_table tr td{
    vertical-align:top;
   padding:0px;
   margin:0px;
}
#contact_table tr td p{
    padding-top:0px;
    margin-top:0px;
  }

.winelist{
width:50%;
float:left;
height:500px;
}

.winelist_item{
padding:10px 0 10px 0;
margin-left:20px;
border-bottom:dashed 1px black;
}

.winelist_title{
font-weight:bold;
width:200px;
}

.winelist_details{
width:200px;
}

.winesearch{
width:49%;
float:right;
}
.winesearch table{
width:80%;
}

.winesearch td{
padding:0;
padding-left:5px;
}

.left{
float:left;
}

.right{
float:right;
}

.out_of_stock{
color:Red;
}

.error{
color:Red;
}

.search_results{
margin-top:20px;
margin-left:20px;
width:500px;
/*height:530px;*/
/*overflow-y:scroll;*/
}

.search-list{
margin:0;
padding:0;
list-style:none;
}

.search-list li{
padding:0 0 10px 0;
}

.browse-list{
margin:0;
padding:0;
list-style:none;
}

.browse-list li{
margin:0;
padding:0;
}

th{
padding:0;
margin:0;
}

.WineImage{
width:270px;
float:left;
}

.WineImage img{
max-width:270px;
}

.WineDetails{
width:300px;
float:left;
}

.WineOrder{
width:200px;
float:right;
padding:30px 0 0 0;
}

.WineOrder a{
padding-left:19px;
}

.WineOrder hr{
margin-left:10px;
width:150px;
}

.WineDetailsWrapper{
float:left;
width:570px;
padding:20px 0 0 0;
}

.WineNotes{
padding-top:20px;
/*width:570px;*/
margin-right:50px;
}

.WineNotes div,h5{
padding-left:18px;
margin-right:50px;
}

.button_img img{
text-decoration:none;
border:none;
}

.success{
color:Blue;
}


.search_item strong{
font-weight:bold;
color: #286125;
font-family: Georgia;
}
