@import url("/css/averys.css");
@import url("/css/tgraphbottom.css");

/* colours used by this stylesheet
#FCF2EF = pale pink
#FFE2D8 = pink
#C30 = red-orange
#369 = deep grey-blue
#FFF = white
#CCC = light grey
#999 = medium grey
#666 = dark grey
#333 = very dark grey
#E8D6EF = light purple
#606 = purple
#000 = black
#FFC = pale yellow-grey
#69C = medium-pale blue (lait left nav etc)
#F7F7DE = pale yellow (slightly yellower than #FFC)
#900 = dark red-orange
#FEFEED = very pale yellow-grey
#7C562D = brown
*/


/* body taken from shop.telegraph - AW 14/9/09 */
body {
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	line-height:16px;
	margin:0px;
	background:#F7F7F7;
	text-align: center;
	padding: 0;
	padding-top: 6px;

}

/* 
	17th June 2010 Chris Newton
	The banner has a square box around it.  Could we possibly get this removed so it looks like bin ends / web only offers without the box?
*/	
.greenborder
{
border: 0;
}



/* CG
html>body { 
font-size:small;
}
*/

/* input fix for nn4.x - do not apply font sizes */
input, select
{
font-family: arial, verdana, sans-serif;
color:#000;
/*/*/
font-size:x-small;
voice-family:"\"}\"";
voice-family:inherit;
font-size:small;
/* */
}

a:link, a:visited
{
text-decoration: none;
cursor: pointer;
color: #630003;
}
a:hover
{
text-decoration: underline;
}
a:active {
text-decoration: none;
}

/* end 'LoVe, HA!' rule */


a.basketlink:link, a.basketlink:visited
{
font-weight: bold;
text-decoration: underline;
cursor: pointer;
color: #C00;
}

a.basketlink:hover
{
text-decoration: none;
} 

a.basketlink:active
{
text-decoration: none;
}

td
{
/*font-size: 92%;*/
}

.basketnavbar
{
font-size: 85%;
color: #FFC;
background-color: #FFF;
font-weight: bold;
}

.basketnavbarthin
{
font-size: 85%;
color: #FFC;
background-color: #FFF;
}

.baskettable
{
font-size: 85%;
background-color: #E8D6EF;
}

.baskettableproduct
{
font-size: 85%;
background-color: #FFF;
}

.baskettabletitle
{
font-weight: bold;
font-size: 85%;
color: #FFF;
}

.bestseller
{
font-weight: bold;
font-size: 161%;
color: #369;
}

.bestsellerone
{
font-weight: bold;
font-size: 208%;
color: #369;
background-color: #FFF;
}

.bgshade
{
background-color: #FFF;
color: #000;
}

.blank
{
background-color: #FFF;
}

.blue
{
border: 1px solid #999;
border-width: 1px 0 1px 2px;
font-weight: bold;
text-transform: uppercase;
color: #fff;
font-family: "verdana", arial, helvetica, sans-serif, serif;
background: #999;
}

.brown /* this is now grey */
{
border: #999 1px solid;
border-width: 1px 0 1px 2px;
font-weight: bold;
text-transform: uppercase;
text-align: center;
color: #fff;
font-family: "verdana", arial, helvetica, sans-serif, serif;
background: #999;
font-size: 90%;
}
a.brown, a:hover.brown, a:visited.brown
{
color: #fff;
}


.redbgwhitetext
{
color: #FFF;
background-color: #999;
font-weight: bold;
padding: 2px;
font-size: 85%;
}

.bluetext
{
font-size: 98%;
color: #369;
background: #fff;
}

.body1
{
color: #000;
font-size: 95%;
}

.bodybold1
{
color: #000;
font-size: 95%;
font-weight: bold;
}

.body1lined
{
color: #000;
font-size: 95%;
border: 0;

}

.body2
{
color: #000;
font-size: 95%;
}

.body3
{
color: #000;
}

.body4, .bodylink4 {
color: #000;
font-size: 85%;
}
.bodybold4 {
color: #000;
font-size: 85%;
font-weight: bold;
}

.bodybold2
{
color: #000;
font-size: 95%;
font-weight: bold;
}

.bodybold3
{
color: #000;
font-weight: bold;
}

.bodylink1
{
color: #339;
font-size: 95%;
}

.bodylink1:hover
{
color: #339;
}

.bodylinkbold1
{
color: #369;
font-size: 95%;
font-weight: bold;
}

.bodylinkbold1:hover
{
color: #369;
}

.bodylink2
{
color: #369;
font-size: 95%;
}

.bodylink2:hover
{
color: #369;
}

.bodylinkbold2
{
color: #369;
font-size: 95%;
font-weight: bold;
}

.bodylinkbold2:hover
{
color: #369;
}

.bodylinkbold3
{
color: #000;
font-size: 95%;
font-weight: bold;
}

.bodylinkbold3:hover
{
color: #000;
}

.bottomnav
{
background-color: #FFFFFF;
font-size: 11pt;
color: #000000;
}

.bottomnavlink, .bottomnav a
{
	font-family: Arial;
color: #000000;
font-weight: bold;
}

.bottomnavlink:hover
{
color: #000000;
}

.bottomtext
{
color: #000000;
}

.border
{
border: 1px solid #999;
}

.browseedge
{
background-color: #E8D6EF;
}

.browseqty
{
font-size: 70%;
color: #999;
}

