/*--------------------------------------------------

BASE CSS

This contains globally used, default styling for 
the basic HTML components; this acts like a reset 
stylesheet. It also contains externally required 
CSS such as SIFR.

--------------------------------------------------*/

/*
  HEADINGS

  h1 = 30px
  h2 = ?
  h3 = ?
  h4 = ?
*/


/* INCLUDES
--------------------------------------------------*/
@import url(reset.css);
@import url(layout.css);
@import url(widgets.css);
@import url(content.css);
@import url(catalogue.css);
@import url(order.css);
@import url(yui.css);
@import url(euk.css);
@import url(ukisa/ukisa.widget.form-validation.css);
@import url(ukisa/ukisa.widget.carousel.css);
@import url(ukisa/ukisa.widget.form-enhancer.css);

/* @import url(ukisa/accordian/base.css); */

/* ELEMENTS - now add styles to the reset
--------------------------------------------------*/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 62.5%; 
	color: #575757;
	background: #FFF url(../images/canvas/html.gif) repeat-x;
	overflow: -moz-scrollbars-vertical; /* FF : Prevent page jumping between non/scrolling pages */
}
h1, h2, h3, h4, h5, h6 {	
	font-size: 1.1em;
	font-weight: bold;
	margin: 0 0 1em;
}
h1 {
	color: #AEDD27;
	font-size: 3em;
	margin: 0 0 15px;
}
h2 {
	font-size: 2.4em;
	margin: 18px 0 6px;
}
h3 {
	font-size: 1.8em;
	margin: 0 0 10px;
}
h4 {
	font-size: 1.2em;
}
input, select, textarea {
	color: #3F3E29;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em
}
p input,
li input, li select, li textarea,
dd input, dd select, dd textarea {
	font-size: 1em;
}
object, embed {
	outline: none; /* Removes the white dotted border that sometimes appears around Flash elements. */
}

a:link {
	color: #818181;
	text-decoration: underline;
}
a:visited {
	color: #818181;
	text-decoration: underline;
}
a:hover {
	color: #818181;
	text-decoration: none;
}
a:active {
	color: #818181;
	text-decoration: underline;
}
ul, ol {				
	margin: 0 0 1.2727em 2.2727em;
}
ul {
	list-style-type: disc;
}
ol {
	list-style-type: decimal;
}
ol.address {
	list-style: none;
	margin: 0 0 20px;
}
li {
	font-size: 1.0909em; /* 12px / 11px = 1.0909em */
}
p, dl {
	margin: 0 0 1.2727em; 
	font-size: 1.1em;
}

p.header {
	color: #5E3A9D;
	font-size: 2em;
}	
table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 1.1em;
	width: 100%;
	margin: 0 0 1.2727em; 
}
table.basket {
	margin: 0;
}
table.standings thead {
	display: none;
}
table.standings td{
	color: #fff;
}
th {
	color: #575757;
	border-bottom: 1px solid #DEDEDE;
	font-weight: bold;
	/*
	padding: 0 12px 6px;
	*/
	padding: 0 6px 6px;
}

table#colour-palette td {
	padding: 0; /* Remove padding for Margerita Colour Palette */
}

td {
	padding: 6px 6px;
}
table .nth-child-odd td {
	background-color: #f4f4f4;
}
table form {
	font-size: .9em;
}
td li {
	font-size: 1em;
}
dd li p {
	font-size: .916em; /* 11px / 12px = 0.916emem */
}
dd p,
li li,
li p {
	font-size: 1em; /* 11px / 11px = 1em */
}
strong {
	font-weight: bold;
}
hr {
	clear: both;
	height: 2px; 
	border: 1px solid #FFF;
	border-top-color: #DEDEDE;
	margin: 12px 0;
}

/* Accessibility
--------------------------------------------------*/
.longdesc,
.access,
.aby,
caption,
legend { /* Place selectors here as required to hide something for accessibility reasons */
	position: absolute;
	left: -999em;
	/* These are for older browsers */
	height: 0;
	width: 0;
	margin: 0;
	padding: 0;
	font-size: 0;
	overflow: hidden;
}

ul#access-nav, 
ul#access-nav li {
	padding: 0; 
	margin:0; 
	list-style: none;
	display:inline;
}
#access-nav a:link, 
#access-nav a:visited {
	width: 0; 
	height: 0;
	float: left; 
	overflow: hidden; 
}
#access-nav a:active, 
#access-nav a:focus {
	width: auto; 
	height: auto;
	position:absolute; 
	left: 0;
	top: 0;
	z-index:10000; 
	overflow: visible; 
	background-color: #FFF;
	padding: 5px;
}


