/* ***********************************************************************************************/
/* CSS IN DEV FOR THE PenYLon WEBSITE  --------*/
/* ***********************************************************************************************/
/*      w  c(..)o
/*       \__(-)
/*           /\ 
/*        w_/(_)
/*            /|
/*           | \
/*          m  m
/* ***********************************************************************************************/
/* ***********************************************************************************************/
/* a re:align:design by Sam Hutchinson
/* ***********************************************************************************************/
/* Coding and site development by sam[my]co consultancy ltd 2006 / sam@sammyco.co.uk / www.sammyco.co.uk / 
/* All rights reserved. No part of this website may be reproduced without 
/* the express permission of Sam Hutchinson or PenYLon.co.uk
/* 
/* All text, images & content © PenYLon.co.uk
/* ***********************************************************************************************/
/* Boy, curved edges, this'll be fun...
/* SAMS CSS MENU REF ----------------------#0849BD dark red----------- #29386b blue --- #d6d7d5 grey -------- 
		/* 1. Page Layout
		/* 2. LEFT-column Pane
		/* 3. RIGHT-column Pane
		/* 4. Navigation-Top
		/* 5. Navigation-left
		/* 6. Standard Text attributes and Headers
		/* 7. ALL MAIN CONTENT IMAGE PLACEMENT
		/* 8. TABLE FORMATTING FOR PRICES AND OPTIONS ETC 
		/* 9. Footer Madness
		/* 10. Misc Cack
/* ***********************************************************************************************/










/* ***********************************************************************************************/
/* 1. Page Layout ********************************************************************************/
/* ***********************************************************************************************/
html {	
margin:0;	
padding:0;

margin-left: auto; 
margin-right: auto;

}

body {	
margin:0;	
padding:0;
font-family: Verdana, Helvetica, sans-serif; 
font-size:100%;	
margin-left: auto; 
margin-right: auto; 
	overflow-x: hidden;
	overflow-y: auto;}

#page-outer-container {

margin:0 auto 0 auto; 
width:800px;
padding:0;
 padding: 0px 0px 0px 0px;background-image:   url("../images/pen%20y%20lon/dropme.gif"); 
background-repeat: repeat-y ; text-align:left;


}
/* border-top: 20px solid #fff;
.main-curved-big-box-border-top, .inner-boxes-bottoms {
display:block; 
background-color:#fff; 
font-size:1px;
}

.main-curved-big-box-border1, .main-curved-big-box-border2, .main-curved-big-box-border3, .main-curved-big-box-border4 {
display:block; 
overflow: visible;
}
.main-curved-big-box-border1, .main-curved-big-box-border2, .main-curved-big-box-border3 {
height:1px;
}
.main-curved-big-box-border2, .main-curved-big-box-border3, .main-curved-big-box-border4 {
background:#D6D7D5; 
border-left:6px solid #D6D7D5; 
border-right:6px solid #D6D7D5;
}

.main-curved-big-box-border1 {
margin:0 5px; 
background:#D6D7D5;
}
.main-curved-big-box-border2 {
margin:0 3px; 
border-width:0 5px;
}

.main-curved-big-box-border3 {
margin:0 2px;
}

.main-curved-big-box-border4 {
height:2px; 
margin:0 1px;
}


.main-curved-big-box {
display:block; 
background:#fff; 
border:0 solid #D6D7D5; 
border-width:0 6px;
overflow: visible;
}*/ 

/*  CONTAINER STYLES - HOLDS MAIN BLOCK OF IMAGES AND TEXT background: url("../images/block_back.jpg") no-repeat; */
#container{	
font-size:70%;	
width:800px;	
margin:0 auto;	
padding:0; 
height:100%;
overflow: visible;
/* added cw*/ display:inline;
margin-left: auto; 
margin-right: auto;
}

/****************************************************************************************************************************/ 
#masthead{clear: both;	background: #ff0000;width:800px;height:26px;font-family: verdana, arial, helvetica, sans-serif;
font-size: 90%; color: #fff; margin: 0px; padding: 0px;}
/****************************************************************************************************************************/ 