.browselink1
{
font-size: 85%;
color: #369;
font-weight: bold;
}

.browselinkselected1
{
font-size: 85%;
font-weight: bold;
color: #000;
font-weight: bold;
}

.browsingnavbar
{
background-color: #FFE2D8;
}

.buttontext1
{
color: #369;
font-size: 95%;
font-weight: bold;
}

.buttontext1:hover
{
color: #369;
}

.buttontext2
{
color: #369;
font-size: 95%;
font-weight: bold;
}

.buttontext2:hover
{
color: #369;
}

.buttontextns
{
background-color: #369;
color: #FFF;
font-size: 85%;
font-weight: bold;
}

.buttontextns:hover
{
color: #FFF;
}

.casepromotion
{
border: 1px solid #369;
color: #C30;
background-color: #F7F7DE;
}

.casepromotionpic
{
border: 1px solid #369;
background-color: #FFF;
}

.casetable
{
border: #999 1px solid;
}

.clubmembershipnav
{
background-color: #FFE2D8;
border: 1px solid #C30;
border-left: 0;
border-right: 0;
}

.customerservicenavbar
{
background-color: #FFF;
}

.customerservicephonenumber
{
color: #69C;
font-size: 120%;
font-weight: bold;
}

.customerservicephonenumbertitle
{
color: #69C;
font-size: 85%;
font-weight: bold;
}

.darkblue /* this is now brown */
{
border: #966 1px solid;
border-width: 1px 0 1px 2px;
font-weight: bold;
text-transform: uppercase;
text-align: center;
color: #fff;
font-family: "verdana", arial, helvetica, sans-serif, serif;
background: #966;
font-size: 90%;
}
a.darkblue, a:hover.darkblue, a:visited.darkblue
{
color: #fff;
}

.darkstripe
{
background-color: #E8D6EF;
}

.dealofthedaynavbar
{
background-color: #FFF;
}

.delinstextbox
{
background-color: #E8D6EF;
border: 0;
font-weight: bold;
}

.delivery {}

.deliverytitle
{
font-weight: bold;
font-size: 95%;
color: #FFF;
background-color: #C30;
}

.dimmed
{
font-weight: bold;
font-size: 85%;
color: #999;
}

.finewines
{
background-color: #FEFEED;
}

.finewinesbox
{
border: 1px solid #C30;
color: #C30;
background-color: #FFF;
}

.finewinesline
{
color: #999;
height: 1px;
}

.formcontrol
{
/* this has to remain hard coded otherwise the left nav will be thrown out */
font-size: 12px;
}

.fourseasons
{
background-color: #000;
color: #FFF;
border: 1px solid #FEFEED;
font-size: 95%;
font-weight: bold;
}

.gapnav
{
background-color: #FFF;
}

.giftbanner
{
background-color: #7C562D;
color: #FFF;
font-size: 95%;
}

.gifthighlight
{
background-color: #FFE2D8;
}

.green, .green2 /* this is now reddish-brown */
{
border: #900 1px solid;
border-width: 1px 0 1px 2px;
font-weight: bold;
text-transform: uppercase;
text-align: center;
color: #fff;
font-family: verdana, arial, helvetica, sans-serif, serif;
background: #900;
font-size: 90%;
}
a.green2, a:hover.green2, a:visited.green2
{
color: #fff;
}


.h1, h1
{
color: #630003;
font-size: 21px;
font-weight: bold;
font-family: arial, helvetica, sans-serif, serif;
}

.h2, h2
{
color: #630003;
font-weight: bold;
}

.h2:hover, h2:hover
{
color: #630003;
}

.h3, h3
{
color: #000;
font-size: 1.2em;
font-weight: bold;
}

.h5, h5
{
color: #630003;
font-size: 150%;
font-weight: normal;
}

.h6, h6
{
font-size: 192%;
font-weight: bold;
}

