﻿/* © copyright Intravenous */

/*general html tags*/
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;
}
/* 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; 
}
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 img { border:0; text-decoration:none;}

strong{ font-weight:bold; }

table{ margin-top:10px; }
	table td{
	padding-bottom:10px;
	padding-left:18px;
	}
	table th{
	padding-bottom:10px;
	padding-left:18px;
	}

/* th{
padding:0;
margin:0;
} */

/* 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;
}
/* branding  -- {DELETE THIS?) */
/* #logo { 
background: url (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;
} */	
	
/*extra styles*/
.font-bold{ font-weight:bold; }
.padtop10{ padding:10px 0 0 0; }
.left{ float:left; padding-right:10px; }
.right{ float:right; padding-left:10px; }

/* .left{ float:left;}
.right{ float:right; } */

#frame {
background-color: #CCCC99;
width:980px; min-height:600px;
margin:10px auto 0 auto; padding:0;
text-align:justify;	
border: 8px solid #006600;
overflow:hidden;
}

/*LEFT siden nav contents*/		
#contentleft {
margin:0; padding:0;
width:205px; float:left;
background-color: #CCCC99;
}

	/* navigation */
	#leftbrand {
	color: #666666;
	text-align: center;
	position: static;
	width: 180px;
	height: 118px;
	visibility: visible;
	display: block;
	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: block;
	vertical-align: top;
	margin: 0px 0px 0px 5px;
	float: none;	
	}

	#leftnav a:link, #leftnav a:visited, #leftnav a:active{ color:#333; }
	#leftnav a:hover{ color:#006600; }
			
	#leftnav ul li{
	list-style:none;   
	display:block;
	margin-bottom:5px;
	}
	#leftnav ul li ul{
	list-style:none;   
	margin: 0px 0px 0px 5px;
	display:block;
	}

	#leftnav ul li-2 li{
	list-style:none;   
	margin: 0px 0px 0px 5px;
	padding:0px;
	display: block;
	}

	#leftlogo {
	color: #666666;
	text-align: center;
	position: static;
	width: 180px; height: 60px;
	visibility: visible;
	display: block;
	vertical-align: bottom;
	margin: 15px 0px auto 12.5px;
	float: none;
	}

	.login-info{ padding:5px 0; }
	.login-info input{
	margin:3px 0; padding:3px;
	width:100px; border:1px solid #006600;
	font:12px Helvetica, Arial, sans-serif;
	}
	.login-info .no-border{ 
	margin:0; padding:0; border:0;
	width:120px; height:25px;
	}
	.login-info .user-logged{
	font-weight:bold; color:#006600;
	}	

/*RIGHT side main contents*/
#contentcenter {		
margin:0; padding:0;
float:right; width:770px;
/* border:1px solid #c00; */
}
	.add-logobg{ /*adds bg to area*/
	background:url(/images/site/imgbg_logo.gif) no-repeat bottom right;
	}	
	.add-logobg2{ /*adds bg to area*/
	background:url(/images/site/imgbg_logo2.gif) no-repeat bottom right;
	}	
	
	#contentcenter h1,h2,h3,h4 { margin:20px 20px 0 20px; }
	#contentcenter p { margin:15px 20px; }
	#contentcenter ul{ padding-left:25px; }	

	#contentcenter table{
	margin:0; padding:0;
	font:12px Helvetica, Arial, sans-serif;
	}		
		#contentcenter table p { 
		margin:15px 5px; 
		}		
		#contentcenter table select{
		width:100px; border:1px solid #006600;
		font:12px Helvetica, Arial, sans-serif;
		}				
		#contentcenter table input{
		margin:0; padding:2px;
		width:200px; border:1px solid #006600;
		font:12px Helvetica, Arial, sans-serif;
		}
		#contentcenter table span.no-border input{
		margin:0; padding:2px;
		width:auto; border:none;
		font:12px Helvetica, Arial, sans-serif;
		}		
		#contentcenter table textarea{
		margin:0; padding:2px;
		width:200px; border:1px solid #006600;
		font:12px Helvetica, Arial, sans-serif;
		}
	#contentcenter form{
	font:1em Helvetica, Arial, sans-serif;
	}
	#contentcenter .no-border{  /*remove border*/
	margin:0; padding:0; border:0;
	width:120px; height:25px;
	}		
		
