@charset "UTF-8";
/*--------------------------------------------------------------
Although the CSS in this file can be freely copied, the associated
graphic files are copyright 2010 Discount Direct and may not
be reproduced in any form. Furthermore, the unique combination
of images, colors and typography that gives the website its
'look and feel' are also copyright 2010 Discount Direct.
--------------------------------------------------------------*/
/*-----------------------------
   Standard page defaults
-------------------------------*/
body {
	font-family: Verdana, Arial, "Nimbus Sans L", Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	background: #890215;
}
td#site-body {  /*used for admin area preview window*/
	font-family: Verdana, Arial, "Nimbus Sans L", Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	background: #890215;
}
td#site-body td {  /*used for admin area preview window*/
	font-family: Verdana, Arial, "Nimbus Sans L", Helvetica, sans-serif;
}
img {
	border: 0;
	margin: 0 0 5px 0;
}
.footnote {
	display: block;
	width: 750px;
	color: #C0776F;
	text-align: center;
	margin: 0 auto;
}
#wrap {
	padding: 0;
	margin: 0 auto;
	background: #FFF url(images/top_back.gif) repeat-x top;
}
form {
	padding: 0;
	margin: 0;
}
fieldset {
	padding: 8px 0;
	border: 0;
	margin: 0;
}
/* Holy Hacks for IE peekaboo and other bugs \*/
* html #page { height: 1%; }
* html #page div { height: 1%; }
* html #page div div { height: 1%; }
* html #page div div div { height: 1%; }
/* End Holy Hacks for IE */ 
/*-----------------------------
   Main Page Content
-------------------------------*/
#mid1 {
	float: left;
	padding: 0;
	margin: 0;
	background: url(images/left_edge.gif) repeat-y left;
}
#mid2 {
	background: url(images/mid_right.gif) repeat-y right;
}
#page {
	float: right;
	padding: 0;
	margin: 3px 20px 10px 0; /* left can be left at zero */
}
.page {  /*the admin area window that holds SS short-cuts*/
	color: #39557F;
	padding: 10px;
	margin: 0;
	background-color: #FFF;
}
#page a {
	text-decoration: none;
	color: #444;
}
#page a:hover {
	text-decoration: underline;
	color: #C00;
}
#page h1 {
	line-height: 110%;
	padding: 0;
	margin: 0 0 12px 0;
}
#page h2 {
	color: #DD9500;
	padding: 0;
	margin: 0 0 7px 0;
}
#page h3 {
	padding: 0;
	margin: 0;
}
#page h4 {
	padding: 0;
	margin: 0;
}
#page p {
	color: #000;
	padding: 0;
	margin: 0 0 10px 0;
}
.grey {
	color: #AAA;
}
.hide {
	display: none;
}
/*---------------------------------
   Text Box Styling - Backgrounds
-----------------------------------*/
.inset1, .inset2, .inset3, .inset4, .inset5, .inset6, .inset7, .inset8 {
	padding: 0;
	margin: 0;
}
.inset2, .inset4, .inset6 {
	background: url(images/inset_cr.gif) repeat-y right;
}
.inset1, .inset3, .inset5, .inset7, .inset8 {
	margin: 0 0 10px 0;
}
.inset1 {
	background-color: #FFFFD4;
	border: 1px solid #ECE1A8;
}
.inset2 {
	background-color: #FFFFD4;
}
.inset3 {
	background-color: #FEE7DD;
	border: 1px solid #E4B2A7;
}
.inset4 {
	background-color: #FEE7DD;
}
.inset5 {
	background-color: #F7E8CC;
	border: 1px solid #D3A74A;
}
.inset6 {
	background-color: #F7E8CC;
}
.inset7 {
	border: 1px solid #BCBCBC;
	background: url(images/inset_back7.gif) repeat;
}
.inset8 {
	border: 1px solid #939CC3;
	background: url(images/inset_back8.gif) repeat;
}
/*---------------------------------
   Text Box Styling - Subheads
-----------------------------------*/
#page .inset1 h2, #page .inset3 h2, #page .inset5 h2, #page .inset7 h2, #page .inset8 h2 {
	padding: 6px 5px 6px 7px;
	margin: 0;
}
#page .inset2 h2, #page .inset4 h2, #page .inset6 h2 {
	padding: 6px 15px 6px 7px;
	margin: 0;
	background: url(images/inset_tr.gif) no-repeat right top;
}
#page .inset1 h2, #page .inset2 h2 {
	color: #694E00;
	background-color: #F9F185;
}
#page .inset3 h2, #page .inset4 h2 {
	color: #FFFFFF;
	background-color: #E3998B;
}
#page .inset5 h2, #page .inset6 h2 {
	color: #623A1A;
	background-color: #F0CA80;
}
#page .inset7 h2 {
	font-weight: bold;
	color: #FFF;
	background: url(images/inset_back7_top.gif) repeat;
}
#page .inset8 h2 {
	font-weight: bold;
	color: #FFF;
	background: url(images/inset_back8_top.gif) repeat;
}
/*---------------------------------
   Text Box Styling - Body Text
-----------------------------------*/
#page .inset1 p, #page .inset2 p {
	color: #7F5F03;
	padding: 5px 10px;
	margin: 0;
}
#page .inset3 p, #page .inset4 p {
	color: #6E371F;
	padding: 5px 10px;
	margin: 0;
}
#page .inset5 p, #page .inset6 p {
	color: #54381E;
	padding: 5px 10px;
	margin: 0;
}
#page .inset7 p {
	color: #444;
	padding: 10px;
	margin: 0;
}
#page .inset8 p {
	color: #283458;
	padding: 10px;
	margin: 0;
}
#page .inset1 a, #page .inset2 a {
	color: #604701;
}
#page .inset3 a, #page .inset4 a {
	color: #681B04;
}
#page .inset5 a, #page .inset6 a {
	color: #312012;
}
#page .inset7 a {
	color: #000;
}
#page .inset8 a {
	color: #006;
}
#page .inset1 a:hover, #page .inset2 a:hover {
	color: #C00;
}
#page .inset3 a:hover, #page .inset4 a:hover {
	color: #C00;
}
#page .inset5 a:hover, #page .inset6 a:hover {
	color: #C00;
}
#page .inset7 a:hover, #page .inset8 a:hover {
	color: #C00;
}
/*---------------------------------
   Text Box Styling - Captions
-----------------------------------*/
#page .inset1 .pic-l, #page .inset1 .pic-a, #page .inset1 .pic-c, #page .inset1 .pic-r, #page .inset1 .pic-b, #page .inset1 .pic-, #page .inset2 .pic-l, #page .inset2 .pic-a, #page .inset2 .pic-c, #page .inset2 .pic-r, #page .inset2 .pic-b, #page .inset2 .pic- {
	color: #7F5F03;
}
#page .inset3 .pic-l, #page .inset3 .pic-a, #page .inset3 .pic-c, #page .inset3 .pic-r, #page .inset3 .pic-b, #page .inset3 .pic-, #page .inset4 .pic-l, #page .inset4 .pic-a, #page .inset4 .pic-c, #page .inset4 .pic-r, #page .inset4 .pic-b, #page .inset4 .pic- {
	color: #6E371F;
}
#page .inset5 .pic-l, #page .inset5 .pic-a, #page .inset5 .pic-c, #page .inset5 .pic-r, #page .inset5 .pic-b, #page .inset5 .pic-, #page .inset6 .pic-l, #page .inset6 .pic-a, #page .inset6 .pic-c, #page .inset6 .pic-r, #page .inset6 .pic-b, #page .inset6 .pic- {
	color: #543920;
}
#page .inset7 .pic-l, #page .inset7 .pic-a, #page .inset7 .pic-c, #page .inset7 .pic-r, #page .inset7 .pic-b, #page .inset7 .pic-, #page .inset8 .pic-l, #page .inset8 .pic-a, #page .inset8 .pic-c, #page .inset8 .pic-r, #page .inset8 .pic-b, #page .inset8 .pic- {
	color: #333;
}
/*---------------------------------
   Text Box Styling - Bottom
-----------------------------------*/
#page .inset1 h6, #page .inset2 h6, #page .inset3 h6, #page .inset4 h6, #page .inset5 h6, #page .inset6 h6, #page .inset7 h6, #page .inset8 h6 {
	padding: 0;
	margin: 0;
	clear: left;
}
#page .inset1 h6, #page .inset3 h6, #page .inset5 h6, #page .inset7 h6 {
	height: 0;
}
#page .inset2 h6, #page .inset4 h6, #page .inset6 h6 {
	background: url(images/inset_br.gif) no-repeat bottom right;
}
#page .inset2 h6 a, #page .inset4 h6 a, #page .inset6 h6 a {
	display: block;
	background: url(images/inset_bl.gif) no-repeat bottom left;
}
#page .inset8 h6 {
	height: 0;
}
/*---------------------------------
   Text Box Styling - Link Lists
-----------------------------------*/
#page .inset1 ul, #page .inset2 ul, #page .inset3 ul, #page .inset4 ul, #page .inset5 ul, #page .inset6 ul, #page .inset7 ul, #page .inset8 ul {
	list-style: none;
	padding: 0;
	margin: 0 10px 0 0; /* padding around clickable area within div */
}
#page .inset2 ul, #page .inset4 ul, #page .inset6 ul {
	margin-right: 18px; /* extra padding to allow for drop-shadow */
}
#page .inset1 li, #page .inset2 li, #page .inset3 li, #page .inset4 li, #page .inset5 li, #page .inset6 li, #page .inset7 li, #page .inset8 li {
	display: inline; /*gets rid of IE6 'space under <li>' bug*/
	padding: 0;
	border: 0;
	margin: 0;
}
#page .inset1 li a, #page .inset2 li a, #page .inset3 li a, #page .inset4 li a, #page .inset5 li a, #page .inset6 li a, #page .inset7 li a, #page .inset8 li a {
	display: block;
	width: 100%;
	font-weight: normal;
	text-decoration: none;
	padding: 4px 5px; /* padding around text to make clickable area */
	margin: 0;
}
/* IE box-model hack - sigh! */
* html #page .inset1 li a, * html #page .inset2 li a, * html #page .inset3 li a, * html #page .inset4 li a, * html #page .inset5 li a, * html #page .inset6 li a, * html #page .inset7 li a, * html #page .inset8 li a { margin-right: -10px; }
/* end of IE hack */
#page .inset1 li a, #page .inset2 li a {
	border-bottom: 1px dotted #B29E4B;
}
#page .inset3 li a, #page .inset4 li a {
	border-bottom: 1px dotted #CD8F88;
}
#page .inset5 li a, #page .inset6 li a {
	border-bottom: 1px dotted #B3804D;
}
#page .inset7 li a {
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #959798;
}
#page .inset8 li a {
	border-top: 1px solid #EEF2FF;
	border-bottom: 1px solid #96A0C4;
}
#page .inset1 li a:hover, #page .inset2 li a:hover {
	color: #000;
	text-decoration: none;
	background-color: #D3CF88;
}
#page .inset3 li a:hover, #page .inset4 li a:hover {
	color: #FFF;
	text-decoration: none;
	background-color: #C6615F;
}
#page .inset5 li a:hover, #page .inset6 li a:hover {
	color: #FFF;
	text-decoration: none;
	background-color: #C2A368;
}
#page .inset7 li a:hover {
	color: #000;
	text-decoration: none;
	background-color: #BBB;
}
#page .inset8 li a:hover {
	color: #121373;
	text-decoration: none;
	background-color: #A4B8D9;
}
#page .inset1 li a.current, #page .inset2 li a.current {
	color: #000;
	background-color: #FFF55C;
}
#page .inset3 li a.current, #page .inset4 li a.current {
	color: #000;
	background-color: #FFF38A;
}
#page .inset5 li a.current, #page .inset6 li a.current {
	color: #3D2A1B;
	background-color: #FFFFCC;
}
#page .inset7 li a.current {
	color: #333;
	background-color: #FF9;
}
#page .inset8 li a.current {
	color: #121373;
	background-color: #FF9;
}
/*---------------------------------
   Pictures (caption colour is overriden for inset boxes)
-----------------------------------*/
.pic-l, .pic-a, .pic-c, .pic-r, .pic-b, .pic- {
	color: #000;
	text-align: center;
	margin: 0 0 5px 0;
}
#page div .pic-r, #page div .pic-b {
	margin: 5px 12px 0 0; /* keep inset pic borders within the inset box */
}
.pic-l {
	float: left;
	margin: 0 15px 10px 0;
}
.pic-r {
	float: right;
	margin: 0 0 10px 15px;
}
/* Start Hack for IE 3px-jog bug \*/
* html .pic-l { margin-right: 12px; }
* html .pic-r { margin-left: 12px; }
/* End Hack for IE */ 
.pic-c {
	margin: 5px auto;
}
.pic-a, .pic- {
	margin: 0 auto 5px 0;
}
.pic-b {
	margin: 0 0 5px auto;
}
/*--------------------------------------------------------------
  Header and Primary Navigation
--------------------------------------------------------------*/
#top1 {
	position: relative;
	height: 152px;
	background: url(images/left_edge.gif) repeat-y left;
}
#top2 {
	height: 152px;
	background: url(images/top_right.gif) no-repeat top right;
}
#top-n1 {
	height: 144px;
	padding: 8px 0 0 0;
}
#top-n1 ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#top-n1 ul li {
	float: right;
	line-height: 135%;
	padding: 0;
	margin: 0;
	background: url(images/bul_sq_light_pink.gif) no-repeat left center;
}
#top-n1 ul li a {
	display: block;
	height: 19px;
	color: #FFF;
	text-decoration: none;
	padding: 0 0 0 15px;
	margin: 0;
	background: url(images/n1_bar.gif) no-repeat right center;
}
#top-n1 ul li a:hover, #top-n1 ul li a.null:hover {
	color: #FEBE36;
	background: url(images/bul_sq_orange.gif) no-repeat left center;
}
#top-n1 li.logo, #top-n1 li.logo2 {
	float: left;
	height: 152px;
	padding: 0;
	margin: -8px 0 0 0;
	background: url(images/top_logo.gif) no-repeat 38px 26px;
}
#top-n1 a.close { /* used for pop-up TofB page */
	height: 50px;
	line-height: 113%;
	width: 180px;
	padding: 32px 0 0 17px;
	background: none;
}
#top-n1 li a.logo, #top-n1 li a.logo2 {
	display: block;
	height: 152px;
	padding: 0;
	margin: 0;
	background: none;
}
#top-n1 li a.logo:hover, #top-n1 li a.logo2:hover {
	height: 100%; /* IE HasLayout hack */
	background: none;
}
#top-n1 ul li a span {
	display: none;
	white-space: normal;
}
#top-n1 ul li a:hover span { /* position of n1 hover text */
	display: block;
	position: absolute;
	z-index: 2;
	top: 20px;
	left: 375px;
	width: 150px;
	color: #5D5116;
	text-align: center;
	font-size: 12px;
	line-height: 14px;
	padding: 5px;
	border: 1px solid #000;
	background-color: #FFF0A8;
}
#top-n1 a.logo:hover span, #top-n1 a.logo2:hover span {
	top: 5px;
	left: 40px;
	width: 140px;
}
#top-n1 li.current {
	background: url(images/bul_sq_yellow.gif) no-repeat left center;
}
#top-n1 a.current, #top-n1 a.current:hover {
	color: #FF0;
	background: url(images/n1_sel.gif) no-repeat right center;
}
#top-n1 a.bar {
	background: none;
}
#top-n1 a.bar:hover {
}
#top-end { 
	display: block;
	position: absolute;
	z-index: 2;
	bottom: 0;
	right: 0;
	width: 38px;
	height: 33px;
	background: url(images/n1_bar_head.gif) no-repeat;
}
#top-n1 ul li a.null, #top-end.null {
	background: none;
}
/*---------------------------
  Secondary Navigation
-----------------------------*/
#mid-n2 {
	float: right;
	padding: 0;
	margin: 0;
}
#mid-n2 ul {
	list-style: none;
	padding: 0;
	margin: 0 7px 0 0;
}
#mid-n2 li {
	display: inline; /* gets rid of IE6 'space under <li>' bug */
	padding: 0;
	margin: 0;
}
#mid-n2 li a {
	display: block;