h6
{
background:transparent url(http://shop.telegraph.co.uk/csp/tel/readeroffers/images/common/SectHeadBG.gif) repeat-x scroll center bottom;
color:#630003;
font-size:13px;
font-weight:bold;
line-height:13px;
margin-top:8px;
margin-bottom:8px;
text-transform:uppercase;
padding:0px;
}
h6 span
{
background-color:#FFFFFF;
padding-right:3px;
}





.h7, h7
{
font-size: 346%;
font-weight: bold;
}

.h8, h8
{
color: #630003;
font-family: "Times New Roman", serif, sans-serif;
font-size: 155%;
}

.h9, h9
{
color: #630003;
font-family: "verdana", arial, helvetica, sans-serif, serif;
font-size: 155%;
}

.headerfill, .headertext
{
border: #FFF 0 solid;
border-width: 0;
background: #FFF;
color: #000;
font-family: "verdana", arial, helvetica, sans-serif, serif;
font-size: 95%;
}

.headertitle, h4, .h4
{
font-size: 26px;
color: #630003;
font-family: "verdana", arial, helvetica, sans-serif, serif;
text-transform: none;
font-weight: normal;
}

.highlight
{
border: 0;
background-color: #FEFEED;
font-weight: bold;
font-size: 85%;
color: #000;
}

.highlight:hover
{
color: #C30;
}

.highlightline
{
border: 0;
background-color: #FEFEED;
font-weight: bold;
font-size: 85%;
color: #000;
}

.highlightline:hover
{
color: #C30;
}

.highlightlineselected
{
border: 0;
background-color: #FEFEED;
font-weight: bold;
font-size: 85%;
color: #606;
}

.highlightlineselected:hover
{
color: #606;
}

.highlightselected
{
border: 0;
background-color: #FEFEED;
font-weight: bold;
font-size: 85%;
color: #606;
}

.highlightselected:hover
{
color: #606;
}

.imgpadding
{
margin: 10px;
}

.keyline1
{
background-color: #FFF;
}

.keyline2
{
background-color: #C30;
}

.keyline3
{
background-color: #FCF2EF;
}

.keyline4
{
background-color: #606;
}

.largequote
{
font-weight: bold;
font-size: 120%;
color: #606;
FONT-STYLE: italic;
}

.leftframe
{
background-color: #FFF;
}

.legaltext, .legaltext .text
{
font-size: 92%;
color: #999;
}

.line01
{
color: #FFE2D8;
height: 1px;
}

.line02
{
color: #C30;
height: 1px;
}

.line03
{
color: #606;
height: 1px;
}

.line04
{
color: #999;
height: 1px;
}

.line05
{
color: #000;
height: 1px;
}

.line06
{
color: #FFF;
height: 1px;
}

.line07
{
color: #FFC;
height: 1px;
}

.line08
{
color: #FCF2EF;
height: 1px;
}

.line09
{
color: #69C;
height: 1px;
}

.line10
{
color: #E8D6EF;
height: 1px;
}

.line11
{
color: #F7F7DE;
height: 1px;
}

.line12
{
color: #FFF;
height: 1px;
}

.line13
{
color: #900;
height: 1px;
}

.line14
{
color: #999;
height: 1px;
}

.line15
{
color: #000;
height: 1px;
}

.line16
{
color: #FEFEED;
height: 1px;
}

.linefill
{
background: #999;
}

.linefill3
{
background: #999;
}

.linkgroup
{
color: #369;
font-size: 95%;
}

.linkgroup2
{
font-size: 85%;
color: #FFC;
background: #F7F7DE;
}

.linkwhite
{
font-weight: bold;
font-size: 85%;
color: #FFF;
}

.lnav {
background: #EAEAEA;
padding: 1px 8px 1px 0;
border-top: 1px solid #FFF;
}
.lnav a {
color: #000;
font-weight:normal;
font-size: 11px;
}

.lnavselected {
background:#FFF;
padding: 1px 8px 1px 0;
border-top: 1px solid #FFF;
border-left: 5px solid #C00;
}
.lnavselected a {
color: #C00;
font-weight: bold;
font-size: 11px;
}

.lnavtitle {
font-weight: bold;
font-size: 85%;
color: #000;
padding: 1px 3px 1px 0;
border-left: 5px solid #CCC;
border-top: 1px solid #FFF;
}
.lnavtitle a {
font-weight: bold;
font-size: 95%;
color: #000;
}


.mandatory
{
font-size: 95%;
}

.navlinkbold1
{
font-size: 95%;
font-weight: bold;
color: #369;
}

.navlinkbold1:hover
{
color: #369;
}

.navlinkbold2
{
font-size: 95%;
font-weight: bold;
color: #369;
}

.navlinkbold2:hover
{
color: #369;
}

.navlinkboldselected1
{
font-weight: bold;
color: #C00;
}

.navprimary
{
background-color: #FFF;
color: #333;
font-size: 95%;
font-weight: bold;
font-family: "verdana", arial, helvetica, sans-serif, serif;
}

.navprimaryselected
{
background-color: #FFE2D8;
color: #FFF;
font-size: 95%;
font-weight: bold;
}

.navsecondary
{
color: #369;
font-family: verdana, arial, sans-serif, serif;
font-size: 85%;
font-weight: bold;
}

.navsecondaryselected
{
color: #000;
font-family: verdana, arial, sans-serif, serif;
font-size: 85%;
font-weight: bold;
}

.navtitle1
{
color: #FFF;
background-color: #999;
font-weight: bold;
padding: 2px;
font-size: 85%;
border-width: 0;


}
.navtitle1text
{
font-weight: bold;
font-size: 95%;
text-transform: uppercase;
font-family: verdana, arial, sans-serif, serif;
color: #FFF;
}
.navtitle2
{
font-weight: bold;
font-size: 95%;
color: #FFC;
background-color: #000;
}

.navtitle3
{
background-color: #FFF;
border: 0;
border-top: 1px solid #C30;
}

.navtitle3text
{
background-color: #FFF;
color: #000;
font-size: 92%;
font-weight: bold;
}

.navtitle4
{
background-color: #FFF;
color: #000;
font-size: 95%;
font-weight: bold;
border: 0;
border-top: 1px solid #C30;
}

.navtitlefinewines
{
font-weight: bold;
font-size: 95%;
color: #FFF;
background-color: #000;
}

.navtitlefw
{
background-color: #FFF;
color: #000;
font-size: 95%;
font-weight: bold;
border: 1px solid #000;
border-left: 0;
border-right: 0;
}

.nomargin
{
margin: 2px;
}

.offerbox
{
border: 2px solid #FFE2D8;
color: #FFE2D8;
}

.offerbox01
{
border: 1px solid #FFE2D8;
color: #000;
}

.offerboxtitle
{
background-color: #FFE2D8;
color: #FFF;
font-weight: bold;
}

.offerboxtitle01
{
background-color: #C30;
color: #FFF;
font-weight: bold;
}

.page
{
font-size: 95%;
margin: 0;
background-color: #FFF;
}

.pageprinter
{
font-size: 95%;
}

.pagetitle
{
color: #000;
font-size: 123%;
font-weight: bold;
}

.primary, .primaryselected
{
font-weight: bold;
font-size: 85%;
color: #369;
font-family: "verdana", arial, helvetica, sans-serif, serif;
background: #fff;
}

.primaryselected
{
color: #000;
}

.productcell
{
border: 0;
border-top: 1px solid #999;
}

.quantity
{
color: #000;
font-size: 85%;
FONT-STYLE: italic;
font-weight: normal;
}

.quicksearchnavbar
{
background-color: #FFE2D8;
}

.red /* this is now dark brown */
{
border-top: #600 1px solid;
border-width: 1px 0 1px 2px;
font-weight: bold;
text-transform: uppercase;
text-align: center;
color: #fff;
font-family: "verdana", arial, helvetica, sans-serif, serif;
background: #600;
font-size: 90%;
}
a.red, a:hover.red, a:visited.red
{
color: #fff;
}

.rtbasket
{
background-color: #FFF;
color: #000;
font-size: 95%;
border: 1px solid #C03;
}

.rtbaskettitle, .rtbaskettitle td
{
background: #6f6f6f;
color: #000000;
font-size: 85%;
/* font-weight: bold; */
border: 1px solid #00;
border-left: 5px;
font-family: Arial, helvetica, Sans-Serif, Serif
}
.rtbaskettitle td
{
text-align: center;
}

.rtsubtitle
{
color: #000;
font-size: 154%;
}

.rttextbold
{
color: #C03;
font-size: 160%;
font-weight: bold;
}
.rttextbold2 {
color:#CC0033;
font-size:200%;
font-weight:bold;
letter-spacing:1px;
line-height:25px;
}
.rttitle
{
color: #900;
font-size: 231%;
font-weight: bold;
}
.rtinnerform
{
background: #dbdbdb;
color: #000000;
}
.rtorderform
{
border: 1px solid #666;
}


.saving
{
color: #606;
font-size: 92%;
font-weight: bold;
}

.selectedlinkgroup
{
font-weight: bold;
font-size: 95%;
color: #369;
}

.selectedsubtab
{
border: 1px solid #C30;
color: #FFF;
font-weight: bold;
font-size: 92%;
}

.selectedsubtabcolor
{
background-color: #C30;
}

.selectedsubtabstwc
{
background-color: #606;
color: #FFF;
font-size: 92%;
font-weight: bold;
}

.selectedtabstwc
{
background-color: #FFF;
color: #C30;
font-size: 92%;
font-weight: bold;
}

.shade01
{
background-color: #FFE2D8;
}

.shade02
{
background-color: #C30;
}

.shade03
{
background-color: #606;
}

.shade04
{
background-color: #999;
}

.shade05
{
background-color: #000;
}

.shade06
{
background-color: #FFF;
}

.shade07
{
background-color: #FFC;
}

.shade08
{
background-color: #FCF2EF;
}

.shade09
{
background-color: #69C;
}

.shade10
{
background-color: #E8D6EF;
}

.shade11
{
background-color: #F7F7DE;
}

.shade12
{
background-color: #FFF;
}

.shade13
{
background-color: #900;
}

.shade14
{
background-color: #999;
}

.shade15
{
background-color: #000;
}

.shade16
{
background-color: #FEFEED;
}

.shade17
{
background-color: #660033;
}

.strike
{
color: #000;
TEXT-DECORATION: line-through;
font-size: 85%;
}

.strip
{
background-color: #FFE2D8;
}

.subtab
{
border: 1px solid #C30;
color: #C30;
background-color: #F7F7DE;
}

.subtablink
{
font-size: 95%;
font-weight: bold;
color: #C30;
background-color: #F7F7DE;
}

.subtabstwc
{
background-color: #FFE2D8;
color: #C30;
font-size: 95%;
font-weight: bold;
}

.tabletitle
{
font-weight: bold;
font-size: 85%;
color: #FFF;
background-color: #FFE2D8;
}

.tabstwc
{
font-weight: bold;
font-size: 95%;
color: #FFF;
line-height: 190%;
}

.tagline
{
color: #000;
font-weight: bold;
}

.terms
{
font-size: 85%;
color: #999;
}

.textblue
{
font-weight: bold;
color: #309;
}

.textbluecaps
{
font-weight: bold;
font-size: 95%;
TEXT-TRANSFORM: uppercase;
color: #FFC;
}

.textbold
{
font-weight: bold;
}

.textredlarge
{
font-weight: bold;
color: #F00;
}

.textred
{
font-weight: bold;
color: #F00;
font-size: 85%;
}

.textshade06
{
color: #FFF;
font-size: 131%;
font-weight: bold;
}

.textsmall
{
color: #000;
font-size: 95%;
}

.textsmallblue
{
background-color: #C30;
color: #FFF;
font-size: 85%;
font-weight: bold;
border: 0;
}

.textsmallblue:hover
{
color: #FFF;
}

.textsmallwhite
{
font-weight: bold;
font-size: 95%;
color: #FFF;
}

.textvsmall
{
font-size: 85%;
color: #000;
}

.textvsmallblue
{
color: #C30;
font-size: 85%;
}

.textvsmallblue:hover
{
color: #C30;
}

.bannerbox
{
background: #999;
color: #FFF;
}

.topnav
{
background: url(/images/tgraph/topnav.gif) #CCC bottom left repeat-x;
color: #FFF;
}

.tgraphgreen
{
background: #699;
}

.thinline
{
color: #999;
background-color: #999;
height: 1px;
}

.thinlineblue
{
color: #999;
background-color: #999;
height: 1px;
}

.topframestwc
{
background-color: #C30;
}

.toptenbannerline
{
background-color: #606;
height: 1px;
}

.toptentable
{
border: #699 1px solid
}

.toptenspacerline
{
background-color: #FFF;
height: 6px;
}

.whitebutton2
{
background-color: #C30;
color: #FFF;
font-size: 90%;
font-weight: bold;
}

.whitebutton3
{
color: #FFF;
font-size: 85%;
font-weight: bold;
}

.yellowpanel
{
background-color: #FFC;
border: 1px solid #000;
}

.zeromargin
{
margin: 0;
}

.addonbox
{
background-color: #FFE2D8;
border: 1px solid #606;
border-width: 0 1px 1px 1px;
padding: 2px 4px 2px 0;
margin: 0;
width: auto;
}

.featuredpadding
{
padding-bottom: 6px;
padding-top: 5px;
padding-right: 5px;
}

.featuredpaddingaddon
{
padding-bottom: 5px;
}

.tabborder
{
border: 3px solid #606;
padding: 6px;
}

.innernav
{
background-color: #FFF;
padding: 4px 6px 4px 6px;
}

.navtitle
{
background-color: #FFF;
color: #000;
border: solid #CC3300;
border-width: 1px 0 1px 0;
padding: 2px 3px 2px 8px;
font-weight: bold;
}

.navtable
{
background-color: #FFE2D8;
padding: 2px 3px 2px 12px;
}

.selectedborder 
{
border: 3px solid #C30;
display: block;
}

.unselectedborder
{
margin: 3px;
display: block;
}

.white
{
background: #FFF;
}

.yellowpanel
{
border: #000 1px solid;
background: #fff;
}

/* 
------------------
button
------------------
*/

/* 
------------------
button
------------------
*/

a.button, span.button, a.button span, span.button button, span.button input
{
    background-image:url(/images/tgraph/buttons/btn0.png);
    _background-image:url(/images/tgraph/buttons/btn0.gif);
}

a.softclick, span.softclick, a.softclick span, span.softclick button, span.softclick input
{
    background-image:url(/images/tgraph/buttons/softclick.png);
    _background-image:url(/images/tgraph/buttons/softclick.gif);
	color: #333;
}

a.hardclick, span.hardclick, a.hardclick span, span.hardclick button, span.hardclick input
{
    background-image:url(/images/tgraph/buttons/hardclick.png);
    _background-image:url(/images/tgraph/buttons/hardclick.gif);
}

/*
------------------
order pipe
------------------
*/

h1.orderpipe {
	color: #333;	
}

h3.orderpipe, a.disguisehrefname, a:hover.disguisehrefname {
	color: #333;		
}

#orderpipeheader {
	background: #999;
	color: #FFF;
	padding-right: 10px;
	height: 25px;
	width: 100%;
	}