/*  BLOCK STYLES - HOLDS IMAGE, TEXT AND QUOTE AREAS _height:1000px;*/
#block{	
margin:0;
padding:0;	 
}

#block_b{	
clear:left;
height:1%;	 
}


/* .clearer {
	clear: both;
	font-size: 1px;
} HEADER STYLES  */

#header_right {	
clear: both;
float: right;
padding:0 0px 0 0px;
margin:0 60px 0 0px; 
width:500px;}

/* CLASS LIBRARY  */
.float_left {
float:left;
}

.float_right {
float:right;
}

.margin_auto {
margin:0 auto;
}

#outer {
display:block;
 position:relative; 
 background:#eee; 
 padding:2em; 
 text-align:center;
 }
 
#outer h2 {
margin-bottom:1em;
}


select {
 background-color: #0849BD;
 color: #ffffff;
}

input {
 background-color: #fff;
}

/* ***********************************************************************************************/
/* 2. left-column Pane ********************************************************************************/
/* *************************padding:5px 10px; 
font-size:10px;**********************************************************************/


.left-main-bar p, .left-main-bar p {
margin:0; 

}
.left-main-bar{
background: #fff; 
width:180px; 
float:left; 
margin:5px 15px 5px 35px;
/* added cw*/ display:inline;
padding:0;
}

/* ***********************************************************************************************/
/* INNER ROUNDED BOXES - LEFT and RIGHT BORDERS ********************************************************************************/
/* ***********************************************************************************************/

.xboxright-column {
display:block; 
border:0 solid #0849BD; 
border-width:0 1px; 
height:auto;
}
* html .xboxright-column {
height:1px;/
}


/* ***********************************************************************************************/
/* INNER ROUNDED BOXES - TOP AND BOTTOM CURVES AND BORDER  ********************************************************************************/
/* ***********************************************************************************************/
.xb1 {
margin:0 5px; 
background:#0849BD;
}
.xb2 {
margin:0 3px;
border-width:0 2px;
}
.xb3 {
margin:0 2px;
}
.xb4 {
height:2px; 
margin:0 1px;
}

.xtop, .inner-boxes-bottoms {
display:block; 
background:transparent; 
font-size:1px;
}
.xb1, .xb2, .xb3, .xb4 {
display:block; 
overflow:hidden;
}
.xb1, .xb2, .xb3 {
height:1px;
}
.xb2, .xb3, .xb4 {
background:#fff; 
border-left:1px solid #0849BD;
border-right:1px solid #0849BD;
}

/* ***********************************************************************************************/
/* INNER ROUNDED BOXES - TABBED COLOUR CODING ********************************************************************************/
/* ***********************************************************************************************/