/*register page*/		
	#contentcenter .table-register{
	margin:0 50px; 
	}
/*contact us page*/
	#contentcenter #contact_table{
	margin:0 0 0 5px; padding:0; /* border:1px solid #bcc13f;  */
	float:left; width:430px;
 	}
		#contentcenter #contact_table .checkbox{
		margin:0; padding:0; border:0; 
		text-align:left; width:20px;
		}		
		#contentcenter #contact_table p{
		margin:10px 0 0 0; padding:0;
		}
	#contentcenter .contact-info{ 
	margin:10px 30px 0 0; padding:0;
	float:right; width:250px;
	border-top:5px solid #bcc13f;
	border-bottom:5px solid #bcc13f;
	border-left:1px solid #bcc13f;
	border-right:1px solid #bcc13f;
	}
		#contentcenter .contact-info h3{  	
		margin:0; padding:20px 0 0 20px; font-weight:bold; color:#060;
		font:18px  Georgia, "Times New Roman", Times, serif;
		}
		#contentcenter .contact-info ul{
		margin:0; padding:3px 0 20px 5px; list-style:none;
		}	
			#contentcenter .contact-info ul li{
			margin:0; padding:2px 0 0 30px; color:#060;
			}
/*RIGHT content */		
#contentright {
margin:0; padding:0;
width:280px; float:left;
}
	#contentright h1,h2,h3,h4 { margin:20px 20px 0px ; }
	#contentright p { margin:15px 20px; }

/* FOOTER */	
#footer {
margin:0 0 0 0; padding:0;
position: relative;float: left;
width: 100%; min-width: 140px; height: 120px;
vertical-align: top;
}
	#footer h4 { 
	color: #066; font-size: 120%; font-weight: normal;
	font-family: Baskerville, Georgia, "Times New Roman", Times, serif;  
	}

.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;
}