#orderpipeheader span {
	color: #FFF;
	font-weight: bold;
	font-size: 1em;
	padding-left: 4px;
	position: relative;
	top: 0px;
	}

#boxsurround {
	border: 1px solid #999;
	background: #FFF;
	}
	
/*
---------------
browse elements
---------------
*/

#browsebestsellerone {
	border-top: 4px solid #e9e9e9;
	border-right: 4px solid #e9e9e9;
	border-bottom: 4px solid #e9e9e9;
	border-left: 4px solid #e9e9e9;
	padding: 6px;
	background:url(/images/averys/bottomcurve2.gif) no-repeat bottom left;
	}

#browsebestsellertwo {
	border-top: 4px solid #A20F3A;
	border-right: 4px solid #A20F3A;
	border-bottom: 4px solid #A20F3A;
	border-left: 3px solid #A20F3A;
	padding: 6px;
	background:url(/images/averys/bottomcurve2.gif) no-repeat bottom left;
	}

.outerframe {
	border: 1px solid #999;
	background: #D9D9D9; /* grey */
	}

/* used on browse */
#borderframe {
	border: 1px solid #b9b9b9;
	background: #fff;
	}

/* used on browse nav */
#boxsurround {
	border: 1px solid #000;
	background: #d9d9d9;
	}
	
