body {
    font-family: Verdana, Arial;
    padding:0px;
    margin:0px;
    font-size: small;
    background-color:#242225;
}


a, a:visited { color:#5A1162; }


form.pageForm {
    margin:0px auto 0px auto;
    padding:0px auto 0px auto;
    background:url('/_lib/images/chrome/bodyBackground.gif');
    background-repeat:repeat-y;
    width:1024px;
}

div#pageBody {
    margin:0px auto 0px auto;
    padding:0px auto 0px auto;
    /*height:880px;*/
    width:981px;
    background-color:#ffffff;
}

div#printHeader { display:none; }

/*div#copyright {
  text-align:right;
  padding:5px 5px 0px 0px;
  clear:both;
  font-size:x-small;
  color:#5D5761;
}*/

/*************************
Page Customer Centre menu
*************************/

div#customerCentre {
    font-family: Trebuchet MS, Verdana, Arial;
    float:right;
    width:185px;
    margin-right:12px;
    white-space:nowrap;
}

div#customerCentre ul {
    padding: 0px;
    margin: 0px;
}

div#customerCentre li.tile, div#customerCentre li.tileFoot {
    list-style-type:none;
    font-weight:bold;
    display:block;
    background-image:url('/_lib/images/chrome/customerCentreTile.jpg');
    background-repeat:no-repeat;
    height:57px;
    width:185px;
    line-height:57px;
}

div#customerCentre li.tile {
    height:56px;
    line-height:56px;
}

div#customerCentre li.tileFoot {
    line-height:56px;
}

div#customerCentre li.tileTop {
    list-style-type:none;
    height:57px;
    width:185px;
    padding:0px 0px 0px 5px;
    font-size:smaller;
    background-image:url('/_lib/images/chrome/customerCentreTileTop.jpg');
    background-repeat:no-repeat;
    display:block;
}
div#customerCentre li.tileFoot {
    background-image:url('/_lib/images/chrome/customerCentreTileFoot.jpg');
}

div#customerCentre li.tile:hover, div#customerCentre li.tileFoot:hover {
  background-position: 0px -58px;
	background-repeat: no-repeat;
}

div#customerCentre li.tile a, div#customerCentre li.tileFoot a /*, div#customerCentre li.tileTop a*/ {
    padding:0px 0px 0px 5px;
    text-decoration:none;
    color:#5D5761;
    line-height:56px;
    height:56px;
}

div#customerCentre li.tile:hover a, div#customerCentre li.tileFoot:hover a {
    color:#ffffff;
}

div#customerCentre li.tile a:hover, div#customerCentre li.tileFoot a:hover {
    border-bottom:1px dotted #ffffff;
}

div#customerCentre li.tile img, div#customerCentre li.tileFoot img {
    float:right;
    border:0;
    padding:5px 5px 0px 0px;
}

/************
Page Header
************/

div#pageHeader {
    width:981px;
    height:225px;
    background:url('/_lib/images/chrome/header.jpg');
    background-repeat:no-repeat;
}

div#pageHeader .search {
    position:relative;
    top:129px;
    left:565px;
	  width: 200px;
	  height:24px;
}


div#pageHeader input {
	height: 14px;
	border: none;
	background: #cbcdce url('/_lib/images/chrome/srchBoxMiddle.gif') repeat-x 0 0;
	width: 110px;
	font-size: 90%;
	color: #666;
	padding: 5px 0px;
}

div#pageHeader input.srchButton {
  background-image:url('/_lib/images/buttons/btnSearch.jpg');
  height: 24px;
  background-repeat: no-repeat;
  width: 27px;
  border:0px;
  cursor:pointer;
}

div#pageHeader input.srchButton:hover {
	background-position: 0px -24px;
	background-repeat: no-repeat;
}

/*****************
Page dropdown menu
*****************/

div#pageMenu {
    font-family: Trebuchet MS, Verdana, Arial;
    width:771px;
    position:relative;
    top:131px;
    height:53px;
    background-image:url('/_lib/images/chrome/pageTab/tabBg.gif');
    background-repeat:repeat-x;
    background-position:left top;
    padding:0px 0px 0px 13px;
}

div#pageMenu ul {
    margin:0;
    padding:0;
    list-style-type:none;  
}

