/*
AUTHOR :: Igor Poliakova
DATE :: 30.06.2006
*/
/*SETTING THE FONT SIZE CROSS BROWSERS*/
body, body div, body p, body th,
body td, body li, body dd    {
	/* more specific to override default rule */
	font-size:    xx-small;
	/* false value for IE4/5 */
	voice-family: "\"}\"";
	/* con IE4/5 into thinking rule is complete */
	voice-family: inherit;
	/* recover from con */
	font-size:    x-small
	/* intended value for all browsers */
	}
html>body, html>body div, html>body p,
html>body th, html>body td,
html>body li, html>body dd    {
	font-size:    x-small
	}

	/* #### GENERIC STYLE #### */

body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
a {
	text-decoration: none;
	color: #a03e79;
	}
p {
	margin: 0px 0px 5px 0px;
	}
.smalltext {
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #993300;
	margin: 0;
	margin: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	}
	
/* FORMS */
.textinput {
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 115%;
	color: black;
	margin: 0;
	margin: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	}
.form_clientlogin {
	padding-top: 35px;
	width: 225px;
	float: right;
	}
.form_subscribe {
	margin-top: 15px;
	font-size: 80%;
	}
.inputbox {
	float: right;
	height: 19px;
	}
.inputbox2 {
	float: left;
	margin-left: 5px;
	height: 19px;
	}
form {
	margin: 0;
	padding: 0;
	}
.formbox {
	font-size: x-small;
	float: left;
	margin-right: 10px;
	}
.gobutton {
	float: right;
	width: 32px;
	}
.gobutton2 {
	float: right;
	width: 32px;
	}
.clientlogin {
	float: right;
	margin-top: 5px;
	width: 73px;
	}
	