/* browse paging */	
.pagingresults {
	background: #eeeeee;
	padding: 2px 6px 2px 6px;
	border: solid 1px #999;
	}
	
#searchbox {	
	border : 1px solid #000;
	}

#searchbox a {	
	font-weight: bold;
	}
	
#browsebox
{
 /*border: solid 1px #999;*/
 border: none;
 padding-top: 0px;
 padding-left: 0px;
 padding-right: 5px;
 padding-bottom: 5px;
 margin-top: 1px;
 margin-right: 0px;
}

#browsebox ul
{
    padding-left: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}

#browsebox ul li
{
    list-style-type: none;
    margin-left: 0px;
    padding-top: 4px;
    padding-right: 0px;
    padding-bottom: 4px;
    padding-left: 8px;

    /*background-image: url(/images/wwines/bullet.gif);*/
    background-image: none;
    background-repeat: no-repeat;
    background-position: 0px 5px;
    background-color: #eaeaea;
    border-bottom: 1px solid #fff;

	font-size: 12px;
}

#browsebox h3
{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://shop.telegraph.co.uk/csp/tel/readeroffers/images/common/SectHeadBG.gif) repeat-x scroll center bottom;
color:#3A6500;
font-size:13px;
font-weight:bold;
line-height:13px;
margin-top:8px;
margin-bottom:8px;
text-transform:uppercase;
padding:0px;
}
#browsebox h3 span
{
background-color:#FFFFFF;
padding-right:3px;
}