#offers p { margin:5px; }
#offers a:link { color:#990000; }
#offers a:visited {color:#FFFFFF;}
#offers a:hover { color: #000000; text-decoration: underline; }	

	/*offerslink used in ______*/
	a.offerslink:link {color:#990000;}
	a.offerslink:visited {color:#FFFFFF;}
	a.offerslink:hover {color:#FF0000;}

#offerslink {color:#00FF00;}	

/* 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;
}



/*winelist  page*/
.img-fulllist a:active, .img-fulllist a:visited, .img-fulllist a:link{
background:url(/images/site/img_fullwinelist.gif) no-repeat top left;
width:180px; height:65px; display:block;
}
	.img-fulllist a:hover{
	background:url(/images/site/img_fullwinelist2.gif) no-repeat top left;
	width:180px; height:65px; display:block;
	}
	.img-fulllist a span{display:none; visibility:hidden;}
	
.winelist{
background:url(/images/site/bg_design1.gif) no-repeat bottom right;
margin:0 0 0 20px; padding:0;
float:left; width:330px; height:250px;
border-top:1px solid #bcc13f;
border-bottom:1px solid #bcc13f;
border-left:5px solid #bcc13f;
border-right:1px solid #bcc13f;
}
	.winelist ul{ margin:3px 0; padding:0;  width:120px; float:left;}	
	.winelist ul li{ margin:0; padding:0 0 0 10px; }
		
.search-winelist{
background:url(/images/site/bg_design1.gif) no-repeat bottom right;
margin:0 0 0 20px; padding:0;
float:left; width:330px; height:250px;
border-top:1px solid #bcc13f;
border-bottom:1px solid #bcc13f;
border-left:5px solid #bcc13f;
border-right:1px solid #bcc13f;
}
	.search-winelist span{
	margin:3px 0; padding:0; width:120px; 
	display:block; float:left;
	}	
	.search-winelist select{
	margin:3px 0; padding:0;
	}	
	.search-winelist input{
	margin:3px 0; padding:0;
	}
	.search-winelist .no-padding{
	margin:0; padding:0;
	}

/*search winelist inside search results page*/
.search-winelist2{
background:url(/images/site/bg_design1.gif) no-repeat bottom right;
margin:20px 0 0 0; padding:0 0 0 0;
float:left; width:230px; height:auto;
border-top:3px solid #bcc13f;
border-bottom:3px solid #bcc13f;
border-left:1px solid #bcc13f;
border-right:1px solid #bcc13f;
}
	.search-winelist2 span{
	margin:3px 0; padding:0; width:80px; 
	display:block; float:left;
	}	
	.search-winelist2 select{
	margin:3px 0; padding:0;
	font:12px  Arial; color:#333;
	}	
	.search-winelist2 input{
	margin:3px 0; padding:1px 0;
	font:12px  Arial; color:#333;
	}
	
.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;
}

.out_of_stock{ color:Red;}
.error{ color:Red;}

/*search results by counrty*/
.search_results{
margin:20px 0 0 20px;
width:500px; /* height:570px; */
float:left;
}
	.search_results h4{
	margin:0; padding:0 0 15px 20px;
	font:1.3em Georgia; color: #333;
	font-weight:bold;
	}
	.search-list{ 
	margin:0; padding:0;
	list-style:none;
	}
	.search-list li{
	margin:0 0 20px 0; padding:0 10px;
	}
	.search_results p{
	margin:0; padding:10px 0 0 10px;
	font:11px Arial; color: #333;
	}	
	.search_item{
	padding:10px 10px 10px 10px; height:80px;
	}
.search_item span{ 
margin:0; padding:0;
font-weight:bold; color: #060;
font-family: Georgia;
float:left; /*force ;left*/
}
.search_item span a{ 
margin:0; padding:0;
font-weight:bold; color: #060;
font-family: Georgia;
float:left; /*force ;left*/
}	
	
.browse-list{
margin:0; padding:0;
list-style:none;
min-height:150px;
}

.browse-list li{
margin:0; padding:0;text-align:left;

}

.browse-list li a, .browse-list li a:link, .browse-list li a:active{
margin-left:-6px; text-indent:6px;
}

/*wine details styles*/
.WineDetailsWrapper{
margin:0 auto; padding:0 0 0 0;
float:left; width:525px; height:auto;
}
	.WineDetailsWrapper h4{
	margin:0 0 10px 0; padding:0; border-bottom:3px solid #bcc13f;
	font:15px  Georgia, "Times New Roman", Times, serif;
	font-weight:bold; color: #060;	
	}
	
.WineImage{
margin:20px 10px 20px 20px; padding:0;
width:260px; float:left;
}
	.WineImage div{
	margin:0 auto; padding:15px 0;
	background:#fff; text-align:center;
	border:3px solid #bcc13f;
	}
	
.WineDetails{
background:url(/images/site/bg_design2.gif) no-repeat;
background-position:130px 20px;
margin:20px 10px 0 0; padding:0 0 20px 0;
width:200px; /*float:right;*/
}
	.WineDetails table{
	margin:0; padding:0; 
	width:200px;
	}	
	.WineDetails table td{
	margin:0; padding:2px 5px; 
	}
	
.WineNotes{
background:url(/images/site/bg_design2.gif) no-repeat;
background-position:130px 20px;
margin:25px 10px 0 0; padding:0 0 20px 0;
width:200px; height:auto; /*float:right;*/
}
	.WineNotes div{
	margin:0 3px; padding:0;
	text-align:left;
	}

.backto-search{
margin:0; padding:0;
width:200px; height:25px; float:right;
text-align:right;
}
	.backto-search a{
	margin:0; padding:0 20px 0 0;
	text-decoration:none;
	}	

.WineOrder{
background:url(/images/site/bg_design1.gif) no-repeat bottom right;
margin:10px 0 0 20px; padding:20px 0;
width:200px; height:auto; float:left;
border-top:5px solid #bcc13f;
border-left:1px solid #bcc13f;
border-bottom:5px solid #bcc13f;
border-right:1px solid #bcc13f;
}
	.WineOrder h4{
	margin:0 0 0 15px; padding:0;
	font:18px  Georgia, "Times New Roman", Times, serif;
	font-weight:bold; color: #060;	
	}
	
	.WineOrder table{
	margin:0; padding:0; 
	width:200px;
	}	
	.WineOrder table td{text-align:left;
	margin:0; padding:0 5px 0px 18px; 
	font-weight:bold; color: #000;
	}	
	.WineOrder table form{
	margin:5px 0 10px 0; padding:0; 
	}	
	.WineOrder table form input{
	margin:0; padding:0; 
	vertical-align:middle;
	}	
	
.button_img img{
text-decoration:none;
border:none;
}

.success{
color:Blue;
}

.details_image{
max-width:250px;
}

/*sliding layer styles*/
.minisite_container{
    padding:15px 0 0 0;
    height:450px; width:495px; 
    overflow:hidden;
}
a.jScrollArrowUp
{
    background-image:url(/images/site/up.gif);
}
a.jScrollArrowDown
{
    background-image:url(/images/site/down.gif);
}
.scroll_pane_style .jScrollPaneTrack
{
    background:#CCCC99;
}
.scroll_pane_style .jScrollPaneDrag
{
    background:#006600;
}
.thumbnail_image{
width:70px;
height:70px;
padding:5px;
background-color:#ffffff;
float:left;
text-align:center;
margin:0 auto;
}
.thumbnail_image img{
max-height:70px;
max-width:70px;
}

.search_details{
float:left;
padding-left:10px;
padding-top:5px;
min-height:70px;
width:357px;
}
/*.scroll_pane_style
{
    margin:10px 0 0 0;

}*/
.login-form-wrapper{
padding:10px 25px 10px 10px;
float:right;
width:180px;
height:auto;

}
.login-form{
float:right;
/*margin: 10px 25px 0 0;*/
width:160px;
text-align:center;
padding:10px 10px 10px 10px;
border-top:3px solid #bcc13f;
border-bottom:3px solid #bcc13f;
border-left:1px solid #bcc13f;
border-right:1px solid #bcc13f;
background:url(/images/site/bg_design1.gif) no-repeat bottom right;
}

.login-form h2{
padding:0;
margin:0;
font-size:1.4em;
}

.DeliveryOptions input{
padding:0;
border:none;
}

.no-border input{
border:none;
margin:0;
padding:0;
}

.special-offer{
float:right;
width:300px;
margin-right:10px;
text-align:right;
font-family:Georgia, Times New Roman, Serif;
font-size:1.2em;
font-weight:bold;
}

.special-offer a{
color:#a31510;
}

.basket-button{
width:110px;
float:right;
text-align:center;
padding-top:10px;
}
.basket-button input{
margin:0 auto;
}

.ItemText{
float:left;
width:247px;
}

.SpecialOffer{
color:#a31510;
font-weight:bold;
font-size:1.2em;
}

.order-winelist{
background:url(/images/site/bg_design1.gif) no-repeat bottom right;
margin:10px 0 0 0; padding:0 0 10px 0;
float:left; width:230px; height:auto;
border-top:3px solid #bcc13f;
border-bottom:3px solid #bcc13f;
border-left:1px solid #bcc13f;
border-right:1px solid #bcc13f;
}

.outofstock{
padding-top:10px;
color:#a31510;
float:right;
width:110px;
text-align:center;
font-family:Georgia, Times New Roman, Serif;
font-size:1.2em;
font-weight:bold;
}

.SagePay{
text-align:center;
width:205px; padding-top:20px;
}

.SagePay p{
padding:0 0 0 15px;
margin:0 0 0 0;
color:#666666;
}

.SagePay img{
text-align:center;
}