/* Helper
--------------------------------------------------*/
#body:after,
#content:after,
.form dd:after,
.clear:after { /* Do NOT use this class, add a selector here */
    content: "\0020"; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	overflow: hidden;
	clear: both;
}
* html .clear {
	height: 1%;
}

/* Common/global styles
--------------------------------------------------*/
.error {
	color: #F00;
}
.success {
	color: #0ECA29;
}
.loading {
	background: url(../images/global/loading.gif) no-repeat top center;
	padding: 16px 8px 0;
}
.blur { /* The site standard for faded elements. */
	opacity: .5;
	filter: alpha(opacity=50);
}
p.details {
	margin: 0;
}
.strong a:link,
.strong a:visited,
.strong a:hover,
.strong a:active,
a.strong:link,
a.strong:visited,
a.strong:hover,
a.strong:active,
a.details:link,
a.details:visited,
a.details:hover,
a.details:active,
.details a:link,
.details a:visited,
.details a:hover,
.details a:active {
	color: #AEDD27;
	text-decoration:none;
}

.strong a:hover,
a.strong:hover,
a.details:hover,
.details a:hover {
	text-decoration: underline;
}

div ul.details,
.page-section-3 .section ul.details {
	list-style: none;
	margin-left: 0;
}
.page-section-3 .section ul.details li,
.page-section-4 .section ul.details li{
	margin-bottom: 6px;
}
div.masthead {
	height: 0;
	padding: 291px 0 0;
	margin: 0;
	width: 980px;
	overflow: hidden;
	float: left;
	border-bottom: 12px solid #fff;
}
div.masthead h1 {
	position: absolute;
	left: -999em;
}
img.masthead {
	margin: 0 0 16px;
}
#content div.masthead {
	height: 0;
	padding: 180px 0 0;
	margin: 0;
	width: 544px;
	overflow: hidden;
	float: left;
	border-bottom: 12px solid #fff;
}
.channel { /* Friendly way of saying banner (which can be blocked by zealous plugins */
	margin: 0 0 12px;
	float: left;
}
.approve {
	background: transparent url(../images/global/approve.png) !important;
}
* html body .approve {
	background-image: none;
	background-color: #FDD9DF;
}
.introduction {
	margin: 0 0 20px;
	font-weight: bold;
}

dl.columns-form,
dl.columns,
dl.list {
	float: left;
	width: 100%;
}
* html dl.columns-form
* html dl.columns, 
* html dl.list { 
	margin: 0 0 .1em; 
}
dl.columns-form dt,
dl.columns dt,
dl.list dt {
	font-weight: bold;
	float: left;
	clear: left;
	padding: 0 10px 6px 0;
}
dl.columns-form dd,
dl.columns dd,
dl.list dd {
	float: left;
	padding: 0 0 6px;
}
* html dl.columns-form,
* html dl.columns dd,
* html dl.list dd {
	float: none;
}

dl.columns dt {
	text-align: right;
	width: 25%;
} 
dl.columns dd {
	width: 73%;
} 

dl.columns-tenth dt {
	width: 10%
}

dl.columns-fifth dt {
	width: 20%
}

dl.columns-quarter dt {
	width: 25%
}

dl.columns-third dt {
	width: 33%
}

dl.columns-half dt {
	width: 50%;
}

dl.columns-form dt {
	text-align: right;
	width: 98px;
}
dl.columns-form dd {
	width: 300px;
}

/*--------------------------------------------------

  MODAL - Control the default styles of the modals.

--------------------------------------------------*/

/* MODAL
--------------------------------------------------*/
.yui-panel .bd {
	height: 400px;
	overflow: auto;
	width: 800px;
}
.yui-panel p.loading {
	text-align: center;
	background-position: bottom center;
	padding: 16px 12px 22px;
}

.yui-panel p.error {
	text-align: center;
	font-weight: bold;
	padding: 16px 12px;
}
#ukisa-flash-modal object {
	background: url(../images/global/loading.gif) no-repeat center center;
}
#content-modal .bd {
	height: 400px;
	overflow: auto;
	width: 800px;
}

/* TERMS
--------------------------------------------------*/
#terms-modal {}


/* LIGHTBOX
 * UKISA.widget.Lightbox
--------------------------------------------------*/
#modal-lightbox .bd {
	height: 100px;
	width: 200px;
}


/* NOT SURE WHERE TO PUT THIS
--------------------------------------------------*/

.sections h2 {
	margin-top: 0;
}
.clear-both {
	clear: both;
}