#browseheaderlink
{
    font-size: 9pt;
    font-weight: bold;
    color: #000;
    padding-top: 7px;
    padding-bottom: 5px;
}

#browsebox ul li a
{
    font-size: 12px;
    font-weight: normal;
    color: #000;
}
 
#browsebox ul li a:hover
{
    font-size: 12px;
    font-weight: normal;
    color: #000;
}

/* all products A-Z */
.bannerbrowseaz
	{
	background-color: #39C;
	color: #FFF;
	}
	
.azlink
{
    font-size: 90%;
    font-weight: bold;
    color: #000;
}

/*
--------------
search nav bar
--------------
*/
#searchnav
{
    border: solid 2px #0E6766;
    padding: 2px;
    background-color: #F9F7E2;
    width: 100%;
    margin-bottom: 5px;
}

#searchnav td
{
    font-size: 9pt;
    text-align: center;
    font-family: Arial, Verdana;
    font-weight: bold;
    padding-bottom: 4px;
    padding-top: 2px;
}

#searchnav td.bold a
{
    font-weight: bold;
    font-size: 9pt;
}

#searchnav img
{
    vertical-align: middle;
}

/*
-----------------
guarantee nav bar
-----------------
*/
#guaranteenav
{
    border: solid 2px #0E6766;
    padding: 10px;
    background-color: #FFF;
    width: 100%;
    margin-bottom: 5px;
    margin-top: 5px;
}

#guaranteenav td
{
    font-family: Arial, Verdana;
    line-height: 15px;
}

#guaranteenav td.guaranteetitle
{
    font-weight: bold;
    font-size: 10pt;
    padding-bottom: 10px;
}

#guaranteenav td.guaranteequote
{
    color: #7a7a7a;
    font-size: 7pt;
}

#guaranteenav td.guaranteesignature
{
    font-size: 8pt;
    font-weight: bold;
    padding-bottom: 10px;
}

#guaranteenav td.cardimage
{
    vertical-align: middle;
}

/*
-----------------
browse nav bar
-----------------
*/
#browsenav
{
    border: solid 2px #0E6766;
    background-color: #FFF;
    width: 100%;
}

#browsenav a
{
    font-family: Arial, Verdana;
    font-size: 8pt;
    color: #000;
}


#browsenav a:hover
{
    font-family: Arial, Verdana;
    font-size: 8pt;
    color: #999;
    font-weight: normal;
}

#browsenav a.navlinkselected1
{
    font-family: Arial, Verdana;
    font-size: 8pt;
    color: #000;
    font-weight: bold;    
}


/*
--------------
dynamic browse
--------------
*/
#dynamicbrowse
{
    border: solid 2px #0E6766;
    padding: 8px;
    width: 100%;
    background-color: #F9F7E2;
    margin-bottom: 5px;
}

#dynamicbrowse td
{
    font-family: Arial, Verdana;
    line-height: 15px;
}

/* order history table */
.orderhistoryheader
{
	background-color: #ccc;
	font-weight: bold;
	color: #fff;
}

.ohhighlight
{
border: 0;
background-color: #FEFEED;
color: #000;
}


/* page taken from shop.telegraph - AW 14/9/09 */
.tgpage
{
	display: inline-block;
	text-align: left;
	position: relative;
	width: 960px;
	border: solid #DEDCDF;
	padding: 0px 10px 0px 10px;
	border-width: 0px 1px 0px 1px;
	background: #FFFFFF;
}

.Top
{
	height: 162px;
	border-bottom: 1px solid #CCCCCC;
}
.HelpMenu
{
	font-family:arial;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	text-align: right;
	height: 20px;
	border-bottom: 1px solid #CCCCCC;
}
.HelpMenu a
{
	color: #990100;
	padding: 3px 10px 3px 10px;
	display: block;
	float: right;
	text-decoration: none;
}
.HelpMenu .TopDate
{
	padding: 3px 10px 3px 10px;
	display: block;
	float: right;
}

.TopBanner
{
   height:86px;

}

.ShopLogo
{
	margin-top: 19px;
	float: left;
	width: 363px;
}
/*
.TelLogo
{
	float: right;
	clear: right;
	margin-top: 35px;
}
*/
.PhoneBanner
{
	float: left;
	margin-top: 18px;
	margin-bottom: 18px;
	width: 202px;
	align: center;

}
.VirtualBasket
{
	margin-top: 12px;
	margin-right: 6px;
	width: auto;
	float: right;
	align: right;
}

#VirtualBasketDetail
{
	display: none;	
	position: absolute;
	z-index: 1000000;
	border:1px solid #b7b79c;
	top: 80px;
	right: 16px;
}


