/*
-----------------------------------------------
Eisteddfod 2011
Author:www.imaginet.co.uk
Version:Nov 2010
----------------------------------------------- */



/* Global Styles
----------------------------------------------- */

* {
   padding:0;
   margin:0;
}
img {
   padding:0;
   margin:0;
}
img a {
   border:0;
}
a {
   color:#337aa9;
   text-decoration:none;
}
a:hover {
   text-decoration:underline;
}
a img {
   border:none;
}
.breaker {
   clear:both;
   width:100%;
   height:1px;
   font-size:0.1em;
   overflow:hidden;
}
.none {
   display:none;
}
.alert {
   color:#337aa9;
}

/* Page Structure
----------------------------------------------- */

html body {
   background:#fff;
   color:#3d3d3d;
   margin:0;
   text-align:center;
   font:x-small Arial,Sans-serif;
   voice-family: "\"}\""; voice-family:inherit;
   font-size:small;
   } html>body {font-size:small;}
#page {
   font-size:85%;
   width:956px;
   padding:0;
   margin:0 auto;
   text-align:left;
}
#decoration {
  width:956px;
}
#main {
  width:956px;
  background:url(graphics/corp_bg.gif) repeat-y;
}
#main2 {
  width:956px;
  background:url(graphics/corp_bg2.gif) repeat-y;
}
#left {
  float:left;
  width:199px;
}
#content {
  width:510px;
  float:left;
  padding:0px 22px 0 22px;
}
#content2 {
  width:735px;
  float:left;
  padding:0px 0px 0 22px;
}
#content3 {
  width:100%;
  float:left;
  padding:0px 22px 0 0px;
}
#content_home {
  width:752px;
  margin:0 0 0 0px;
  float:right;
}
#right {
  width:197px;
  float:right; 
}


/* Masthead
----------------------------------------------- */

#masthead {
   width:956px;
   margin:0 auto;
   padding:11px 0 0 0;
}
#masthead .logo {
   width:216px;
   float:left;
   padding:0px 0 17px 0px;
}
#masthead .banner {
   width:658px;
   float:right;
   padding:0px 0px 0 0;
}
#masthead .banner h1 {
   float:left;
   text-indent:-3000px;
   font-size:1.8em;
   font-weight:bold;
} 
#masthead .banner h1.title_en {
   background: url(graphics/banner_en_12.gif) 0px 0px no-repeat;
   width:478px;
   height:54px;  
}
#masthead .banner h1.title_cy {
   background: url(graphics/banner_cy_12.gif) 0px 0px no-repeat;
   width:478px;
   height:54px;  
}
#masthead .banner .lang {
   width:85px;
   float:right;
   padding:0px 0px 0 0;
}


/* Language
----------------------------------------------- */

#language {
   width:85px;
   font-size:1.3em;
   margin:0 auto;
}
#language ul {
   padding:0;
}
#language ul li {
   font-weight:bold;
   list-style:none;
   display:inline;
}
#language ul a {
   float:left;
   display:block;
   color:#FFF;
   line-height:1em;
   text-decoration:none;
   background:#164361;
}
#language ul a:hover {
   color:#FFF;
   background:#164361;
   text-decoration:underline;
}
#language ul li a {
   padding:8px 12px 10px 12px;
}



/* Topnav
----------------------------------------------- */

#topnav {
   width:956px;
   font-size:1.3em;
   background:#3d3d3d;
   border-bottom:3px solid #FFF;
   margin:0 auto;
}
#topnav ul {
   padding:0;
}
#topnav ul li {
   font-weight:bold;
   list-style:none;
   display:inline;
}
#topnav ul li a.highlight {
   background:#164361;
}
#topnav ul li a.highlightblue {
   background:#00aec6;
}
#topnav ul li a.highlightpink {
   background:#cf236c;
}
#topnav ul li a.highlightgreen {
   background:#00ae65;
}
#topnav ul li a.highlightpurple {
   background:#7f4098;
}
#topnav ul li a:hover.pink {
   background:#cf236c;
}
#topnav ul li a:hover.blue {
   background:#00aec6;
}
#topnav ul li a:hover.green {
   background:#00ae65;
}
#topnav ul li a:hover.purple {
   background:#7f4098;
}





#topnav ul a {
   float:left;
   display:block;
   color:#FFF;
   line-height:1em;
   text-decoration:none;
   border-right:4px solid #FFF;
}
#topnav ul a:hover {
   color:#FFF;
   background:#164361;
   text-decoration:underline;
}
#topnav ul li a {
   padding:8px 11px 10px 11px;
}
#topnav .breaker {
  background-color:#FFF;
}