div#pageMenu ul.dropMenu, div#pageMenu ul.dropMenuSelected {
    float:left;
    position:relative;
    z-index:1000;
    /*background-image:url('/_lib/images/chrome/menuBarTabPrpl.gif');
    background-repeat: no-repeat;
    height:50px;
    width:191px;*/
}

div#pageMenu li.dropMenu {
    position:relative;
    padding:0px;
    margin:0px;
}


div#pageMenu ul.dropMenu, div#pageMenu ul.dropMenuSelected {
    float:left;
    position:relative;
    z-index:1000;
    background-repeat: no-repeat;
    
}

#tabAbout {
    background-image:url('/_lib/images/chrome/pageTab/about.jpg');
    width:191px;
    height:35px;
}

#tabProduct {
    background-image:url('/_lib/images/chrome/pageTab/products.jpg');
    width:189px;
    height:35px;
}

#tabMyGrapevine {
    background-image:url('/_lib/images/chrome/pageTab/myGrapevine.jpg');
    width:189px;
    height:35px;
}

#tabSupport {
    background-image:url('/_lib/images/chrome/pageTab/support.jpg');
    width:190px;
    height:35px;
}

#tabHome {
    background-image:url('/_lib/images/chrome/pageTab/home.jpg');
    width:197px;
    height:35px;
}

#tabAbout:hover, #tabProduct:hover, #tabMyGrapevine:hover,
#tabSupport:hover, #tabHome:hover, div#pageMenu ul.dropMenuSelected > li.dropMenu  {
  background-position: 0px -35px! important;
	background-repeat: no-repeat;
}

div#pageMenu li.dropMenu > a {
    height:35px;
    /*padding-top:8px;*/
    color:#dddddd;
    display:block;
    font-size:0.9em;
    font-weight:bold;
    line-height:1em;
    text-align:center;
    text-decoration:none;
    vertical-align:middle;
}

div#pageMenu li ul
{ display:none; }

div#pageMenu li:hover ul
{ display:block; }

/*div#pageMenu ul.dropMenuSelected li:hover ul
{ display:none; }*/

div#pageMenu ul.dropMenuItem {
    background-color:#dddddd;
    position:relative;
    top:-2px;
    padding:0px;
    text-align:left;
    z-index:1000;
    width:188px;
}

div#pageMenu li.dropMenuItem {
  background-image:url('/_lib/images/chrome/bgMenu.jpg');
  background-repeat: no-repeat;
  width:188px;
  height:36px;
  line-height:36px;
  z-index:1000;
}

div#pageMenu li.dropMenuItem:hover {
  background-position: 0px -36px;
	background-repeat: no-repeat;
	color:#ffffff;
}

div#pageMenu li.dropMenuItem a {
    margin-left:10px;
    height:36px;
    line-height:36px;
    color:#000000;
    display:block;
}

div#pageMenu li.dropMenuItem:hover a {
  color:#ffffff;
  text-decoration:none;
}

/************
Page
************/

div#pageAdvert {
    margin:0px auto 0px 13px;
    padding:0px auto 0px 13px;
    height:96px;
    width:763px;
}

div.breadCrumbHolder {
  clear:left;
  width:759px;
  height:33px;
  background-image:url('/_lib/images/chrome/pageTab/tabFoot.jpg');
  background-repeat:no-repeat;
  background-position:left top;
}

div.breadCrumbs {
    font-family: Trebuchet MS, Verdana, Arial;
    font-size:smaller;
    margin:5px 0px 0px 5px;
    padding:5px 0px 0px 5px;
    height:25px;
    width:956px;
    /*background:url('/_lib/images/chrome/pageTab/breadcrumbBg.jpg');
    background-repeat:no-repeat;
    background-position:left top;*/
}

div#pageContent {
    background-color:#ffffff;
    margin:0px auto 0px 13px;
    padding:0px auto 0px 13px;
    width:763px;
    min-height:320px;
    height:auto !important;
    height:320px;
}


/************
Homepage boxes
************/

div.blueBox, div.greyBox, div.orangeBox, div.purpleBox {
    font-family: Trebuchet MS, Verdana, Arial;
    background-repeat :no-repeat !important;
    min-height:137px;
    height:auto !important;
    height:137px;
    width:245px;
    /*margin:5px 9px 5px 0px;*/
    float:left;
}


div.greyBoxSmall {
  width:186px;
  height:144px;
  background:url('/_lib/images/boxes/greyBoxSmall.jpg');
  background-repeat:no-repeat;
}