.MainNavBar
{
	background-color:#990100;
	font-weight: bold;
	height: 22px;
	width: 100%;
	font-size: 14px;
	clear: both;
	border-top: 7px #FFFFFF solid;
	_border-top: 3px #FFFFFF solid;
}
.MainNavBar a, .MainNavBar a:visited
{
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	padding: 3px 10px 3px 10px;
	float: left;
        border-right: 1px #FFFFFF solid;
}
.MainNavBar a:hover, .MainNavBar a:active
{
	background-color: #630003;
	color: #FFFFFF;
	text-decoration: none;
}

.MainNavBarRight a, .MainNavBarRight a:visited
{
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	padding: 2px 10px 0px 10px;
	float: right;
	border-right: 0px;
}

.MainNavBarRight a:hover, .MainNavBarRight a:active
{
	background-color: #990100;
	color: #FFFFFF;
	text-decoration: none;

}
.MainNavBar .MainNavRight
{
	float: right;
	font-size: 12px;
}
.menuDrop  
{
	display: none;
	position: absolute;
	z-index: 1000000;
	background-color: #EFEFEF;
	border-left:1px solid #234B7B;
	border-right:1px solid #234B7B;
	border-bottom:1px solid #234B7B;
}
.maincatHeader
{
	padding:5px;
	font-size:12px;
	font-weight:bold;
	display:block;
	clear:both;
}
.subcatItem a:link,.subcatItem a:visited
{
	color: #000000;
	text-decoration:none;
	display:block;
	clear:both;
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;
	font-weight: normal;
}
.subcatItem a:hover
{
	background:#990100;
	color:#FFFFFF;
}


.maincatHeader a:link,.maincatHeader a:visited
{
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;
	display:block;
	color:#000000;
	text-decoration:none;
}

.maincatHeader a:hover
{
	background:#234B7B;
	color:#FFFFFF;
}

#iFrameBack
{
	position: absolute;
	border: none;
	background: none;
	z-index: 10;
	overflow: hidden
}
.TopBlankBar
{
	height: 20px;
	background-color: #E5E5D9;
	width: 100%;
	border-top:1px solid #ffffff;
}
.TopSearchBar
{
	width: 100%;
	height: 40px;
	border-bottom:1px solid #ffffff;
}
.WelcomeText
{
	float: left; 
	valign: center; 
	padding: 5px
}

.Breadcrumb
{
	height: 24px;
	float: left;
	font-size: 11px;
	padding-top: 6px;
}
.Breadcrumb a
{
	color: #333333;
}
.Search
{
	height: 22px;
	float: right;
	font-size: 11px;
	color: #990100;
	font-weight: bold;
	padding: 4px 0px 4px 0px;
	overflow: hidden;
}




.TopBlankBar
{
	height: 20px;
	background-color: #E5E5D9;
	width: 100%;
	border-top:1px solid #ffffff;
}
.Breadcrumb
{
	height: 24px;
	float: left;
	font-size: 11px;
	padding-top: 6px;
}
.Breadcrumb a
{
	color: #333333;
}
.Search
{
	height: 22px;
	float: right;
	font-size: 11px;
	color: #990100;
	font-weight: bold;
	padding: 4px 0px 4px 0px;
	overflow: hidden;
}


/*		ContentFooter START	*/
.ContentFooter
{
	padding-bottom: 4px;
	_padding-bottom: 0px;
	text-align: center;
	font-size: 11px;
	line-height: 17px;
	padding-top: 10px;
}
.ContentFooterText
{
	font-weight: bold;
	float: left;
	width: 640px;
	margin-left: 150px;
	display: inline;
	color: #333333;
	margin-top: 60px;
}
.ContentFooterMenu
{
	float: left;
	width: 640px;
	margin-left: 150px;
	display: inline;
}
.ContentFooterMenu a
{
	padding: 0px 5px 0px 5px;
	border-right: 1px solid #333333;
	text-decoration: none;
	color: #333333;
}
.Thawte
{
	float: right;
	clear: right;
}
.AMO
{
	float: right;
	clear: right;
}