.greeting {
	margin: 0px;
	padding: 0px;
	text-align: left;
	height: 29px;
	color: #555555;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
.h2alert {
	font-size: 120%;
	font-weight: bold;
	color:#CC0000;
	}
	
	
	
select {
	}
/* FORMS */

.input {
	font-size: 11px;
	}
	
	
	
	
.topbar_container {
	width: 100%;
	margin: auto;
	background-color: white;
	background-position: center;
	}
.splogo {
	padding: 5px;
	width: 165px;
	float: left;
	}

.headerspace {
	margin-top: 20px;
	}
.grape_container {
	width: 100%;
	height: 130px;
	margin: auto;
	background-image: url(/si/curves_red.gif);
	background-position: top left;
	border-bottom: 1px solid white;
	}
.grape_container_subpages {
	padding: 0px;
	width: 100%;
	height: 82px;
	margin: auto;
	background-image: url(/si/curves_red.gif);
	background-position: top left;
	border-bottom: 1px solid white;
	}
.grape_content {
	/*Note - there is also a .grape_content in style.home.css*/
	width: 892px;
	height: 82px;
	margin: auto;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	}
.grape_pic {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 421px;
	}
.grape_titles {
	text-align: left;
	margin-left: 35px;
	float: left;
	width: 256px;
	}
.clearboth {
	clear: both;
	}
.content_container {
	width: 100%;
	margin: auto;
	background-image: url(/si/stripes_red.gif);
	border-bottom: 1px solid #999999;
	}
.body_container {
	width: 100%;
	margin: auto;
	border-bottom: 1px solid #999999;
	}
.ORIGINALcontent {
	background-image: url(/si/background.gif);
	background-color: #FFFFFF;
	margin: 0;
	width: 892px;
	/*height needs to be set for firefox but not for ie*/
	height: 660px;
	margin: auto;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	}
.content {
    background-image: url(/si/background.gif);
    background-color: #FFFFFF;
    margin: 0;
    width: 892px;
    margin: auto;
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
    }
.contentwide {
	background-color: #FFFFFF;
	margin: 0;
	width: 892px;
	/*height needs to be set for firefox but not for ie*/
	/*height: 660px;*/
	margin: auto;
	border-left: 0px solid #999999;
	border-right: 1px solid #999999;
	}
.content_leftcolumn {
	text-align: left;
	font-size: 115%;
	line-height: 18px;
	float: left;
	width: 400px;
	margin-top: 23px;
	margin-bottom: 15px;
	margin-left: 20px;
	padding-right:15px;
	}
.content_leftcolumn li{
	margin-left: -24px;
	line-height: 18px;
	}
.content_middlecolumn {
	border-right: 1px dotted #888888;
	border-left: 1px dotted #888888;
	text-align: left;
	font-size: 115%;
	line-height: 19px;
	float: left;
	width: 186px;
	padding-right: 20px;
	padding-left: 20px;
	margin-top: 23px;
	margin-bottom: 15px;
	}
.content_rightcolumn {
	float: left;

	text-align: left;
	font-size: 115%;
	line-height: 20px;
	width: 160px;
	margin-left: 17px;
	margin-right: 15px;
	margin-top: 20px;
	margin-bottom: 15px;
	}
.horz_divider {
	width: 100%;
	height: 4px;
	font-size: 1px;
	background-color: #A23D77;
	border-bottom: 1px solid white;
	}
.crumb_container {
	width: 100%;
	margin: auto;
	background-image: url(/si/crumb_bg_red.gif);
	background-position: bottom center;
	background-repeat: no-repeat;
	}
.crumb_content {
	margin: auto;
	width: 892px;
	height: 36px;
	margin: auto;
	border-left: 1px solid white;
	border-right: 1px solid white;
	clear: both;
	}
.crumb_left {
	float: left;
	padding-left: 20px;
	text-align: left;
	color: gray;
	padding-top: 8px;
	padding-bottom: 15px;
	}

.bottombar_container {
	width: 100%;
	margin: auto;
	background-color: #372636;
	background-position: center;
	border-top: 1px solid white;
	}
.credit_content {
	text-align: right;
	font-size: 90%;
	color: gray;
	margin: 0;
	width: 892px;
	margin: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	}
.line {
	background-color: #A03E79;
	height: 1px;
	margin-bottom: 8px;
	font-size: 0px;
	}
.line hr {
	display: none;
	}
.line_vert {
	/*margin-top: 10px;*/
	margin-top: 10px;
	float:left;
	height: 43px;
	width:1px;
	}
.highlight{
	float:left;
	/*border:1px solid yellow;*/
	width:145px;
	}
.line_gray {
	background-color:#999999;
	height: 1px;
	margin-bottom: 15px;
	font-size: 0px;
	}
.line_gray_fat {
	background-color:#CCCCCC;
	height: 6px;
	margin-bottom: 0px;
	font-size: 0px;
	}
.col1 {
	text-align: left;
	font-size: 115%;
	line-height: 20px;
	float: left;
	width: 199px;
	height: 400px;

}
.col2 {
	text-align: left;
	font-size: 115%;
	line-height: 16px;
	float: left;
	width: 691px;
	border-left:1px solid #999999;
	}
.col2 a:hover {
	text-decoration: underline;
	}
.col2 ul{
	padding: 8px 8px 8px 0px;
	margin: 0 0 0 15px;
	}
.col2 li {
	list-style-image: url(/si/little_arrow.gif);
	background-image: none;
	line-height: 150%;
	padding: 0;
	margin: 0;
	padding-bottom: 10px;
	}
.col3 {
	float: right;
	text-align: left;
	font-size: 115%;
	width: 199px;
	padding-top: 10px;
	}
.col3 a:hover {
	text-decoration: underline;
	}

.col3 ul{
	padding: 10px 10px 15px 0px;
	margin: 0 0 0 10px;
	line-height: 250%;
	}
.col3 li {
	list-style: none;
	background-image: url(/si/little_arrow.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 15px;
	}
.colwide {
	text-align: left;
	font-size: 115%;
	line-height: 20px;
	float: left;
	width: 700px;
	height: 400px;
}
.subscribe {
	color: #7F7F7F;
	font-size: 85%;
	line-height: 125%;
	margin-left: 38px;
	margin-top: 10px;
        }
.middlecontent {
	width: 640px;
	margin: 5px 20px 20px 20px;
	}
.quotebox {
	padding: 8px;
	margin: 0;
	width: 170px;
	line-height:150%;
	font-size:90%;
        /*border: 1px solid red;*/
	}
.arrow {
	background-image:url(/si/arrow_content_red.gif);
	background-repeat:no-repeat;
	background-position: center;
	width:20px;
	height: 20px;
	margin-right: 5px;
	float:left;
	}
.indentedtext {
	float:left;
	width:415px;
	margin-bottom:20px;
	}
.subscribebox {
	padding:10px;
	height:110px;
	}
.rightcontentbox {
	padding:10px;
	height:auto;
	line-height:110%;

	}
.rightcontentheaderbox {
	background-color:#E6E6E6;
	border-bottom:1px solid gray;
	height:auto;
	color:#333333;
	padding:5px;
	padding-top:10px;
	padding-bottom:10px;
	font-weight:bold;
	}
.image {
	float:right;
	margin-left:20px;
	}
#current a{
	color:#999999;
	}
.typo3-adminPanel {
	text-align: left;
	}
.col3 .bodytext {
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 15px;
	line-height:150%;
	}
	
/* site map */

.csc-menu {
	line-height:75%;
	}
.csc-menu a:hover {
	text-decoration: underline;
	}
.csc-firstHeader {
	margin-bottom: 15px;
	}
.csc-sitemap-level1 {
	font-weight: bold;
	background-image:url(/si/little_arrow.gif);
	background-position: left center;
	background-repeat:no-repeat;
	padding-left: 15px;
	}
.csc-sitemap-level2 {
	margin-left: 20px;
	background-image:url(/si/little_arrow.gif);
	background-position: left center;
	background-repeat:no-repeat;

	padding-left: 15px;
	}
.csc-sitemap-level3 {
	margin-left: 40px;
	background-image:url(/si/little_arrow.gif);
	background-position: left center;
	background-repeat:no-repeat;
	padding-left: 15px;
	}
	
/* search results */
.csc-searchResultHeader {
    margin-top: 20px;
	margin-bottom: 0px;
	font-size: 110%;
	}






/* NAVIGATION BITS */

/*	background-image: url(/si/nav_bg.gif) */
.nav {
	background-color:#A03E79;
	width: 100%;
	margin: auto;
	background-position: bottom;
	border-bottom: 1px solid white;
	}
.nav_container {
	margin: auto;
	width: 892px;
	height: 26px;
	border-left: 1px solid white;
	border-right: 1px solid white;
	}
.nav_item, .nav_item-act {
	float: left;
	text-align: center;
	height: 26px;
	background-color: #996699;
	border-right: 1px solid white;
	display: block;
	}
.nav_text a {
	float: left;
	color: white;
	padding-left: 18px;
	padding-right: 18px;
	padding-top: 4px;
	padding-bottom: 0.5em;
	background-color: #A03E79;
	border-bottom: 1px solid white;
	}
.nav_item a {
	color: #ffffff;
	background-color: #A03E79;
	text-decoration: none;
	}
.nav_item a:hover, .nav_item-act a {
	color: #ffffff;
	background-color: #362636;
	text-decoration: none;
	cursor: pointer;
	}
	
.clearboth {
	clear: both;
	}
.bottombar_content {
	text-align: left;
	margin: auto;
	width: 892px;
	margin: auto;
	border-left: 1px solid white;
	border-right: 1px solid white;
	clear: both;
	}
.bottombar_links {
	padding-left: 20px;
	color: white;
	font-size: 90%;
	padding-top: 5px;
	padding-bottom: 5px;
	clear: both;
	}
.bottombar_links a {
	color: white;
	text-decoration: none;
	font-size: xx-small;
	}
.bottombar_links a:hover {
	text-decoration: underline;
	}
.crumb_left a {
	color: #333333;
	text-decoration: none;
	}
.crumb_left a:hover {
	text-decoration: underline;
	}
.crumb_right {
	float: right;
	padding-right: 8px;
	text-align: right;
	color: #ffffff;
	padding-top: 18px;
	}
.crumb_right a {
	color: white;
	text-decoration: none;
	font-size:xx-small;
	}
.crumb_right a:hover {
	text-decoration:underline;
	}
.credit_content a {
	color:#333333;
	text-decoration:none;
	}
.credit_content a:hover {
	text-decoration:underline;
	}
	
/* LEFT NAV 1st LEVEL Navigation */
.leftnav {
	width: 199px;
	}
#leftnavactive a{
	color: #996699;
	text-decoration: none;
	font-weight: bolder;
	}