.color_a {background:#d6433a;color:#fff;}
.color_aa {background:#fff;color:#fff;}
.color_b {background:#d4d8bd; color:#000;}
.color_c {background:#758279; color:#fff;}
.color_d {background:#b2ab9b; color:#000;}


/* ***********************************************************************************************/
/* 3. RIGHT COLUMN ********************************************************************************/
/* ***************************************border-bottom:2px solid #D6D7D5;********************************************************/


#header{margin:0px; 
padding:0px;
width:800px;
margin-bottom:0px;
height: 200px; 
margin: auto;  }

.header_1 {background:    url("../images/pen%20y%20lon/fixedheader.jpg") repeat-x;}
.header_2 {background:    url("../images/pen%20y%20lon/fixedheader2.jpg") repeat-x;}
.header_3 {background:    url("../images/pen%20y%20lon/fixedheader3.jpg") repeat-x;}
.header_4 {background:    url("../images/pen%20y%20lon/fixedheader4.jpg") repeat-x;}
.header_5 {background:    url("../images/pen%20y%20lon/fixedheader5.jpg") repeat-x;}
.header_6 {background:    url("../images/pen%20y%20lon/fixedheader6.jpg") repeat-x;}
.header_7 {background:    url("../images/pen%20y%20lon/fixedheader7.jpg") repeat-x;}
.header_8 {background:   url("../images/pen%20y%20lon/fixedheader8.jpg") repeat-x;}
.header_9 {background:   url("../images/pen%20y%20lon/fixedheader9.jpg") repeat-x;}
.header_66 {background:   url("../images/pen%20y%20lon/fixedheaderblank.jpg") repeat-x;}
.header_99 {background:   url("../images/pen%20y%20lon/fixedheader99.jpg") repeat-x;}
.header_88 {background:   url("../images/pen%20y%20lon/fixedheader88.jpg") repeat-x;}
.header_77 {background:   url("../images/pen%20y%20lon/fixedheader77.jpg") repeat-x;}
.header_66 {background:   url("../images/pen%20y%20lon/fixedheader66.jpg") repeat-x;}


.header_oh {background:   url("../2009/fixedheader-oh.jpg") repeat-x;}
.header_ohs {background:   url("../images/pen%20y%20lon/fixedheader-ohs.jpg") repeat-x;}

#header p {
float: left;
/*	background:  url("../images/attributes/bg.gif");background: url(../images/attributes/bgrotatorp.gif);border: 1px solid #ffa705;
FONT-FAMILY: Georgia, Geneva, Arial, Helvetica, sans-serif;*/
color: #29386B; font-size: 100%; 
padding: 0px 0px 0px 0px;
margin: 10px 5px 5px 50px;
font-weight:100;

}



#right-column{	

margin:8px 8px 8px 8px;	
width:510px;
float:left;	/*
	border-bottom:2px solid #84AD51;border-right:2px solid #84AD51;border-top:1px dotted #84AD51;*/	
padding:4px 0 0 0;
line-height:18px;	 display:inline;
} 

#right-column img{	 
border: 1px solid #000000
}

#full-column{	

margin:8px 8px 8px 38px;	
width:760px;
float:left;	/*
	border-bottom:2px solid #84AD51;border-right:2px solid #84AD51;border-top:1px dotted #84AD51;*/	
padding:4px 10px 0 0;
line-height:18px;	 display:inline;
} 

#right-columnimageheader{
margin:8px 8px 2px 8px;


/*border-top:2px solid #84AD51width:510px;	
float:left;;
	background:#fff;	border-bottom:2px solid #84AD51;
	border-right:2px solid #84AD51;
border:3px solid #0849BD;border-bottom:3px solid #0849BD; */ 
padding-top:6px;} 

#right-column li {	
background:   url("../images/pen%20y%20lon/point.jpg") 
no-repeat;	
padding:0 0 0 20px;

}


/* ***********************************************************************************************/
/* 4. NAVIGATON TABS TOP RIGHT  ********************************************************************************/
/* ***********************************************************************************************/

#navigation {
position: absolute;
top:0;

margin:0 0px 0 0; 
height:3em;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ }

#navigation ul {
margin:0 0 0 0px; 
padding:0; 
list-style-type:none; 
background:transparent;
float:left;
}
#navigation li {
display:block; 
float:left;
margin:0 1px;
background:transparent;
}