/* IE5.5 hack */	
	width: 184px;
	width: /**/172px;
/* end of IE5.5 hack */	
	color: #000;
	text-decoration: none;
	padding: 5px 0 7px 12px;
	margin: 0;
	background: url(images/n2_line.gif) repeat-x bottom;
}
#mid-n2 li a:hover {
	color: #900;
	text-decoration: none;
	background-color: #FF4;
}
#mid-n2 li.nav2-only { /* n2 selected page with no n3's */
	display: block;
	width: 161px;
	padding: 9px 0 0 24px;
	background: #E0B3AA url(images/bul_tri_red_s.gif) no-repeat left;
}
#mid-n2 .nav2-only #nav2-bot { /* the n2 line for the above style */
	width: 184px;
	height: 10px;
	padding: 0;
	margin: 0 0 0 -24px;
	background: url(images/n2_line.gif) repeat-x bottom;
}
#mid-n2 li.nav2-sel { /* n2 selected page with unselected n3's */
	display: block;
/* IE5.5 hack */	
	width: 185px;
	width: /**/161px;
/* end of IE5.5 hack */	
	padding: 9px 0 0 24px; 
	margin: 0;
	background: #E0B3AA url(images/bul_tri_red_s.gif) no-repeat 0 7px;
}
#mid-n2 .nav2-sel a { /* n2 selected page with a n3 selected */
	display: block;