/* Leftnav
----------------------------------------------- */

#leftnav {
   width:199px;
   font-size:1.2em;
}
#leftnav ul {
   list-style-type:none;
   padding:4px 8px 10px 12px;
}
#leftnav ul a {
   color:#FFF;
}
#leftnav ul a:hover {
   color:#FFF;
}
#leftnav ul.nav2 {
   list-style-type:none;
   padding:0;
}
#leftnav ul.nav3 {
   list-style-type:none;
   padding:2px 0 5px 15px;
}
#leftnav ul.nav1 li {
   padding:8px 10px 15px 10px;
   background:url("graphics/bullet.gif") no-repeat 0 16px;
   font-weight:bold;
   margin:0;
}
#leftnav ul.nav2 li {
   padding:5px 0 0 0px;
   background:none;
   font-weight:normal;
   line-height:1.1em;
}
#leftnav ul.nav3 li {
   background:url("graphics/dash.gif") no-repeat 0 7px;
   padding:0 0 0 11px;
   font-weight:normal;
   line-height:1.2em;
}


/* Home images
----------------------------------------------- */

#home_images {
  width:956px;
  height:279px;
  border-bottom:3px solid #FFF;
}
#home_images .homeimg_left {
  width:419px;
  border-right:4px solid #FFF;
  float:left;
}
#home_images .homeimg_right {
  width:533px;
  float:right;
}
#home_images .homeimg_center {
  width:423px;
  float:left;
  border-right:4px solid #FFF;
}


/* Home boxes
----------------------------------------------- */

#home_boxes {
  width:956px;
}
#home_boxes .col {
  padding:20px 18px 24px 22px;
}
#home_boxes .col2 {
  padding:15px 17px 19px 19px;
}
#home_boxes h2 {
  float:right;
  text-align:right;
  font-size:1.7em;
}
#home_boxes h2 .date {
  font-size:1.9em;
}
#home_boxes01 ul, #home_boxes02 ul {
  float:left;
  text-align:left;
  list-style:none;
  display:inline;
  font-size:1.4em;
  font-weight:bold;
}
#home_boxes03 ul, #home_boxes04 ul {
  float:right;
  text-align:right;
  list-style:none;
  display:inline;
  font-size:1.5em;
  font-weight:bold;
}
#home_boxes03 ul li, #home_boxes04 ul li {
  background:url("graphics/bullet.gif") no-repeat 0 11px;
  padding:0 0 10px 10px;
}
#home_boxes03 ul a, #home_boxes04 ul a {
  color:#FFF;
}
#home_boxes01 ul li, #home_boxes02 ul li {
  background:url("graphics/bullet.gif") no-repeat 0 9px;
  padding:0 0 10px 10px;
}
#home_boxes01 ul a, #home_boxes02 ul a {
  color:#FFF;
}
#home_boxes01 {
  float:left;
  width:338px;
  height:143px;
  background:#00ae65 url("graphics/homebox_green2.gif") no-repeat 0 0px;
  border-right:4px solid #FFF;
}
#home_boxes01 h2 {
  color:#005b35;
}
#home_boxes02 h2 {
  color:#522169;
}
#home_boxes02 {
  float:left;
  width:338px;
  height:143px;
  background:#7f4098 url("graphics/homebox_purple.gif") no-repeat 0 0px;
}
#home_boxes03 {
  float:right;
  width:272px;
  height:70px;
  background:#164361;
}
#home_boxes04 {
  float:right;
  width:272px;
  height:70px;
  background:#164361;
  border-top:3px solid #fff;
}

/* Forms
----------------------------------------------- */

#form {
  width:100%;
   border-top:1px solid #ccc;
   border-bottom:1px solid #ccc;
}
#form form {
  padding:20px 0px 15px 0px;
}
#form h2 {
   background-color:#CCC;
   font-size:1.2em;
   padding:0.5em 8px 0.5em 8px;
   margin:0 0 10px 0;
}
#form h2.total {
   background-color:#333;
   font-size:1.2em;
   color:#FFF;
   padding:0.5em 8px 0.5em 8px;
   margin:0 0 10px 0;
}
#form h3 {
   font-size:1.1em;
   margin:0 0 4px 0;
   padding:0 0 0.5em 0;
}
#form p {
   line-height:1.3em;
   margin:0 0 0.3em 0;
}
#form fieldset {
   border:none;
}
#form input {
}
#form label {
   margin:0;
   padding:0;
}
#form form table {
   width:100%;
}
#form form table td {
   padding:10px 0px 5px 0px;
}
#form form table th {
   background:#333;
   color:#FFF;
   padding:10px 0 10px 5px;
}