#leftnavactive {
        /*background-color: #996699;*/
        }
.leftnav a:hover {
	text-decoration: underline;
	}
	
.leftnavitem {
	padding-left: 35px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0;
	background-image: url(/si/arrow_leftnav_red.gif);
	background-position: left center;
	background-repeat: no-repeat;
	border-bottom: 1px solid #999999;
	}

/* LEFT NAV 2st LEVEL Navigation */
.leftsubnav {
	margin: 0;
	width: 100%;
	background-color:#F5F5F5;
	}
#leftsubnavactive a{
	color: gray;
	text-decoration: none;
	font-weight: bolder;
	}
#leftsubnavactive {
        background-color: gray;
        }
.leftsubnavitem {
	padding-left: 35px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 0;
	background-image: url(/si/arrow_leftsubnav.gif);
	background-position: left center;
	background-repeat: no-repeat;
	border-bottom: 1px solid #999999;
	}
/* LEFT NAV 2nd LEVEL Navigation */
.leftsubnav2 {
	margin: 0;
	width: 100%;
	background-color: #FCFCFC;
	}
#leftsubnav2active a{
	color: #999999;
	text-decoration: none;
	font-weight: bolder;
	}
.leftsubnav2item {
	padding-left: 45px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 0;
	background-image: url(/si/arrow_leftsubnav.gif);
	background-position: 10px center;
	background-repeat: no-repeat;
	border-bottom: 1px solid #666666;
	}

	