/* IE5.5 hack */	
	width: 185px;
	width: /**/161px;
/* end of IE5.5 hack */	
	padding: 9px 0 8px 24px;
	margin: -9px 0 -8px -24px; /* use padding to define clickable area, then offset it with margin */
	background: #E0B3AA url(images/bul_tri_red_d.gif) no-repeat 0 12px;
}
#mid-n2 #nav2-top { /* the n2 graphic above n3 links */
	width: 8px;
	height: 8px;
	overflow: hidden; /* stops IE6 expanding to line height */
}
#mid-n2 .nav2-sel ul { /*the nav3 list*/
	list-style: none;
	padding: 0;
	margin: 0 0 0 -24px;
	background-color: #F4E2DE;
}
#mid-n2 .nav2-sel li {
	display: inline; /* gets rid of IE6 'space under' bug */
	padding: 0;
	margin: 0; 
}
#mid-n2 .nav2-sel li a { /* the nav3 links */
	display: block;
	color: #774848;
	text-decoration: none;
	padding: 3px 0 3px 24px;
	margin: 0;
	background: #F4E2DE url(images/n3_l.gif) no-repeat left;
}
#mid-n2 .nav2-sel li a:hover {
	color: #900;
	text-decoration: none;
	background-color: #FFF0A8 ;
}
#mid-n2 .nav2-sel li.nav3-sel { /* selected nav3 */
	display: block;
	font-weight: bold;
	color: #774848;
	padding: 3px 0 3px 24px;
	margin: 0;
	background: url(images/n3_l_sel.gif) no-repeat left;
}
#mid-n2 .nav2-sel li.nav3-sel a { /* selected nav3 links */
	padding: 3px 0 3px 0;
	background-image: none;
}
#mid-n2 .nav2-sel #nav3-bot { /* the bottom of the selected nav3 link */
	display: none;
}
#mid-n2 .link-intro {
	display: block;
