html
{
	height:100%;
	margin-bottom:1px;
}

body
{
	font-family: arial, Sans-Serif;
	font-size: 90%;
	margin: 0;
	padding: 0;
	text-align: left;
	background-color:white;
	color:#000;
}

body#fullpink
{
	background-color:#e2007a;
}


body#fullpurple
{
	background-color:#260859;
}

body#fullpeagreen
{
	background-color:#ACD58A;
}

body#fullwhite
{
	background-color:#fff;
}

body#fullorange
{
	background-color:#FE7000;
}

body#fullblack
{
	background-color:#000;
	color:#ccc;
}

.clearfix,
.clear
{
	clear: both;
}

.clearfix:after 
{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.hide
{
	display:none;
}

/* LINK DEFAULT STYLE */
a,
a:visited
{
	text-decoration:none;
}

a:hover
{
	text-decoration:none;
}

a img
{
	border:0;
	text-decoration:none;
}

/* END LINK STYLE */

/* NEWS DEFAULT STYLE */

div.newsarticle
{
	float:left;
	clear:left;
	margin: 0 0 10px 0;
}

div.newsarticle h3
{
	color:#000;
}

div.newsarticle img
{
	float:left;
}

div.newsarticle span.newsdate,
ul.newsheadlines span.newsdate
{
	color:#ccc;
	font-size:0.8em;
	display:block;
}

div.newsarticle a.readmorelink /* Used ShowTopArticles() */
{
	font-size:0.8em;
}

ul.newsheadlines
{
	float:left;
	margin:0;
	padding:0;
	list-style-type:none;
}

ul.headlines li.selected
{
}

div.newspaging
{
	float:left;
	clear:both;
	font-size:0.8em;
	margin:10px 0 0 0;
}

div.newspaging span.pagenavright
{
	margin:0 0 0 5px;
	float:left;
	display:inline;
}

div.newspaging span.pagenavleft
{
	margin:0 5px 0 0;
	float:left;
	display:inline;
}

/* END NEWS STYLE */

/* CALENDAR DEFAULT STYLE */

ul.calendar,
ul.calendaryear
{
	list-style-type:none;
	float:left;
	clear:left;
	display:inline;
	margin:0;
	padding:0;
}

ul.calendar li
{
	float:left;
	display:inline;
	clear:left;
	margin:0 0 5px 0;
}

ul.calendar ul li
{
	clear:none;
	margin:0 10px 0 0;
}

ul.calendar ul li.selected,
ul.calendar ul li.selected a
{
	color:#f00;
}

/* END CALENDAR STYLE */

/* FAQ DEFAULT STYLES */

div.faqentry
{
}

div.faqanswer
{
	padding:10px 0px 10px 10px;
	float:left;
}

/*******************************************/

#page-container
{
	width:975px;
	height:635px;
	margin:30px auto 0 auto;
	position:relative;
}

#page-container #banner
{
	width:975px;
	height:90px;
	position:relative;
	background-image:url(images/bg-dotted-grey.gif);
	background-position:left bottom;
	background-repeat:repeat-x;
}

body#fullpink #page-container #banner
{
	background-image:url(images/bg-dotted-white-on-pink.gif);
}

#banner #strap-line
{
	height:85px;
	width:600px;
	color:#e2007a;
	font-weight:bold;
	font-size:1.8em;
}

body#blue #banner #strap-line{color:#009ee0;}
body#green #banner #strap-line{color:#79b51c;}
body#purple #banner #strap-line{color:#81197f;}
body#orange #banner #strap-line{color:#ff5a00;}
body#pink #banner #strap-line{color:#e2007a;}
body#red #banner #strap-line{color:#E2003C;}
body#fullpink #banner #strap-line{color:#fff;}
body#fullpeagreen #banner #strap-line{color:#fff;}
body#fullorange #banner #strap-line{color:#FE7000;}
body#fullblack #banner #strap-line{color:#ccc;}
body#fullpurple #banner #strap-line{color:#fff;}


#banner h1
{
	margin:0;
	position: absolute;
	bottom:10px;
	right:0;
    padding: 41px 0 0 0;
    overflow: hidden;
    background-image: url(images/logo-st-davids.gif);
    background-repeat: no-repeat;    
    height: 0px !important;
    height /**/:41px;
    width:167px;
}

#banner #homelink
{
	position:absolute;
	right:0;
	top:0;
	height:90px;
	width:200px;
}

body#fullpink #banner h1{background-image: url(images/logo-st-davids-pink.gif);}
body#fullpeagreen #banner h1{background-image: url(images/logo-st-davids-white-on-peagreen-2.gif);}
body#fullorange #banner h1{background-image: url(images/logo-st-davids-white-on-orange.gif);}
body#fullblack #banner h1{background-image: url(images/logo-st-davids-white-on-black.gif);}
body#fullwhite #banner h1{background-image: url(images/logo-st-davids-red-on-white.gif);}
body#fullpurple #banner h1{background-image: url(images/logo-st-davids-white-on-purple.gif);}

#footer
{
	position:absolute;
	/*bottom:-3px;*/
	top:606px;
	left:0;
	width:230px;
	color:#666;
	font-weight:bold;
}

#footer a
{
	text-decoration:none;
	font-weight:bold;
}

body#blue #footer,body#blue #footer a{color:#009ee0;}
body#green #footer,body#green #footer a{color:#79b51c;}
body#purple #footer,body#purple #footer a{color:#81197f;}
body#orange #footer,body#orange #footer a{color:#ff5a00;}
body#pink #footer,body#pink #footer a{color:#e2007a;}
body#red #footer,body#red #footer a{color:#E2003C;}
body#fullpink #footer,body#fullpink #footer a{color:#fff;}
body#fullpeagreen #footer,body#fullpeagreen #footer a{color:#fff;}
body#fullwhite #footer,body#fullwhite #footer a{color:#E31C1C;}
body#fullorange #footer,body#fullorange #footer a{color:#FE7000;}
body#fullblack #footer,body#fullblack #footer a{color:#ccc;}
body#fullpurple #footer,body#fullpurple #footer a{color:#fff;}

/********** WELCOME / FLASH PAGE ****/

div#intro-flash
{
	width:975px;
	height:560px;
	color: #fff;
	font-weight:bold;
	display:none;
}

div.sign-in #postcard-help
{
	color:#999;
}

body#fullwhite div.sign-in
{
	color:#E31C1C!important;
	text-align:center;
}

body#fullpeagreen #postcard-help,
body#fullpurple #postcard-help
{
	color:#fff;
}

body#fullwhite div.sign-in a
{
	color:#E31C1C!important;
}

div.sign-in
{
	margin:0 auto 0 auto;
	xpadding:200px 0 0 398px;
}

div.sign-in .logo
{
	display:block;
	margin:128px 0 0 5px;
}

div.sign-in img
{
	vertical-align:middle;
}

div.sign-in a
{
	color:#fff;
	font-weight:bold;
	font-size:1.6em;
	text-decoration:none;
}

div.sign-in a:hover
{
	text-decoration:underline;
}
/******* MENU *********/

#menu
{
	width:225px;
	font-size:1.05em;
	float:left;
}

#menu ul
{
	width:100px;
	list-style-type:none;
	padding:0;
	margin:0;
}

#menu ul li
{
	position:relative;
	background-image:url(images/bg-dotted-grey.gif);
	background-position:left bottom;
	background-repeat:repeat-x;
}


#menu ul li a
{
	color:#666;
	text-decoration:none;
	font-weight:bold;
	margin:0;
	line-height:1.6em;
	position:relative;
}



#menu ul ul
{
	position:absolute;
	left:115px;
	top:0;
	width:123px;
}

/*MENU COLOUR OVERRIDES */

body#blue #menu ul li.selectedl1,body#blue #menu ul li.childselectedl1{background-image:url(images/bg-dotted-blue-full.gif);}
body#green #menu ul li.selectedl1,body#green #menu ul li.childselectedl1{background-image:url(images/bg-dotted-green-full.gif);}
body#purple #menu ul li.selectedl1,body#purple #menu ul li.childselectedl1{background-image:url(images/bg-dotted-purple-full.gif);}
body#orange #menu ul li.selectedl1,body#orange #menu ul li.childselectedl1{background-image:url(images/bg-dotted-orange-full.gif);}
body#red #menu ul li.selectedl1,body#red #menu ul li.childselectedl1{background-image:url(images/bg-dotted-red-full.gif);}

body#blue #menu ul li.selectedl1 a,body#blue #menu ul li.childselectedl1 a{color:#009ee0;}
body#green #menu ul li.selectedl1 a,body#green #menu ul li.childselectedl1 a{color:#79b51c;}
body#purple #menu ul li.selectedl1 a,body#purple #menu ul li.childselectedl1 a{color:#81197f;}
body#orange #menu ul li.selectedl1 a,body#orange #menu ul li.childselectedl1 a{color:#ff5a00;}
body#red #menu ul li.selectedl1 a,body#red #menu ul li.childselectedl1 a{color:#E2003C;}

body#blue #menu ul li.selectedl1 li,body#blue #menu ul li.childselectedl1 li{background-image:url(images/bg-dotted-blue-faded.gif);}
body#green #menu ul li.selectedl1 li,body#green #menu ul li.childselectedl1 li{background-image:url(images/bg-dotted-green-faded.gif);}
body#purple #menu ul li.selectedl1 li,body#purple #menu ul li.childselectedl1 li{background-image:url(images/bg-dotted-purple-faded.gif);}
body#orange #menu ul li.selectedl1 li,body#orange #menu ul li.childselectedl1 li{background-image:url(images/bg-dotted-orange-faded.gif);}
body#red #menu ul li.selectedl1 li,body#red #menu ul li.childselectedl1 li{background-image:url(images/bg-dotted-red-faded.gif);}

body#blue #menu ul li.selectedl1 li a,body#blue #menu ul li.childselectedl1 li a{color:#82d0f0;}
body#green #menu ul li.selectedl1 li a,body#green #menu ul li.childselectedl1 li a{color:#b7d381;}
body#purple #menu ul li.selectedl1 li a,body#purple #menu ul li.childselectedl1 li a{color:#a66ea8;}
body#orange #menu ul li.selectedl1 li a,body#orange #menu ul li.childselectedl1 li a{color:#ffbd99;}
body#red #menu ul li.selectedl1 li a,body#red #menu ul li.childselectedl1 li a{color:#EE847D;}

body#blue #menu ul li.childselectedl1 li.selectedl2 a,body#blue #menu ul li.childselectedl1 li.childselectedl2 a{color:#009ee0;}
body#green #menu ul li.childselectedl1 li.selectedl2 a,body#green #menu ul li.childselectedl1 li.childselectedl2 a{color:#79b51c;}
body#purple #menu ul li.childselectedl1 li.selectedl2 a,body#purple #menu ul li.childselectedl1 li.childselectedl2 a{color:#81197f;}
body#orange #menu ul li.childselectedl1 li.selectedl2 a,body#orange #menu ul li.childselectedl1 li.childselectedl2 a{color:#ff5a00;}
body#red #menu ul li.childselectedl1 li.selectedl2 a,body#red #menu ul li.childselectedl1 li.childselectedl2 a{color:#E2003C;}

body#blue #menu ul li.childselectedl1 li.selectedl2,body#blue #menu ul li.childselectedl1 li.childselectedl2{background-image:url(images/bg-dotted-blue-full.gif);}
body#green #menu ul li.childselectedl1 li.selectedl2,body#green #menu ul li.childselectedl1 li.childselectedl2{background-image:url(images/bg-dotted-green-full.gif);}
body#purple #menu ul li.childselectedl1 li.selectedl2,body#purple #menu ul li.childselectedl1 li.childselectedl2{background-image:url(images/bg-dotted-purple-full.gif);}
body#orange #menu ul li.childselectedl1 li.selectedl2,body#orange #menu ul li.childselectedl1 li.childselectedl2{background-image:url(images/bg-dotted-orange-full.gif);}
body#red #menu ul li.childselectedl1 li.selectedl2,body#red #menu ul li.childselectedl1 li.childselectedl2{background-image:url(images/bg-dotted-red-full.gif);}
/* END MENU COLOUR OVERRIDES */

/****** END MENU*********/

#right
{
	float:right;
	padding:5px 0 0 0;
}

body#blue #right #wide{background-color:#009ee0;}
body#green #right #wide{background-color:#79b51c;}
body#purple #right #wide{background-color:#81197f;}
body#orange #right #wide{background-color:#ff5a00;}
body#red #right #wide{background-color:#E2003C;}
body#pink #right #wide{background-color:#e2007a;}

#right #wide
{
	width:710px;
	height:525px;
	background-color:#e2007a;
	padding:15px 0 0 17px;
}

#right #wide .text-block
{
	width:345px;
	float:left;
	margin-left:20px;
	font-size:0.9em;
}

.no-left-margin
{
	margin-left:0!important;
}

.no-background
{
	background-color:#fff!important;
}

.no-left-pad
{
	padding-left:0!important;
}

#right #wide .text-block ul
{
	list-style-type:none;
	padding:0;
	margin:0;
}

#right #wide .text-block ul li
{
	font-size:1.15em;
	font-weight:bold;
	padding-bottom:5px;
}

body#blue #right #wide .text-block ul li a,body#blue #right #wide .text-block ul li,body#blue #right #wide .text-block h3,body#blue #right #wide .text-block h3 a{color:#009ee0;}
body#green #right #wide .text-block ul li a,body#green #right #wide .text-block ul li,body#green #right #wide .text-block h3,body#green #right #wide .text-block h3 a{color:#79b51c;}
body#purple #right #wide .text-block ul li a,body#purple #right #wide .text-block ul li,body#purple #right #wide .text-block h3,body#purple #right #wide .text-block h3 a{color:#81197f;}
body#orange #right #wide .text-block ul li a,body#orange #right #wide .text-block ul li,body#orange #right #wide .text-block h3,body#orange #right #wide .text-block h3 a{color:#ff5a00;}
body#red #right #wide .text-block ul li a,body#red #right #wide .text-block ul li,body#red #right #wide .text-block h3,body#red #right #wide .text-block h3 a{color:#E2003C;}
body#pink #right #wide .text-block ul li a,body#pink #right #wide .text-block ul li,body#pink #right #wide .text-block h3,body#pink #right #wide .text-block h3 a{color:#e2007a;}

body#blue #right #wide .text-block ul li a:hover,body#blue #right #wide .text-block h3 a:hover{color:#82d0f0;}
body#green #right #wide .text-block ul li a:hover,body#green #right #wide .text-block h3 a:hover{color:#b7d381;}
body#purple #right #wide .text-block ul li a:hover,body#purple #right #wide .text-block h3 a:hover{color:#a66ea8;}
body#orange #right #wide .text-block ul li a:hover,body#orange #right #wide .text-block h3 a:hover{color:#ffbd99;}
body#red #right #wide .text-block ul li a:hover,body#red #right #wide .text-block h3 a:hover{color:#EE847D;}

#right #wide .text-block h3
{
	margin:0;
	font-size:1.15em;
}

span.small-text
{
	font-size:0.9em;
}

span.smaller-text
{
	font-size:0.8em;
}

#right #wide #lower-strapline
{
	font-size:4.2em;
	font-weight:bold;
	color:#fff;
	letter-spacing:-2px;	
	margin:10px 0 0 0;
}

body#blue #right #wide #lower-strapline{color:#82d0f0;}
body#green #right #wide #lower-strapline{color:#b7d381;}
body#purple #right #wide #lower-strapline{color:#a66ea8;}
body#orange #right #wide #lower-strapline{color:#ffbd99;}
body#red #right #wide #lower-strapline{color:#EE847D;}
body#pink #right #wide #lower-strapline{color:#f4b7d0;}

#right #wide .content
{
	color:#fff;
	font-size:2em;
	font-weight:bold;
	width:651px;
	line-height:1.1em;
	margin:23px 0 0 0;
}

#right #wide .content p,
#right #wide .text-block p
{
	margin:0 0 10px 0;
}

#right #wide .content table
{
	margin-top:25px;
}

#right #wide .content td,
#right #wide .normal-text
{
	color:#fff;
	font-size:1.05em;
	font-weight:bold;
	line-height:normal;	
}

#right #wide .normal-text p
{
	margin:0 0 10px 0;
}

#right #wide td
{
	padding-bottom:15px;
}

#right #wide .small-text
{
	xcolor:#fff;
	font-size:0.8em;
	font-weight:normal;
	line-height:normal;	
}

#right #wide .small-text p
{
	margin-top:0;
	margin-bottom:8px;
}

#right #wide .content a
{
	text-decoration:none;
}

#right #wide .content td img
{
	padding-right:25px;
	padding-top:3px;
}

#right #wide .content td a,
#right #wide .normal-text a
{
	color:#fff;
	text-decoration:none;
}

#right #wide .pad-right
{
	padding-right:17px;
}

#right #wide .content td a:hover
{
	text-decoration:underline;
}

#right #wide .content td p
{
	margin:0;
}

#right #narrow
{
	width:600px;
	font-size:0.9em;
	color:#666;
}

#right #narrow h2
{
	font-size:1.05em;
	margin:0;
}

#right #narrow p
{
	margin:0 0 10px 0;
}

body#blue #right #narrow h3,body#blue #right #narrow h2{color:#009ee0;}
body#green #right #narrow h3,body#green #right #narrow h2{color:#79b51c;}
body#purple #right #narrow h3,body#purple #right #narrow h2{color:#81197f;}
body#orange #right #narrow h3,body#orange #right #narrow h2{color:#ff5a00;}
body#red #right #narrow h3,body#red #right #narrow h2{color:#E2003C;}
body#pink #right #narrow h3,body#pink #right #narrow h2{color:#e2007a;}

#left
{
	clear:left;
	position:absolute;
	width:220px;
	height:200px;
	font-size:0.9em;
	color:#666;
	top:245px;
	left:125px;
}

#left p
{
	margin-top:0;
	margin-bottom:10px;
}

#left h2
{
	margin:0;
	padding:0;
	font-size:1.15em;
}

body#blue #left h2{color:#009ee0;}
body#green #left h2{color:#79b51c;}
body#purple #left h2{color:#81197f;}
body#orange #left h2{color:#ff5a00;}
body#red #left h2{color:#E2003C;}
body#pink #left h2{color:#e2007a;}

body#blue #left a{color:#009ee0;}
body#green #left a{color:#79b51c;}
body#purple #left a{color:#81197f;}
body#orange #left a{color:#ff5a00;}
body#red #left a{color:#E2003C;}
body#pink #left a{color:#e2007a;}


/*** SIGN UP ***/

#signup
{
	min-height:525px;
	height:auto !important;
	height:525px;
	padding:40px 0 0 240px;
}

#signup h2
{
	color:#fff;
	size:1.3em;
	margin:0 0 20px 0;
}

body#fullblack #signup h2
{
	color:#ccc;
}

fieldset
{
	border:0;
	margin:0;
	padding:0;
}

#signup input
{
	width:225px;
	border:0;
	padding:2px;
	color:#e2007a;
	margin:0;
}

body#fullpeagreen #signup input
{
	color:#999;
}

body#fullwhite #signup input
{
	color:#E31C1C;
	border:1px solid #E31C1C;
}

body#fullorange #signup input
{
	color:#999;
}

body#fullblack #signup input,
body#fullpurple #signup input
{
	color:#333;
}



#signup input#signup-submit,
#signup input#signin-submit
{
	color:#fff;
	font-weight:bold;
	font-size:1.1em;
	display:block;
	background-color:#e2007a;
	text-align:right;
	margin:45px 0 0 0;
	cursor:pointer;
}

body#fullpeagreen #signup input#signup-submit,
body#fullpeagreen #signup input#signin-submit
{
	background-color:#ACD58A;
	border:0;
	color:#fff;
}

body#fullwhite #signup input#signup-submit,
body#fullwhite #signup input#signin-submit
{
	background-color:#fff;
	color:#E31C1C;
	border:0;
}

body#fullorange #signup input#signup-submit,
body#fullorange #signup input#signin-submit
{
	background-color:#FE7000;
	color:#fff;
	border:0;
}

body#fullblack #signup input#signup-submit,
body#fullblack #signup input#signin-submit
{
	background-color:#000;
	color:#ccc;
	border:0;
}

body#fullpurple #signup input#signup-submit,
body#fullpurple #signup input#signin-submit
{
	background-color:#260859;
	color:#fff;
	border:0;
}

#signup label
{
	color:#fff;
	padding:10px 0 2px 0;
	display:block;
	margin:0;
}

body#fullwhite #signup label
{
	color:#E31C1C;
}

body#fullblack #signup label
{
	color:#ccc;
}

#signup span.error
{
	color:#999;
	font-size:0.8em;
}

#signup span.error a,
#signup p.error a
{
	color:#999;
	text-decoration:underline;
}

#signup span.error a:hover,
#signup p.error a:hover
{
	text-decoration:none;
}

#signup p.error
{
	color:#fff;
	font-size:0.8em;
	margin-top:8px;
}

#enter-comp
{
	display:block;
	border:2px dotted #81197f;
	width:134px;
	text-align:center;
	padding: 10px;
	margin-top:10px;
	color:#81197f;
}

#compform
{
	padding:0;
	margin:20px 0 0 0;
}

#competition 
{
	padding:0;
	margin:0;
}

#competition label
{
	display:block;
	color:#81197f;
}

#competition input
{
	color:#666;
	width:150px;
	padding:2px;
}

#competition #submit-entry
{
	display:block;
	border:2px dotted #81197f;
	width:158px;
	text-align:center;
	padding: 5px 10px;
	margin:20px 0 0 0;
	color:#81197f;
	background-color:#fff;
}

#competition input.check
{
	width:auto;
}

.terms a
{
	text-decoration:underline;
	color:#81197f;
}

#competition label.terms{display:inline;}

.terms a:hover
{
	text-decoration:none;
}

.competition-entered
{
	color:#81197f;
}

.terms
{
	color:#81197f;
	font-size:0.7em;
	display:block;
	margin:10px 0 0 0;
}

span.competition-button
{
	color:#ffffff;
	float:left;
	display:inline;
	padding:10px;
	border:2px dotted #ffffff;
	font-size:0.8em;
	margin:30px 0 0 0;
}

.small-text span.competition-button
{
	font-size:1em;
}

span.competition-button a
{
	color:#fff;
}

/***** file container ***/

div.filecontainer
{
	margin:0 0 0 -40px;
	position:relative;
	float:left;
	display:inline;
}

div.filecontainer img
{
	vertical-align:text-top;
}

div.filetext
{
	float:left;
	display:inline;
	position:relative;
}

div.fileicon
{
	float:left;
	display:inline;
	width:40px;
}

div.filecontainer div.filetext p {
	margin:0!important;
	padding:0pt;
	width:100%;
}

div.filecontainer div.filetext a
{
	background-repeat:no-repeat;
	text-decoration:none;
	color:#666;
}

body#blue div.filecontainer div.filetext a{color:#009ee0;}
body#green div.filecontainer div.filetext a{color:#79b51c;}
body#purple div.filecontainer div.filetext a{color:#81197f;}
body#orange div.filecontainer div.filetext a{color:#ff5a00;}
body#red div.filecontainer div.filetext a{color:#E2003C;}
body#pink div.filecontainer div.filetext a{color:#e2007a;}

#right #wide #current-retailers td
{
	width:118px;
	vertical-align:top;
	font-size:0.1px;
	border:0px solid #eee;
	padding:0;
}

body#green #current-retailers td strong
{
	color:#79b51c;
	font-size:11px;
}

#current-retailers td img
{
	border:1px solid #ccc;
	padding:9px;
	display:block;
	margin:10px 0 0 0;
}