/* NAV right col */
.navitemright {
	padding: 0;
	margin: 0;
	margin-left: 10px;
	}
.rightnavdetail ul{
	padding: 10px 10px 15px 0px;
	margin: 0 0 0 15px;
	}
.rightnavdetail li{
	list-style-image: url(/si/little_arrow.gif);
	background-image: none;
	list-style-position:inside;
	line-height: 175%;
	padding-left: 0px;
	padding-bottom:20px;
	}



/* ====================================== */
/* COLOUR CODED STYLES */

.leftnav a {
	text-decoration: none;
	color:#B1092E;
	}
#leftnavactive {
        /*background-color: #efdcd6;*/
        }
#leftnavactive a{
        color: #510B1F;
        }
#leftsubnavactive {
        background-color: #efdcd6;
        }
.col2 a {
	color:#B1092E;
	text-decoration:none;
	}
.col3 a {
	color:#B1092E;
	text-decoration:none;
	}
.grape_container_subpages {
	background-image: url(/si/curves_red.gif);
	}
.crumb_container {
	background-image: url(/si/crumb_bg_red.gif);
	}
.horz_divider {
	background-color: #B1092E;
	}
.nav {
	background-color:#B1092E;
	}
.nav_item, .nav_item-act {
	background-color: #D73357;
	}
.nav_text a {
	background-color:#B1092E;
	}
.nav_item a:hover, .nav_item-act a {
	background-color: #510B1F;
	}
.bottombar_container {
	background-color: #B1092E;
	clear: both;
	}
.bottombar_OLDcontainer {
	background-color: #510B1F;
	clear: both;
	}
.line {
	background-color: #B1092E;
	}
.topbar_content {
	background-image: url(/si/grapes_ghost_sml.jpg);
	}
.grape_pic {
	width: 314px;
	height: 79px;
	background-image: url(/si/big_grape_news_sml.gif);
	background-repeat: no-repeat;
	}
.leftnavitem {
	background-image:url(/si/arrow_leftnav_red.gif);
	}
.arrow {
	background-image:url(/si/arrow_content_red.gif);
	}




.crumb_container_top {
	width: 100%;
	margin: auto;
	background-image: url(/si/crumb_bg_red_top.gif);
	background-position: top center;
	background-repeat: no-repeat;
	}	
.crumb_content_top {
	margin: 0;
	width: 892px;
	height: 36px;
	margin: auto;
	border-left: 1px solid white;
	border-right: 1px solid white;
	}
.crumb_left_top {
	float: left;
	padding-left: 8px;
	text-align: left;
	color: #ffffff;
	padding-top: 4px;
	}
.crumb_left_top a {
	color: white;
	text-decoration: none;
	font-size:xx-small;
	}
.crumb_left_top a:hover {
	text-decoration:underline;
	}
h1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: lighter;
	color: #999999;
	margin-bottom: 3px;
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 2px;
    line-height:24px;
}
h2 {
	font-size: 120%;
	font-weight: bold;
	color:#666666;
	}
h3 {
	font-size: 130%;
	font-weight: bold;
	color:#333333;
	}
h4 {
	font-size: 120%;
	font-weight: bold;
	color:#CC0000;
	}

.msg0
{
	text-align: center;
	font-size: 12px;
	font-weight: bolder;
	color: #CC0000;
}
.msg1
{
	text-align: left;
	font-size: 12px;
	font-weight: bolder;
	color: #CC0000;
}
.msg2
{
	text-align: center;
	color: #CC0000;
}
.msg3
{
	text-align: right;
	font-size: 12px;
	font-weight: bolder;
	color: #CC0000;
}

.row1
{
	background-color:#ECD5CE;
	height: 18px;
	font-size: 10px;
}
.row2
{
	background-color:#FFFFFF;
	height: 18px;
	font-size: 10px;
}
.h2 {
	font-size: 120%;
	font-weight: bold;
	color:#666666;
	}
.ddinput {
	background-color:#FFFFFF;
	font-size: 11px;
	text-align: left;
	border-bottom: 1px solid #993300;
}


table.report {
	border-right:1px solid #999999;
	border-top:1px solid #999999;
}

table.report td, table.report th {
	border-left:1px solid #999999;
	border-bottom:1px solid #999999;
}

table.report .listheader td {
	padding-left:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}
.listheader {
	background-color:#ECD5CE;
}

tr.listheader {
	padding:2px;
	height:30px;
}
.listrow   {
	background-color: #FFFFFF;
	height: 25px;
}

/*
*/