/* IE5.5 hack */	
	width: 185px;
	width: /**/173px;
/* end of IE5.5 hack */	
	color: #690208;
	font-weight: normal;
	padding: 4px 0 4px 12px;
	margin: 0;
	background: #E0B3AA;
}
/*--------------------------------------------------------------
  Fixed Navigation Links
--------------------------------------------------------------*/
#mid-n4 {
}
#mid-n4 ul {
	list-style: none;
	width: 165px;
	padding: 0;
	margin: 16px 7px 0 12px;
}
#mid-n4 li {
	display: inline;
	line-height: 18px;
}
#mid-n4 li a {
	display: block;
	width: 150px;
	color: #A24037;
	text-decoration: none;
	padding: 0 0 0 14px;
	margin: 0;
	background: url(images/bul_sq_dark_pink.gif) no-repeat left;
}
#mid-n4 li a:hover {
	color: #C00;
	background: url(images/bul_sq_red.gif) no-repeat left;
}
.credits {
	display: block;
	width: 165px;
	color: #747474;
	padding: 8px 0 0 12px;
	margin: 0;
}
.credits a {
	color: #333;
	text-decoration: none;
}
.credits a:hover { 
	color: #C00;
	text-decoration: underline;
}
/*--------------------------------------------------------------
  Bottom Box Layout
--------------------------------------------------------------*/
#foot1 {
	height: 60px;
	padding: 0;
	margin: 0;
	clear: both;
	background: url(images/foot_left.gif) no-repeat bottom left;
}
#foot2 {
	height: 60px;
	background: url(images/foot_right.gif) no-repeat bottom right;
}
#foot-fonts, td #foot-fonts {  /* the font size selector, plus selector for admin area */
	float: right;
	height: 36px;