/*		BodyFooter START	*/
/* 
.CLEAR
{
	clear: both;
	height: 0px;
	overflow: hidden;
	line-height: 0px;
}


.Footer
{
	border-top: 4px solid #DDDDDD;
	height: 200px;
	padding: 5px 0 8px 20px;
	background: #14345B url(http://shop.telegraph.co.uk/csp/tel/readeroffers/images/Footer/footert.gif) no-repeat scroll 0 14px;
	position: relative;
	font-size: 12px;
}
.Footer a
{
	text-decoration: none;
}
.footerCont
{
	margin-left:60px;
}
.footerColLinks
{
	margin: 0px;
	padding: 0px 50px 0px 5px;
	_padding: 0px 42px 0px 5px;
	height: 160px;
	float: left;
	list-style: none;
	border-right: 1px solid #6E93AC;
}
.footerColLinks li
{
	padding-top: 5px;
}
.footerColLinks a
{
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
.footerColLinks a:hover
{
	border-bottom: 1px dotted #E0E0E0;
	color: #FFFFFF;
}
.footerColSubLinks
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.footerColSubLinks li
{
	padding-top: 0px;
}
.footerColSubLinks a
{
	text-decoration: none;
	color: #CEDFF2;
	font-weight: normal;
}
.Footer .footerRSS, .Footer .footerWidget, .Footer .footerMobile, .Footer .footerEpaper
{
	padding: 0px 0px 0px 28px;
	background: transparent none no-repeat scroll 0 2px;
	line-height: 21px;
}
.Footer .footerRSS ul, .Footer .footerWidget ul, .Footer .footerMobile ul, .Footer .footerEpaper ul
{
	line-height: 16px;
}
.Footer .footerRSS { background-image: url(http://shop.telegraph.co.uk/csp/tel/readeroffers/images/Footer/footerrss.gif);}
.Footer .footerWidget { background-image: url(http://shop.telegraph.co.uk/csp/tel/readeroffers/images/Footer/footerwidgets.gif);}
.Footer .footerMobile { background-image: url(http://shop.telegraph.co.uk/csp/tel/readeroffers/images/Footer/footermobile.gif);}
.footerHoriz
{
	border-top: 1px dotted #417293;
	margin: 10px 10px 0px 0px;
	padding-top: 6px;
}
.footerHoriz p
{
	border-right:1px solid #417293;
	color:#CCCCCC;
	float:left;
	font-size:1.1em;
	line-height:1.1em;
	padding-right:12px;
	margin: 0px;
}
.footerHoriz p a
{
	color:#FFFFFF;
	margin-left:12px;
}
*/
/*		BodyFooter END		*/


.searchproducts
{
	color: #630003;
	font-size: 100%;
	font-weight: bold;
}

/* pgd fix for HD 205457 */
span.text
{
	display: block;
	text-align: left;
}


/* Buttons */

/*GUI Button*/
.gui-btn, .gui-btn span {
    background-image:url(/images/buttons/tgraph/button.png);
	font-weight: bold;
}

.gui-btn span span, .gui-btn a, .gui-btn-hover span span, .gui-btn-hover a, .gui-btn:hover span span, .gui-btn:hover a, .gui-btn a:hover {
    color:#FFF;
	border: none;
	font-weight: bold;	
}

.gui-btn.selected, .gui-btn span.selected, .gui-btn span span.selected, .gui-btn a.selected, .gui-btn-hover span span.selected, .gui-btn-hover a.selected, .gui-btn:hover span span.selected, .gui-btn:hover a.selected, .gui-btn a:hover.selected {
    color:#FFF;
	background-image:url(/images/buttons/tgraph/selected.png);
	font-weight: bold;
}

/* Virtual basket (top nav) */

#vbasket
{
    vertical-align: top;
    background-color: #E5E5D9
}
#vbasket a {	
	font-weight: normal;
	}

#vbasket tr th
{
  background-color: #990100;
  color : #FFFFFF;
  padding-top:0px;
  padding-bottom:0px;
  padding-right:3px;
  padding-left:3px;
}
#vbasket tr th a
{
  color : #FFFFFF;
  text-decoration: none;
}
#vbasket tr td
{
  padding-top:0px;
  padding-bottom:0px;
  padding-right:3px;
  padding-left:3px;
  color : #000000;
}


#vbasket tr td.dottedtop {border: 0; border-top: 1px dotted #000000;}


/* Doesn't work for ie6 - shows, but fails to hide... */
#xxvbasket tr a.basketlink:hover #VirtualBasketDetail {display: block;}


#vbasketdetail
{
    vertical-align: top;
    background-color: #E5E5D9;
    padding: 2px;
}

#vbasketdetail tr td.dottedbottom {border: 0; border-bottom: 1px dotted #000000;}



/*
	CSS definitions relating to the Search Autocomplete feature
	Oli 31/01/2008
*/
.autoc .yui-ac 
{
	position:relative;
	font-size:100%;
}

.autoc .yui-ac-input 
{
	position:inherit;
	width: auto;
}

.autoc .yui-ac-container 
{
	position:absolute; 
	top:2em;
	width: 260px;
}

.autoc .yui-ac-content 
{
	position:absolute;
	width:100%;
	border:1px solid #808080;
	background:#fff;
	overflow:hidden;
	z-index:9050;
}

.autoc .yui-ac-shadow 
{
	position:absolute;
	margin:.3em;
	width:100%;
	background:#000;
	-moz-opacity:0.10;
	opacity:.10;
	filter:alpha(opacity=50);
	z-index:9049;
}

.autoc .yui-ac-content ul 
{
	margin:0px ! important;
	padding:2px ! important;
	width:100%;
	text-align: left;
	font-weight: normal;
}

.autoc .yui-ac-content li 
{
	margin:0 ! important;
	padding: 0px  ! important;
	padding-bottom: 2px  ! important;
	cursor:default;
	color: #666688;
	white-space:nowrap;
	background-image: none ! important;
}

.autoc .yui-ac-content li+li 
{
	padding-top: 2px !important;
	border-top: dotted 1px #f0f0ff;
}

.autoc .yui-ac-content li.yui-ac-prehighlight 
{
	background:#B3D4FF;
}

.autoc .yui-ac-content li.yui-ac-highlight 
{
	background:#f5e5e5;
	color:#666688;
}

.acMatch 
{
	display: inline;
	font-weight: bold;
	color: #000000;
}


/* New listofbottle/listofcase classes */

.availability
{
background-color:#FFFFCC;
border:1px solid #CCCCCC;
margin:10px 10px 20px 0px; 
padding:5px 10px 5px 10px;
width:240px;
}