@charset "UTF-8";
/* CSS Document */

html, body 
{size:landscape;

margin:0; padding:0;  width:100%;  overflow:hidden; text-align:left; overflow: -moz-scrollbars-vertical !important; overflow-y: scroll;
border-top: 3px solid #9a2c2c;
background-image:url(../img/grapes1.jpg); background-repeat:no-repeat; background-attachment:fixed;
border-bottom: 3px solid #9a2c2c; background-color:#f5f5f5;}
		
.hdividier{background-image:url(../img/hdivider.gif);background-repeat:repeat-x; float:left;height:2px;margin-bottom:10px;margin-top:8px;width:100%;_margin-bottom:-10px;_margin_top:-30px;}
div.hr {background-image: url(../img/hdivider.gif); background-repeat:repeat-x; float:left;margin-bottom:8px; padding-bottom:8px; margin-top:8px;width:100%;_margin-bottom:-10px;_margin_top:-30px;}

hr {border-bottom:dotted 1px #999999;}

img, div { behavior: url(iepngfix.htc) }

.winejobshomepage {border-left: 1px solid #000000; padding-left: 0px;}

.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;padding-top:30px; }.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix{height:1%}



/* Background colours
-------------------------------------------------------------- */
#wrapper{background-color:#d4d2d2;}
#wrapper-footer {background-color:#d4d2d2; border-top: 3px solid #000000;}


/* Images
-------------------------------------------------------------- */
img {border:0}
.leftfloat {float:left;}
.rightfloat {float:right;}
.logo1 {float:left; padding-top: 30px; padding-bottom: 27px;}
.banner {float:left; padding-top: 10px; padding-bottom: 0px;}

.aboutimage {float:left;  border: 3px solid #FFFFFF; margin-left:25px;}
.twitter-image {float:left; padding-right: 5px; margin-left:5px;}
.jobs_available {margin-top: 10px; float:right; margin-right:5px; margin-bottom:0px;}
.placeanad {float:left;padding-top:0px;}
.ad {margin-bottom:11px; background:none; border:none;}
.arrow {margin:25px 0px 0px 10px}
a.nohover:hover {
background: none;
border: none;
}

/* Column and Row Styles
-------------------------------------------------------------- */

.vertspace {padding-top:10px;}
.vertspacebottom {padding-bottom:10px;}
.row {background-color: #fff;}
.header {background-color:#fff; height:115px;}
.header a:hover {
background-color: #000; }


/* Wrapper / Spacing Styles
-------------------------------------------------------------- */
.maincontent {background-color:#fff; padding:10px 10px 10px 0px; border: solid 0px #000000; }
.maincontent1 {background-color:#fff; padding:0px 0px 0px 15px; border-left: solid 1px #000000; margin:10px 0px 0px 0px; }
.maincontent2 {background-color:#fff; padding:0px 0px 0px 25px; border-left: solid 1px #000000; margin:10px 0px 0px 0px; }

/* Footer
-------------------------------------------------------------- */
.footer_col
{margin:0px; padding:10px 0px 0px 0px;}

.footer
{padding-bottom: 0px;  background-color:#e9e7e6; padding-top:0px;}

.footer2 {background-color:#000000;}
.footer2_text {color:#FFFFFF; padding:5px; margin:0px; font-size:1em; text-align:center;}
.footer2_text a {color:#FFFFFF; margin:0px; font-size:1em; ;}
.footer2_text a:hover {color:#333; margin:0px; font-size:1em; ;}

.footerlast
{padding-bottom: 10px;  background-color:#e9e7e6; padding-top:0px;}

.socialmedia {padding-top: 0px; height:60px; width:200px;}
.socialmedia a {color: #333; background-color: transparent; text-decoration:none;}


/* Individual Job Listings
-------------------------------------------------------------- */

.jobheading {font-size:1.7em; font-weight:bold; padding:0px 10px 0px 0px;font-family:Arial, Helvetica, sans-serif; float:left; width:100%;}
.joblocation {font-size: 1.15em; font-weight:bold; padding:20px 0px 0px 0px; margin-top:30px; margin-bottom:0px; width:100%;}
.jobheader {width:620px;}
.joblogo {float:right; width:220px;}
.jobhead {width:400px; float:left;}

	
	
/* Trade Diary Table
-------------------------------------------------------------- */
	
#tradediary
{width:100%;
border-collapse:collapse; border:solid 1px #999999}
#tradediary tr
{border-bottom:1px dotted #ddd;}

#tradediary td, #tradediary th 
{font-size:1.2em;
padding:3px 13px 2px 13px;
vertical-align:top;}

#tradediary th 
{font-size:1.1em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
color:#fff;
background-image:url(../img/arrow-down.png);
background-repeat:no-repeat;
background-position: 5px 8px;
vertical-align:top;
background-color:#dbdbda;}

#tradediary tr.alt td 
{color:#333;
background-color:#fff;}

.tradediaryheading {font-size:1.1em; color:#CC0000;}
.tradediaryhead {margin: 25px 0px 0px 15px; color:#000000;}

#winediarydiv
{width:290px; float:left;  margin-bottom: 20px; font-size: 1.1em;}

#winediarydiv td
{font-size:1em;
padding:3px 7px 3px 7px;
vertical-align:top;
}

.winediary {width:240px; text-align:left; }
.radio {float:left;  }




/* Trade Diary - Individual Item - Table
-------------------------------------------------------------- */

#trade_diary_individual {font-size:1.15em;}
#trade_diary_individual th {padding:4px 25px 4px 0px;font-weight:bold; text-align:right; vertical-align:top;}
#trade_diary_individual td {padding:4px; vertical-align:top;}


/* PLace an ad Forms
-------------------------------------------------------------- */
	
#jobform
{font-family:verdana, Arial, Helvetica, sans-serif;
width:100%;
border-collapse:collapse;
margin-top:10px;}

#jobform tr
{border-bottom:solid 0px #660000;
background-color:#fff;
}

#jobform td, #jobform th 
{font-size:1em;
padding:10px 7px 10px 7px;
vertical-align:top;
}

td, th
{font-size:1em;
padding:6px 7px 6px 7px;
vertical-align:top;
}

#jobform p
{font-size:1em;}

#jobform th 
{font-size:1.4em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
color:#fff;
}

.fieldShort {
width:350px;
font-size:1.1em;
}

input {
    border: 1px solid #660000;
    background: #f5f5f5;
	font-size: 1.1em;  
 padding: 5px;

}

textarea {
    border: 1px solid #660000;
    background: #f5f5f5;
	font-size: 1.1em;  
 padding: 5px;

}


input:hover {
    border: 1px solid #f00;
    background: #f7f4f4;
}
textarea:hover {
    border: 1px solid #f00;
    background: #f7f4f4;
}


.button {
border: 1px solid #006;
background: #c00018;
color:#FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size:1.3em;
font-weight:bold;

}
.button:hover {
    border: 1px solid #006;
    background: #ff0016;
	color:#FFFFFF;
}

label
{
width: 20em;
float: left;
text-align: left;
margin-right: 0.5em;
display: block;
font-weight:bold;
}

form {
font-size:1.2em;}



/* Signup for Job Alerts form
-------------------------------------------------------------- */

.tablelabel {
float: left;
text-align: left;
display: block;
font-weight:bold; font-size:1em;
margin-top:0px;
padding-top:0px;
}

#signupform
{font-family:verdana, Arial, Helvetica, sans-serif;
width:400px;
border-collapse:collapse;
margin-top:10px;}

#signupform tr
{border-bottom:solid 0px #660000;
background-color:#fff;
}

#signupform td, #signupform th 
{font-size:1em;
padding:10px 7px 10px 7px;
vertical-align:top;
}

#signupform p
{font-size:1em;}

#signupform th 
{font-size:1.4em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
color:#fff;
}

#signupform label
{
width: 27em;
float: left;
text-align: left;
margin-right: 0.5em;
display: block;
font-weight:bold;
}

#signupform label.signup
{font-weight:normal; float:right; width:26em;}

/* White and Yellow Pages
-------------------------------------------------------------- */
.searchbutton {Border:0px; padding: 10px 0px 0px 0px; background-color:#FFFFFF;}
.searchbutton:hover {Border:0px; padding: 10px 0px 0px 0px; background-color:#FFFFFF;}

/* Buttons Right Float
-------------------------------------------------------------- */

a.button1 {
    /* Sliding right image */
background: transparent url('../img1/button_right_03.png') no-repeat scroll top right; 
border: 1px solid #006;
background: #c00018;
display: block;
float: left;
height: 30px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
margin-right: 6px;
padding-right: 10px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
/* FONT PROPERTIES */
text-decoration: none;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size:1.4em;
font-weight:bold;
width:auto;
float:right;
}

a.button1:hover {
/* Background left image */ 
background: transparent url('../img1/button_right_rollover.png') right no-repeat;
    border: 1px solid #006;
    background: #ff0016;
} 

a.button1 span {
/* Background left image */ 
background: transparent url('../img1/button_left_03.png') no-repeat; 
display: block;
line-height: 18px; /* CHANGE THIS VALUE ACCORDING TO BUTTON HEIGHT */
padding: 7px 0 5px 10px;
} 

a.button1:hover span{
background: transparent url('../img1/button_left_rollover.png') no-repeat; 
display: block;
line-height: 18px; /* CHANGE THIS VALUE ACCORDING TO BUTTON HEIGHT */
padding: 7px 0 5px 10px;
}



/* Buttons Right Float Footer
-------------------------------------------------------------- */

a.button3 {
background: #ccc;
display: block;
float:right;
margin-left: 10px;
margin-top:5px;
text-decoration: none;
color: #cc0000;
font-family: Arial, Helvetica, sans-serif;
font-size:1.05em;
width:auto;
float:right;
text-transform:uppercase;
padding:1px 5px 1px 5px;
}

a.button3:hover {
/* Background left image */ 
    border: 1px solid #006;
    background: #000;
} 

a.button3 span {
/* Background left image */ 
display: block;} 

a.button3:hover span{

display: block;
background: #000;
}


.top {float:right; width:auto; padding:7px 10px 7px 5px;)
}



a.button4 {
background: #ccc;
display: block;
float:right;
margin-top:5px;
text-decoration: none;
color: #cc0000;
font-family: Arial, Helvetica, sans-serif;
font-size:1.15em;
width:auto;
float:right;
text-transform:uppercase;
padding:1px 5px 1px 5px;
margin-right:10px;
}

a.button4:hover {
/* Background left image */ 
    border: 0px solid #006;
    background: #000;} 

a.button4 span {
/* Background left image */ 
display: block;} 

a.button4:hover span{
display: block;
background: #000;
}


/* Buttons Left Float
-------------------------------------------------------------- */

a.button2 {
/* Sliding right image */
background: transparent url('../img/button_right_03.png') no-repeat scroll top right; 
border: 1px solid #006;
background: #c00018;
display: block;
float: left;
height: 30px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
padding-right: 10px; /* CHANGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
/* FONT PROPERTIES */
text-decoration: none;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size:1.4em;
font-weight:bold;
width:auto;
float:left;
}

a.button2:hover {
/* Background left image */ 
background: transparent url('../img1/button_right_rollover.png') right no-repeat;
    border: 1px solid #006;
    background: #ff0016;} 

a.button2 span {
/* Background left image */ 
background: transparent url('../img1/button_left_03.png') no-repeat; 
display: block;
line-height: 18px; /* CHANGE THIS VALUE ACCORDING TO BUTTON HEIGHT */
padding: 7px 0 5px 10px;} 

a.button2:hover span{
background: transparent url('../img1/button_left_rollover.png') no-repeat; 
display: block;
line-height: 18px; /* CHANGE THIS VALUE ACCORDING TO BUTTON HEIGHT */
padding: 7px 0 5px 10px;
}



/* Noticeboard
-------------------------------------------------------------- */

.noticeboard1 {background-color: #f5f5f5; padding:1px 10px 1px 10px; margin-top:10px;}
.noticeboard2 {background-color:#fff; padding:1px 10px 1px 10px;margin-top:10px;}
.noticeboard {color: #333333; border-bottom: 1px dotted #CC0000; padding-bottom: 5px;}


/* ================ */
/* = The 1Kb Grid = */     /* 12 columns, 60 pixels each, with 20 pixel gutter */
/* ================ */

.grid_1 { width:60px; }
.grid_2 { width:140px; }
.grid_3 { width:220px; }
.grid_4 { width:300px; }
.grid_5 { width:380px; }
.grid_6 { width:460px; }
.grid_7 { width:540px; }
.grid_8 { width:620px; }
.grid_9 { width:700px; }
.grid_10 { width:780px; }
.grid_11 { width:860px; }
.grid_12 { width:940px; }

.column {
	margin: 0 10px;
	overflow: hidden;
	float: left;
	display: inline;
}
.row {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;

}
.row .row {
	margin: 0 -10px;
	width: auto;
	display: inline-block;
}

.navrow {
	background-image: url(../img/images/p7exp_mbar.jpg);
	background-color:#333333;
	background-repeat: repeat-x;
	height:32px;
	border-top: 3px solid #9a2c2c;
	margin-top: 0px;}

.menuwrapper {
	background-image: url(../img/images/p7exp_mbar.jpg);
	background-color:#333333;
	background-repeat: repeat-x;
	height:32px;
	border-top: 3px solid #9a2c2c;
	margin-top: 0px;}

#nav, #nav ul {
	padding:0px;
	margin: 0px;
	list-style: none;
	text-transform:uppercase; letter-spacing:1.5px;  font-family:  helvetica, arial, sans-serif;}

#nav a {
	display: block;
	width: auto;
	text-decoration:none;
	color:#fff;
	border-right: 1px solid #fff;
	border-bottom: 0px;
	text-align:center;
	padding:10px 17px 10px 17px;
	height:12px;
	font-size:1.1em;
	font-weight:normal;}

#nav a:hover {
background-color: #b70100; /*First level hover colour*/
color:#fff;	
height:12px;}

#nav li {
	float: left;
	width: auto;}

#nav li ul {
	position: absolute;
	width: 19.2em;
	left: -999em;
	z-index: 100;
	background-color:#474747;/*Second level background colour*/}

/*Second level hover settings*/
#nav li ul a {
	border-right: 0px solid #fff;
	text-align:left;
	letter-spacing:1px; 
	padding:5px 10px 5px 10px;
	text-transform:none;
	color:#fff;
	width: 18.6em;
	border-bottom: 1px solid #fff;
	height:auto;
	font-weight:bold;
	font-size:1em;}

#nav li ul a:hover {
background-color:#cc0112;  /*Second level hover colour*/
color:#000000;	
height:auto;
width: 17.5em; padding:5px 10px 5px 10px;}

#nav li:hover ul {
	left: auto;}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;}
	
	
body, input, textarea {
    color:#333;    
    font-size: 62.5%;
    line-height:18px;
	font-family:  verdana, arial, sans-serif;
}

/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { 
	font-weight:normal;
	clear:both;
	padding-left: 0px;
	padding-right: 10px;
}

/* Text elements
-------------------------------------------------------------- */

/* typography start*/
h1, h2, h3, h4, h5{	font-family:   verdana, arial, sans-serif;	color: #333;	background-color: transparent;	margin-bottom: -.7em;	}
html>body h1, h2, h3, h4, h5 {	margin-bottom: -.5em;	}
h1	{	font-family: helvetica, arial, sans-serif;
		font-size: 2.1em;
		margin: 0px 0 0 0;
		color: #000;
		text-transform:none;
		letter-spacing: .0005em;
		padding:25px 0px 0px 0px; line-height:2.6em;}

h2	{padding:0px; margin-bottom: 0px; color:#990000; font-size:1.75em;
font-family:helvetica, arial, sans-serif; line-height: 1em; letter-spacing:.03em; border-bottom:solid 1px #660000;color:#990000;}
h3	{	font-size: 1.3em; margin-top: 1em; margin-bottom: .5em;	letter-spacing:.03em; font-weight:bold; color:#333;}  
h4	{	font-size: 1.2em;	margin-top: 1em;	margin-bottom: 3em;	font-weight : bold; text-decoration:none;}
h5	{	font-size: 1.2em;   margin-bottom: .2em; font-weight:bold;}

a	{	text-decoration: underline;	color: #0000CC;	background-color: transparent;	}
a:hover {color: #000; background-color: #F4F2E4; border-bottom: 0px solid #9A8E51;}
a:hover img  { border: 0px; background-color: transparent; background: none;}

ul .list{	font-size: 1em; 	line-height: 1.5em;	margin-top: 1em; margin-bottom: 1em;}
li .list { margin-bottom: 1.8em;
}

p {	font-size: 1.15em; 	line-height: 1.6em;	margin-top: .5em; margin-bottom: 1.5em; 	padding-left: 0px;
	padding-right: 10px; color:#191918;}

ul {margin-bottom:10; font-size:1.15em;}
	
ol {margin: 10px 0 18px .5em; font-size:1.15em; list-style-type:lower-alpha;}

ol ol {list-style:upper-alpha;}
ol ol ol {list-style:lower-roman;}
ol ol ol ol {list-style:lower-alpha;}
ul ul, ol ol, ul ol, ol ul {
	margin-bottom:0; font-size: 1em;
}
dl	{margin-top:15px; font-size:1.15em;}
dt {font-weight:bold;}
dd {margin-bottom:18px; margin-left:0px;}


strong {font-weight: bold;}
cite, em, i {font-style: italic;}
blockquote {margin: 0 3em;}
blockquote em, blockquote i, blockquote cite {
	font-style:normal;}
pre {
	font:11px Monaco, monospace;
	line-height:18px;
	margin-bottom:18px;}
code {font:11px Monaco, monospace;}
abbr, acronym {
  border-bottom:1px dotted #333;
  cursor: help;}
ins {text-decoration:none;}
sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	position: relative;}
sup {bottom: 1ex;}
sub {top: .5ex;}



/* Blockquotes
-------------------------------------------------------------- */
blockquote {
	background: url(../img/quotes1.png);
	background-position: 0 2px;
	background-repeat: no-repeat;
	padding-left:30px;
	margin-left:0px;
	margin-top:20px;}

blockquote p {
	display: inline;
	margin: 0;
	padding-right: 0px;
	font-size:1.05em;
	background-position: bottom right;
	background-repeat: no-repeat;
	color:#000000;}

.right {float: right;	font-size:1em; }
.testimonials {font-size:1.15em; line-height:2em;}

/* Special Heading Styles
-------------------------------------------------------------- */
.subheading {font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 1.25em;
		margin: 10px 0px 20px 0px;
		color: #171818;
		text-transform:none; letter-spacing:0em; padding:0px 0px 0px 0px; line-height:1.5em; font-weight : normal;}
		
.browse {font-weight:bold; line-height:1.2em; font-size:1.2em;}

/* Footer Text Styles
-------------------------------------------------------------- */
.about {padding-left: 0px; margin-left:0px; font-size:1.4em; padding-top:0px; margin-top:0px; line-height:1.4em; margin-bottom:0px;}
.about2 {font-size: 1.1em; float:left;}

/* Job listing styles
-------------------------------------------------------------- */

.job_important {background-color:#fffedb;font-weight:bold;padding:2px; color:#333;}
.job_important1 {color:#000000;}



.listings_subhead {	
color:#333; font-size:1.6em;
font-family:helvetica, arial, sans-serif; line-height: 1.6em;
margin: 0px 0 5px 0;
padding: 0px 5px 0px 0px; border-bottom:0px;}

.link_list 
{list-style-type: none; padding: 0px 0px 0px 0px; margin:0px; font-size:1.15em;
font-family:Verdana, Arial, Helvetica, sans-serif;}

li.jobs 
{background-image:url(../img/arrow.png); background-repeat: no-repeat;
background-position: 0 .3em; padding: 2px 2px 2px 6.7em; margin-bottom: 1.1em;  text-indent: -5.0em;}	

.jobtext {margin-left: 1.3em;}
.joblisting {padding-top:20px;}