#form2 {
   border-top:1px solid #ccc;
   border-bottom:1px solid #ccc;
}
#form2 form {
  padding:20px 0px 15px 0px;
}
#form2 h2 {
   background-color:#CCC;
   font-size:1.2em;
   padding:0.5em 8px 0.5em 8px;
   margin:0 0 10px 0;
}
#form2 h2.total {
   background-color:#333;
   font-size:1.2em;
   color:#FFF;
   padding:0.5em 8px 0.5em 8px;
   margin:0 0 10px 0;
}
#form2 h3 {
   font-size:1.1em;
   margin:0 0 4px 0;
   padding:0 0 0.5em 0;
}
#form2 p {
   font-size:1.1em;
   line-height:1.3em;
   margin:0 0 0.3em 0;
}
#form2 fieldset {
   border:none;
}
#form2 input {
}
#form2 label {
   font-size:1.1em;
   margin:0;
   padding:0;
}
#form2 form table {
   width:100%;
}
#form2 form table td {
   padding:10px 0px 5px 0px;
}
#form2 form table th {
   background:#333;
   color:#FFF;
   padding:10px 0 10px 5px;
}


/* Form buttons 
---------------------------------------------- */

button {
   position:relative;
   border:0;
   padding:0;
   cursor:pointer;
   overflow:visible; 
}
button::-moz-focus-inner {
   border:none; 
}
button span {
   position:relative;
   display:block;
   white-space:nowrap;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
   button span {
      margin-top:-1px;
   }
}
button.submitBtn {
   padding:0 0px 0 0;
   margin-right:0;
   font-size:1em;
   text-align:center;
   background:transparent url("graphics/form_but.gif") no-repeat right -140px;
}
button.submitBtn span {
   padding:5px 10px 0 10px;
   height:30px;
   background:transparent url("graphics/form_but.gif") no-repeat left top;
   color:#fff;
   font-size:1.2em;
   font-weight:bold;
   font-family:Arial;
}
button.submitBtn span a:hover {
	text-decoration: underline;
}




/* Content
----------------------------------------------- */


#header h1 {
   font-size:2.1em;
   color:#164361;
   margin:12px 0 12px 0;
}
#header2 h1 {
   font-size:2.1em;
   color:#164361;
   margin:0px 0 12px 0;
}
div.cms_content {
  font-size:1.1em;
}
div.cms_content hr {
   border-width:1px 0 0 0;
   border-color:#cccccc;
   border-style:solid;
   color:#fff;
}
div.cms_content a {
   font-weight:bold;
   text-decoration:underline;
}
div.cms_content h2 {
   font-size:1.3em;
   line-height:1.4em;
   padding:0 0 12px 0;
}
div.cms_content h3 {
   font-size:1.1em;
   padding:0 0 3px 0;
}
div.cms_content h3.featured {
   font-size:1.3em;
   color:#164361;
   padding:0 0 3px 0;   
}
div.cms_content p {
   line-height:1.6em;
   margin:0 0 1.3em 0;
}
div.cms_content ul {
   list-style:none;
   line-height:1.1em;
   margin:0 0 1.1em 0;
   padding:0;
}
div.cms_content ul li {
   background:url("graphics/bullet2.gif") no-repeat 0px 8px;
   padding:0px 10px 1.2em 10px;
   margin:0;
}
div.cms_content ul li a {
   text-decoration:none;
}
div.cms_content ul li a:hover {
   text-decoration:underline;
}
ol {
   padding:0 0 0 26px;
}
ol li {
   padding-bottom:1em;
}
ol li a {
   font-weight:normal;
   text-decoration:none;
}
ol li a:hover {
   text-decoration:underline;
}
ol.alpha {
   list-style-type:upper-alpha
}


/* Inline Images
----------------------------------------------- */

div.cms_content img.left {
   float:left;
   padding:0;
   margin:0 10px 10px 0;
}
div.cms_content img.right {
   float:right;
   padding:0;
   margin:0 0 10px 10px;
}


/* Right items
----------------------------------------------- */