.snazzy {background:transparent;}
.snazzy span {text-align:center; color:#fff; margin:0; font-weight:normal;}

.b1, .b2, .b3, .b4 {display:block; font-size:1px;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ }
.b1, .b2, .b3 {height:1px;}
.b2, .b3, .b4 {border-left:1px solid #fff; border-right:1px solid #fff;}
.b1 {margin:0 5px; background:#fff;}
.b2 {margin:0 3px; border-width:0 2px;}
.b3 {margin:0 2px;}
.b4 {height:2px; margin:0 1px;}
.boxright-column {display:block; border-left:1px solid #fff; border-right:1px solid #fff;}

a.menu, a.menu:visited {display:block; text-decoration:none; width:6.5em;}
a.menu:hover {background:transparent; cursor:pointer;}
a.menu:hover span {padding-top:10px; background:#29386b;}

/*#0849BD dark red--a:menu:hover b {background:#0849BD;} --------- #29386b blue */
.red {background:#0849BD;}
.blue {background:#29386b;}

a:hover b.red {background:#0849BD;}
a:hover b.blue {background:#29386b;}

.active {padding-top:10px; cursor:default; background:#29386b;}


/* ***********************************************************************************************/
/* 5. NAVIGATION LEFT  ********************************************************************************/
/* **********************************border-right: 10px solid #508fc4;*************************************************************/

#button {
width: 200px;
margin-left: auto; 
margin-right: auto;
margin: 0px;
margin-bottom:10px;
/* added cw */ display:inline;
}

#button a {
/* deleted cw 		width: 200px;*/
		display: block;
		padding: 5px 0px 5px 0em;
		text-align:center;
		border-left: 10px solid #d6344a;
		border-right: 10px solid #d6344a;
		background-color: #29386b;
		color: #fff;
		text-decoration: none;
		
		}

	html>body #button  a {
		width: auto;
		margin-left: auto; 
		margin-right: auto;
		}

	#button a:hover {
		border-left: 10px solid #d6344a;
		border-right: 10px solid #d6344a;
		background-color: #d6344a;
		color: #fff;
		}


/* ***********************************************************************************************/
/* 6. Standard Text attributes and Headers ********************************************************************************/
/* ***************background:  url("../images/attributes/h1.gif") no-repeat left;  *************background:  url("../images/attributes/h1.gif") no-repeat left; *******************************************************************/

img {
border:0;
}
p {	
padding:0px 8px 0px 8px;
margin:0; 
color:#29386b;
}

p2 {	
padding:0px 0px 0px 0px;
margin:0; 
color:#29386b;
}
a {	
text-decoration:none;
color:#ff0000;font-weight:bold;
}

a:hover {
color:#ff0000;
text-decoration:underline;

}

h1 {	 
 
font-size:200%;
padding:4px 0 0 0px;	
margin:0px 0px 4px 0px;	

color:#0849BD;
font-weight:100;	
letter-spacing: 0.9px;
}

h2 {	
font-size:140%;	
padding:2px 0 0 8px;
margin:0;	
font-weight:bold;	
color:#94beb5; 
text-transform:uppercase
}

h3 {	 

font-size:200%;
padding:4px 0 0 0px;	
margin:0;	
height:30px;	
color:#ff0000;
font-weight:100;	
letter-spacing: 2px;
text-align:center;
}


ul {	
margin:0 0 0 20px;	
padding:0;	
list-style:none;
}

/*  QUOTE_a STYLES  */
#quote_a{	
color:#ff0000;
padding:0px 4px 0 0;
font-size:125%;
font-style:italic;	
line-height:15px;	
text-align:right;
}

.quote {	
font-weight:bold;
}


/* ***********************background: url("../images/quotes.gif") no-repeat right ;************************************************************************/
/* 7. ALL CMAIN CONTENT IMAGE PLACEMENT ********************************************************************************/
/* ***********************************************************************************************/

/*  IMAGES WITHIN MAIN BODY CONTENT */
#content-image-placement{
float:left;	
width:510px;	
margin:8px;
}
#content-image-placement ul {
float:right;
}

#content-image-placement img {	
margin-left:11px; 
}


/* ***********************************************************************************************/
/* 8. TABLE FORMATTING FOR PRICES AND OPTIONS ETC ********************************************************************************/
/* **********************************************************border-style:solid;    border-width:0px;******color:red;border-style:solid;border-width:2px;*******************************/

CAPTION.MYTABLE{ 
background-color:#ffffff;

font-size:200%;
padding:8px 0 0 40px;	
margin:0;	
height:30px;	
color:#ff0000;
font-weight:100;	
letter-spacing: 2px;
}

TABLE.MYTABLE{ 
font-family:arial;
font-size:10pt;
width:500px;
border: #d6d7d5 solid 0px;

}
TH.MYTABLE{   
font-size:10pt;     
color:#ff0000;  
}
TR.MYTABLE {   }

TD.MYTABLE { 
font-size:10pt;  
background-color:#409040; 
color:white;      
text-align:center;
 
}
  



  #flagbox2 {
	margin-top: -11px;
	margin-left: 42px;
	font-weight: normal;
	font-size: 80%;
	color: #B9C1D7;
}
/* ***	border-top: 1px solid #B9C1D7;
	border-left: 1px solid #B9C1D7;
	border-bottom: 1px solid #B9C1D7;********************************************************************************************/
#flagboxB {

	color: #042375;
	font-size: 70%;
	padding: 2px;
	font-weight: 100;
}
/* ******	border-left: 1px solid #B9C1D7;
	border-bottom: 1px solid #B9C1D7;*****************************************************************************************/