/* IE5.5 hack */	
	width: 200px;
	width: /**/185px;
/* end of IE5.5 hack */	
	color: #A24037;
	line-height: 25px;
	padding: 0 0 0 15px;
	margin: 0;
	background: url(images/mid_right.gif) repeat-y right;
}
#foot-fonts .size1, #foot-fonts .size2, #foot-fonts .size3, #foot-fonts .size4 {
	text-decoration: underline;
}
#foot-fonts a.size1, #foot-fonts a.size2, #foot-fonts a.size3, #foot-fonts a.size4 {
	color: #A24037;
	text-decoration: none;
}
#foot-fonts a:hover {
	color: #900;
	text-decoration: underline;
}
#foot-fonts .size1 {
	font-size: 13px;
}
#foot-fonts .size2 {
	font-size: 16px;
}
#foot-fonts .size3 {
	font-size: 19px;
}
#foot-fonts .size4 {
	font-size: 22px;
}
#breadcrumbs {
	float: left;
/* IE5.5 hack */	
	width: 565px;
	width: /**/515px;
/* end of IE5.5 hack */	
	height: 31px;
	color: #444;
	padding: 5px 0 0 50px;
	margin: 0;
	background: url(images/left_edge.gif) repeat-y left;
}
#breadcrumbs a {
	text-decoration: none;
	color: #444;
}
#breadcrumbs a:hover { 
	text-decoration: underline;
	color: #C00;
}
/*--------------------------------------------------------------
  Next and More Buttons
--------------------------------------------------------------*/
a.next {
	position:relative;
	border: 1px solid white;
	background: url(images/next.gif) no-repeat 0 2px;
}
a.next img {
	margin: 0;
	vertical-align: top;
}
a.next:hover { 
	background: url(images/next_in.gif) no-repeat 0 2px;
}
a.more {
	position:relative;
	border: 1px solid white;
	background: url(images/more.gif) no-repeat 0 2px;
}
a.more img {
	margin: 0;
	vertical-align: top;
}
a.more:hover { 
	background: url(images/more_in.gif) no-repeat 0 2px;
}
/*--------------------------------------------------------------
  Special News Story
--------------------------------------------------------------*/
#page ul li a.shout {
	color: #C00;
	padding-top: 7px;
	padding-bottom: 7px;
	background-color: #FF0;
}
/*--------------------------------------------------------------
  Terms page bottom link
--------------------------------------------------------------*/
#foot2 #top-n4 {
	background: url(images/left_edge.gif) repeat-y left;
}
#foot-n4 ul {
	list-style: none;
}
#foot-n4 a {
	color: #5A010E;
}