.related_items {
   width:167px;
   font-size:1.1em;
   padding:12px 0 5px 16px;
}
.related_items h2 {
   font-size:1.2em;
   font-weight:bold;
   color:#6d6d6d;
}
.related_items p {
   line-height:1.3em;
   margin:0 12px 1.5em 12px;
}
.related_items a {
   font-weight:bold;
}
.related_items ul {
   list-style-type:none;
   margin:1em 0 0 0;
}
.related_items ul li {
   background-image:url("graphics/bullet2.gif");
   background-repeat:no-repeat;
   line-height:1.2em;
   background-position:10px 7px;
   padding:0 10px 15px 22px;
}
.related_items ul li.pdf {
   background-image:url("graphics/pdf.gif");
   background-repeat:no-repeat;
   line-height:1.2em;
   background-position:4px 0px;
   padding:2px 10px 15px 46px;
}
.related_items ul li.word {
   background-image:url("graphics/word.gif");
   background-repeat:no-repeat;
   line-height:1.2em;
   background-position:4px 0px;
   padding:2px 10px 15px 46px;
}
.related_items ul li.text {
   background-image:url("graphics/text.gif");
   background-repeat:no-repeat;
   line-height:1.2em;
   background-position:4px 0px;
   padding:0 10px 15px 46px;
}
.related_items ul li a {
   text-decoration:none;
   font-weight:bold;
}
.related_items ul li a:hover {
   text-decoration:underline;
}


/* Listing 
----------------------------------------------- */

div.listing {
font-size:1.0em;
}
div.listing h2 {
   background-color:#CCC;
   font-size:1.2em;
   padding:0.5em 8px 0.5em 8px;
   margin:0 0 1px 0;
}
div.listing h2 a {
   text-decoration:none;
}
div.listing h2 a:hover {
   text-decoration:underline;
}
div.listing h3 {
   font-size:1em;
}
div.listing p {
   line-height:1.6em;
   margin:0 0 1.5em 0;
}
div.listing .title {
   margin:8px 0 8px 0;
}
div.listing .title span {
   font-weight:bold;
   color:#164361;
   font-size:1.2em;
}
div.listing ul {
   line-height:1.4em;
   list-style-type:none; 
   margin:0;
}
div.listing ul li {
   background-image:url("graphics/bullet2.gif");
   background-repeat:no-repeat;
   background-position:10px 10px;
   padding:4px 2px 0.5em 22px;
   margin:0 0 1px 0;
   border-bottom:1px solid #ccc;
}
div.listing ul li ul li {
   background-image:url("graphics/dsh.gif");
   background-repeat:no-repeat;
   background-position:0px 10px;
   padding:4px 2px 0.1em 10px;
   margin:0 0 1px 0;
   border-bottom:none;
}
div.listing ul li ul li ul li {
   background-image:url("graphics/dsh.gif");
   background-repeat:no-repeat;
   background-position:0px 10px;
   padding:4px 2px 0 8px;
   margin:0 0 1px 0;
   border-bottom:none;
}
div.listing ul li.last {
   background-image:url("graphics/bullet2.gif");
   background-repeat:no-repeat;
   background-position:10px 10px;
   padding:4px 2px 0.5em 22px;
   margin:0 0 1px 0;
   border-bottom:none;
}
div.listing ul li a {
   font-weight:bold;
   text-decoration:none;
}
div.listing ul li a:hover {

   text-decoration:underline;
}


/* Footer
----------------------------------------------- */

#footer {
   width:956px;
   font-family:Verdana,Sans-serif;
   font-weight:bold;
   font-size:1em;
   margin:0 auto;
   padding:0;
   border-top:15px solid #FFF;
}
#footer .footer_buttons {
   width:174px;
   text-align:left;
   float:left;
}
#footer .footer_buttons img {
   padding:0 5px 0 0;
}
#footer .footer_links {
   width:502px;
   line-height:1.3em;
   text-align:right;
   float:right;
   padding:14px 0 0 0;
}


/* Page nav
----------------------------------------------- */

.pagenav {
   margin:20px 0 0 0;
   padding:10px 0 5px 0;
   border-top:1px solid #cccccc;
}
.pagenav p {
   font-size:1.2em;
}
.pagenav a {
   font-weight:bold;
   text-decoration:none;
}
.pagenav a:hover {
   text-decoration:underline;
}


/* Content home
----------------------------------------------- */

#content_home_images  {
   width:751px;
   background-color:#FFF;
   padding:0 0 0px 0;
}
#content_home_images .img_left {
  width:330px;
  border-right:4px solid #FFF;
  float:left;
}
#content_home_images .img_right {
  width:81px;
  float:right;
}
#content_home_images .img_center {
  width:332px;
  border-right:4px solid #FFF;
  float:left;
}
#content_home_content {
   width:751px;
   border-top:3px solid #FFF;
   float:right;
}
#content_home_content h1 {
   font-size:2.3em;
   color:#3d3d3d;
   margin:12px 0 24px 0;
}
#content_home_content .content_home_left {
   float:left;
   width:390px;
}
#content_home_content .content_home_right {
   float:right;
   width:350px;
   padding:6px 0px 6px 6px;
}