#flagboxC {

	color: #042375;
	font-size: 70%;
	padding: 2px;
	font-weight: 100;
}

/* *****************	border-left: 1px solid #B9C1D7;******************************************************************************/
#flagboxD {

	color: #042375;
	font-size: 70%;
	padding: 2px;
	font-weight: 100;
}
/* ************	border-left: 1px solid #B9C1D7;
	border-bottom: 0px none;***********************************************************************************/
#flagboxA {


	color: #042375;
	font-size: 70%;
	padding: 2px;
	font-weight: 100;
}

#flagboxA a, #flagboxB a, #flagboxC a, #flagboxD a  {
	color: #ff0000;
	text-decoration: none;
}

#flagboxA a:hover, #flagboxB a:hover, #flagboxC a:hover, #flagboxD a:hover {
	color: #0e316d;
	text-decoration: none;
}

#flagboxB img, #flagboxC img, #flagboxA img, #flagboxD img {
	margin-left: 1px;
	margin-right: 5px;}





/* *********vertical-align: top;***************** 	border:1px solid #24822B;background: url("../images/footer_back.jpg") repeat-y; *********************************************************************/
/* 9. FOOTER MADNESS  ********************************************************************************/
/* ***********************#footerlogo{margin:0px; padding:0px;width:102px;background-color:#EF4338; float: left;
margin-top:0px;margin-left:10px;margin-bottom:0px;    padding:0px}*****margin: 0px 10px 0px 0px*******************************************************************/

#footer{

clear:both;
margin:0px; 
padding:0px; 
height:160px; 
border-top:6px solid #fff; 
color:#fff; 
background-color:#fff;

width:759px;
margin:0 ;
padding-top: 10px;
color:#ffffff;  
margin-left: 18px; padding: auto; 
}

#quoter{

float: left;
margin:0px; 
padding:0px; 


color:#fff;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:11pt;
width:80%;
margin:0 ;
padding-top: 10px;
color:#ffffff;  
padding: auto; 
margin-left: 10px;
}




.small {
font-size:75%;
}
#footer a {	color:#2D3A6E; font-weight:100;}
#footer a:hover {color:#2D3A6E;}
#footer a:visited {	color:#2D3A6E;}



/* #footer p2{
clear:both; 
width:100%;
height:200px; 
color:#fff; 
background-color:#29386b;
float:right; 
text-align:right;
font-size:75%;
width:760px;
color:#ffffff;  }
#footericons{
margin:0px; 
padding:0px;
background-color:#fff; 
float: left; 
margin-top:12px; 
margin-left:3px;
margin-right:3px;
margin-bottom:6px;
padding: 6px;
width: 734px; }#footer_a {	float:left;}
#footer_b {	float:right;}*/




/* ***********************************************************************************************/
/* 10.  MISC CACK  ********************************************************************************/
/* ***********************************************************************************************/


.style1 {font-size: 80%}
.style2 {color: #FF0000}
.style4 {color: #FFFFFF}
.style5 {color: #FFFFFF; font-weight: bold; }
.style6 {font-size: 9px}







/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{position: relative;z-index: 0;text-decoration:none;
color:#29386b;font-weight:bold;}




.thumbnail:hover{background-color: transparent;z-index: 50;
color:#ff0000;
text-decoration: none;}

.thumbnail span{ /*CSS for enlarged imageleft: -1000px;*/
position: absolute;
background-color: #29386b;
padding: 5px;

border: 2px solid #fff;
visibility: hidden;
color: #fff;
text-decoration: none;
font-weight:100;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 13px;
left: 30px;
width: 300px; /*position where enlarged image should offset horizontally */

}