div.greyBox {
    margin-top:8px;
    background:url('/_lib/images/boxes/greyBox.jpg');
    background-color:#A9AAAC;
}

div.greyBoxTitle {
    padding:0px;
    text-align:center;
}

div.greyBoxContent {
   padding:4px 5px 0px 5px;
   background-repeat:no-repeat;
   background-position:right bottom;
   height:98px;
}


div.orangeBox {
    margin-top:12px;
    background:url('/_lib/images/boxes/orangeBox.jpg');
    background-color:#000000;
}


div.purpleBox {
    margin-top:12px;
    background:url('/_lib/images/boxes/purpleBox.jpg');
    background-color:#000000;
}


div.blueBox {
    margin-top:12px;
    background:url('/_lib/images/boxes/blueBox.jpg');
    background-color:#000000;
}

div.boxContent {
    padding:0px 5px 2px 10px;
    margin:0px;
    color:#dddddd;
    min-height:59px;
}

div.boxContent ul {
    font-size:smaller;
    padding: 2px 2px 2px 15px;
    margin: 0px;
}

div.boxContent ul li {
    padding-bottom: 10px;
}

div.boxContent strong {
    font-size:small;
}


input.btnCheckNumber {
  height:23px;
  width:92px;
  border:0px;
  background-repeat: no-repeat;
  background-image:url('/_lib/images/buttons/btnCheckNumber.jpg');
	cursor:pointer;
}

input.btnCheckNumber:hover {
	background-position: 0px -24px;
	background-repeat: no-repeat;
}

img.txtLearnMore {
  border:0;
  height:11px;
  width:78px;
}

/************
Page footers
************/

div#pageFooter { 
    clear:both;
    padding:10px 0px 10px 10px;
    font-size:10px;
    background:url('/_lib/images/chrome/contentFoot.gif');
    background-repeat:no-repeat;
    background-position:left top;
    background-color:#000000;
    color:#660066;
}


div#pageSubFooter {
    font-size:smaller;
    background-color:#000000;
    color:#ffffff;
    background-repeat:no-repeat;
    background-position:left bottom;
}


div.subFooterContent {
    width:169px;
    min-height:155px;
    height:auto !important;
    height:155px;
    padding:10px 17px 10px 10px;
    float:left;
    /*border-right:1px dotted #660066;*/
    background:url('/_lib/images/chrome/dotSpacer.gif');
    background-repeat:repeat-y;
    background-position:right top;
    background-color:#000000;
}


div.subFooterContent ul {
    padding: 2px 2px 2px 20px;
    margin: 0px;
}

div#pageFooter a, div#pageSubFooter a { 
    color:#ffffff;
    text-decoration:none;
}

div#pageFooter a:hover, div#pageSubFooter a:hover { 
    color:#ffffff;
    text-decoration:underline;
}



/******************
  Standard tables
*********************/

table.formTable {
  width:100%;
}

table.formTable th, table.formTable tr.tblFoot, .tblHeader {
  background-color:#4E044F;
  background-image:url('/_lib/images/chrome/darkpurple_colour.jpg');
  background-repeat:repeat-x;
  color:#ffffff;
  height:31px;
}


table.formTable td {
  border-bottom:1px solid #cccccc;
  text-align:center;
  padding:4px 2px 4px 2px;
}

table.formTable tr.evenRow {
  background-color: #F9F9F9;
}

table.formTable tr.oddRow {
  background-color: #ECECEC;
}

table.formTable td.leftCell {
  border-left:1px solid #cccccc;
  text-align:left;
  font-weight:bold;
}

table.formTable td.rightCell {
  border-right:1px solid #cccccc;
}



table.basicTable, table.borderedTable,
table.orangeTable, table.blueTable, table.greenTable  {
  width:100%;
}

table.borderedTable {
  border :1px solid #E9E9E9;
  border-bottom:0px;
}
table.basicTable th, table.basicTable tr.tblFoot,
table.borderedTable th, table.borderedTable tr.tblFoot {
  background-color:#B8C4D8;
  color:#242225;
  height:31px;
}


table.basicTable td, table.borderedTable td {
  border-bottom:1px solid #E9E9E9;
  /*text-align:center;*/
  padding:4px 2px 4px 2px;
}