/* Gallery
----------------------------------------------------------------- */

#gallery {
   font-size:1.0em;
	padding:0 0px 15px 0px;
}
#gallery img {
   border:1px solid #ccc;
   margin-bottom:10px;
}
#gallery .title {
   font-size:1.2em;
   font-weight:bold;
}
#gallery .title a {
   text-decoration:none;
}
#gallery .title a:hover {
   text-decoration:underline;
}
#gallery .price {
   font-weight:bold;
}
#gallery table {
   border-top:1px solid #ccc;
}
#gallery table.full {
   width:100%;
   border-top:1px solid #ccc;
}
#gallery table.full td {
   width:200px;
}
#gallery table.full td.image {
   text-align:center;
}
#gallery td {
   padding:15px 19px 0 0;
}
#gallery ul {
   list-style-type:none;
   margin:0;
   padding:0;
}
#gallery ul li {
   background-image:url("graphics/bullet2.gif");
   background-repeat:no-repeat;
   background-position:0px 12px;
   padding:6px 10px 4px 10px;
}
#gallery ul li a {
   font-weight:bold;
}
#gallery td.thumbinfo {
   padding:0.5em 0 0 0;
   line-height:1.3em;
}
#gallery form input.button {
  padding:3px;
  border:none;
  color:#FFF;
  background:#1c5072;
  font:bold 100% Arial,Sans-serif;
  }  
#gallery form input.button:hover {
  color:#FFF;
  background:#1c5072;
  cursor:pointer;
  }  
#gallery form input.button:active {
  background:#1c5072;
  color:#FFF;
  }
  
/* Shop 2011
----------------------------------------------- */

.shopbanner {
	margin:0 0 2em 0;
}

ul#featured li {
	float:left;
	width:178px;
	height:280px;
	overflow:hidden;
	background:none;
	padding:0;
	margin:0 7px 1em 0;
	
}

ul#listing li {
	float:left;
	width:176px;
	height:220px;
	overflow:hidden;
	background:none;
	padding:0;
	margin:0 7px 1em 0;
	border:1px solid #ccc;
}

ul#featured li.fourth, ul#listing li.fourth {
	margin:0 0 0 0;
}

ul#featured li img {
	border:1px solid #ccc;
}

#featured h3 {
	text-transform:uppercase;
	margin:0 0 1em 0;
	height:30px;
}

#listing h3 {
	margin:0 0 1em 0;
	padding:8px 10px 0 10px;
}

#featured a.view {
	text-transform:uppercase;
	background-image:url(graphics/arrow01.gif);
	background-position:0 2px;
	background-repeat:no-repeat;
	padding:0 0 0 12px;
}

.buy {
	font-size:1.2em;
	font-weight:bold;
	padding:0 10px;
}

span.add {
	float:right;
	width:70px;
	text-align:right;
	padding:0 10px 0 0;
}

.prodimage {
	float:left;
	width:366px;
}

.description {
	float:right;
	width:360px;
}

button.buyBtn {
	background-color:#fff;
	font-weight:bold;
	background-image:url(graphics/basket.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	padding:2px 0 2px 28px;
	width:52px;
}

/* Shop Page Nav */

div.shoppagenav {
   width:100%;
   border-color:#ccc;
   border-width:1px 0 1px 0;
   border-style:solid;
   margin:0 0 1em 0;
   padding:0.2em 0 0.6em 0;
}
body #page #page01 #main div.shoppagenav p {
   padding:0 12px 0 12px;
   margin:0;
   line-height:normal;
}
#page div.shoppagenav p a {
   text-decoration:none;
}
#page div.shoppagenav p a:hover {
   text-decoration:underline;
}
div.shoppagenav div.navleft {
   width:40%;
   float:left;
}
div.shoppagenav div.navright {
   width:58%;
   float:right;
   text-align:right;
}

#form #basket th {
	border-bottom:1px solid #ccc;
	background-color:#fff;
	color:#3d3d3d;
	text-align:left;
}	

#form #basket input.deleteBtn {
	background-image:url(graphics/delete.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	background-color:#fff;
	border:none;
	width:24px;
	height:24px;
	display:block;
	text-indent:-9999em;
	cursor:pointer;
}
  
  /* Check Steps
----------------------------------------------- */

#checksteps {
   background:#fff;  
}
#checksteps table td {
   text-align:center;
   font-size:1.2em;
}
#checksteps table td.bg {
   height:23px;
   background:#fff url("graphics/checkbg.gif") repeat-x top left;
}
#checksteps table td.step {
   padding:0.5em 0 0.5em 0;
}