table.blueTable { border:1px solid #99B0C6; }

table.blueTable th, table.blueTable tr.tblFoot, fieldset.fsRoundL legend {
  background-color:#99B0C6;
  color:#FFFFFF;
  height:31px;
  background-image:url('/_lib/images/chrome/bluBackground.jpg');
  background-position:left top;
  background-repeat:repeat-x;
  }


table.orangeTable { border:1px solid #EFA659; }
 
table.orangeTable th, table.orangeTable tr.tblFoot {
  background-image:url('/_lib/images/chrome/ongBackground.jpg');
  background-position:left top;
  background-repeat:repeat-x;
  background-color:#EFA659;
  color:#5D5761;
  height:31px;
 }


table.greenTable { border:1px solid #8F995D; }
 
table.greenTable th, table.greenTable tr.tblFoot {
  background-image:url('/_lib/images/chrome/khkBackground.jpg');
  background-position:left top;
  background-repeat:repeat-x;
  background-color:#8F995D;
  color:#FFFFFF;
  height:31px;
 }


table.darkTable { border:1px solid #99B0C6; }

table.darkTable th, table.darkTable tr.tblFoot, fieldset.fsRoundD legend {
  background-color:#99B0C6;
  color:#FFFFFF;
  height:31px;
  background-image:url('/_lib/images/chrome/darkbg.gif');
  background-position:left top;
  background-repeat:repeat-x;
  font-weight:bold;
  padding:5px 5px 0px 5px;
  }


table.darkpurpleTable { border:1px solid #947189; } 
table.darkpurpleTable th, table.darkpurpleTable tr.tblFoot {
  background-image:url('/_lib/images/chrome/darkpurple_colour.jpg');
  background-position:left top;
  background-repeat:repeat-x;
  background-color:#947189;
  color:#FFFFFF;
  height:31px;
 }

/*table.borderedTable td {
  text-align:left;
}*/

tr.evenRow {
  background-color: #F9F9F9;
}

tr.oddRow {
  background-color: #ECECEC;
}

td.leftCell {
  /*border-left:1px solid #E9E9E9;*/
  text-align:left;
  font-weight:bold;
  text-align:left;
}

/*td.rightCell {
  border-right:1px solid #E9E9E9;
}*/

td.centerCell {
  text-align:center;
}






/*  Textual styles */

h1, h2, h3, h4 {
  font-family: Trebuchet MS, Verdana, Arial;
  margin-top:0px;
  padding-top:0px;
}

h1 { color: #5B1063; font-size:x-large;}
h2 { color: #242225; font-size:large; }
h3 { color: #5D5761; font-size:larger; }
h4 { color: #5D5761; }

a {
  /*color: #5B1063;*/
  text-decoration:none;
}

a:hover {
    text-decoration:underline;
}

.footNote, .small { font-size: smaller; }

.noScreen { display:none; }


.termsNum li{list-style-type :decimal;} 
.termsAlpha li{list-style-type :lower-alpha;} 
.termsRoman li{list-style-type :lower-roman;}


/* CSS 3 extras */
.toLink { outline: 1px solid red! important;}

input[type=text] {
  background-color:#FFFFFF;
  border:1px solid #242225;
  padding-left:2px;
}

input[type=text]:focus {
  background-color:#99B0C6;
  border:1px solid #242225;
  padding-left:2px;
}

/*
div#pageContentMiddle a[href^="https:"]:after {
  padding-left:5px;
  content: url('/_lib/images/alerts/secure-icon.png');
}

div#pageContentMiddle a[href^="mailto:"]:after {
  padding-left:5px;
  content: url('/_lib/images/alerts/mail-icon.png');
}

div#pageContentMiddle a[href$=".pdf"]:after {
  padding-left:5px;
  content: url("/_lib/images/alerts/pdf-icon.png");
} */


/* Mostly used in GVTV section */
p.purple 
{
	  background-color:#735877; /*purple*/
      /*background-color:#99B0C6; blueish-grey*/
      color:#FFFFFF;
      background-image:url('/_lib/images/chrome/darkpurple_colour.jpg');
      background-position:left top;
      background-repeat:repeat-x;
      text-align:left;
      padding-left:5px;
      font-weight:bold;
      padding:10px;
      }
      
tr.infoBoxTitle td {background-color:#C2ACC3; background-image:url(/_lib/images/chrome/darkpurple_colour.jpg); background-repeat:repeat-x; color:#FFFFFF; height:31px;}