/* STYLE SHEET FOR HAPPY HATS
    Rob Harland c.2006 RHA Ltd 
	1. defaults & hacks
	2. structure
	3. links and navigation
	4. fonts
	5. images
Notes*/

/* --------- 1. defaults & hacks  --------- */
* {
		margin: 0;
		padding: 0;
		}
html  {
		font-size:  100%;
		}
body {
		font-size:  85%;
		background:  #fff url(../images/pres/frame8b.jpg) 0 0 no-repeat  ;
		/*text-align: center;			 IE 5 centering bug fix */
		}
		
/*  --------- 2. structure  --------- */

#wrapper {
		position: relative;		/*posn and datum*/
		float: left;
		margin-left: 60px;
		width:  910px;
		background-color: transparent;
		}

#masthead {
		position: relative;
		float: left;
		top: 0px;
		left: 0px;				/*background and positioning bugs??*/
		margin-left:  0px;
		z-index: 100;
		}
#logo {
		position: relative;
		padding-top: 130px;
		padding-left: 49px;
		width: 220px;
		float: left;
		}

#strapline {
		position: relative;
		float: left;
		width: 630px;
		}		
.strap   {
		font:  normal 400 1.8em/1.2  georgia, "times new roman", times, serif;
		color:  #5079c3;  
		text-align: center;
		margin: 110px 50px 10px 50px;
		}
		
#navi {						/* container only*/
		width:  620px;
		/*height: 60px;*/
		margin:  0 0 0 250px;
		position: relative; /* datum for nav */
		z-index: 1;
		}
#content {
		margin:  10px 10px 0px 20px;
		text-align:  left;
		float: left;
		/*border: 5px dashed #ccc;*/
		width: 686px;
		background: url(../images/pres/shadh.jpg) repeat-y 0% 0%;	  
		position: relative;
		z-index: 2;
		padding-bottom: 30px;
		}
#lhs  {
		width:  170px;
		margin: 55px 0px 10px 5px;
		padding: 0 10px 10px 0;
		float:  left;
		clear: left;
		display: inline; /*ie double margin bug*/
		text-align: center;
		}
.box, .box2, .box3  	{
		border: 3px dashed #acceff;
		padding: 10px;
		margin: 0 15px 20px 0;
		background:  #e8dab5;
		}
		
.productline  {
		float:  left;
		position: relative;
		width: 690px;
		padding-bottom: 10px;
		}
		
.img  {
		width: 200px;
		margin: 0 0px 18px 25px;
		float: left;
		text-align: left;  
		display: inline;  	/*ie double margin bug*/
		border: 1px dotted #a0b29a;
		background-color: #e3eae4;
		padding-bottom: 10px;
		}
.img p, .imgr p {
		font:  normal 300 1.2em verdana, helvetica, arial, sans-serif;
		padding: 10px 6px 4px 6px;
		}

.red { color:  #b01036; }	
		
.price { font-size: 0.8em; font-family: verdana, helvetica, arial, sans-serif; color: #000000; padding: 0px 6px 10px 6px; }

.button { padding: 10px 5px 0px 6px; }				
		
.imgr  {
		width: 200px;
		margin: 0 25px 20px 25px;
		float: right;  
		display: inline;  	/*ie double margin bug*/
		font-size: 0.75em;
		}
.clear  {
		float: left;
		clear: left;
		}				
.cornerimg  {
		width:  47px;
		margin: 0;
		padding:  0;
		position: absolute;
		z-index:  1;
		top: 0;
		left: 0;		
		}
.cornerimg2  {
		width: 20px;
		position: absolute;
		top: 36px;
		left: 629px;
		z-index: 5;
		}		

.caption  {
		width:  500px;
		/*float:  left;
		clear:  both;*/
		font:  normal 300 0.85em/1.2 verdana, helvetica, arial, sans-serif;
		}		
#footer {
		position:  relative;
		margin: 0;
		float: left;
		clear:  both;
		text-align: center;
		font:  normal 400 0.95em/1.2 verdana, helvetica, arial, sans-serif;
		width: 912px;
		height: 70px;
		padding: 20px 0px ;
		background: url(../images/pres/shadv15.jpg) repeat-x 0 0;
		border-top: #d69b7b;  /*dnd*/
		}
fieldset  {
		margin: 0 0 0 25px;
		border: 1px dashed silver;
		background: #eee;
		}
input.txt  {
		width: 200px;
		}
input.no  {
		width: 30px;
		}
input.txtarea  {
		width: 450px;
		height: 100px;
		}
select.sel  {
		width: 3em;
		}		
.btn  {
		margin:  0 0 0 125px;
		}		
.tbox  {
		vertical-align: top;
		}
/* ---------- 3. links and navigation ---------- */

a { 	color:  #b01036;
		}
		
a:hover {
		color:  #5079c3;
		}

ul#nav, #nav ul  {			
		list-style: none;/**/
		padding: 0;
		margin: 0;
		position:  relative;   /*drop down datum req*/
		}

#nav li  {
		position: relative;  /* datum req */
		list-style-type: none;
		width:  100px;
		float:  left;
		/*height: 40px;*/
		
		border-top:  1px solid #dbe9d8;		/* sage ccd2cb*/
		border-right:  1px solid #a0b29a; 
		border-bottom:  1px solid #a0b29a; 	/* was forest 617569*/
		border-left: 1px solid #dbe9d8;
		font: normal 400 1.25em/1.0 verdana, helvetica, arial, sans-serif;
		}
#nav a:link, #nav a:visited   {
		padding: 10px 20px;		/*'button' area*/
		text-decoration: none;
		text-align: center;
		display:  block;
		width:  60px;
		height:  20px;
		color: #b01036;
		}
#nav ul  {
		display: none ;/**/		
		width: 100px;
		position:  absolute;
		padding: 0.2em 0 0 0;
		z-index: 10;  /* fx fix; ie7 problem remains; ie6 n/a 
		background: transparent;*/
		}
#nav ul li  {
		float:  none;  /* reset */
		font: normal 400 1.0em/1.0 verdana, helvetica, arial, sans-serif;
		}
#nav li > ul {
		top: auto;
		left: auto;  /* necessary */
		}				
#nav li:hover ul  {
		display:  block;
		background: #ccd2cb;
		opacity: 0.80;
		filter: alpha(opacity=80);
		}
		
#lhs h2 img  {
		border:  0px;
		}
				
/* ---------- 4. fonts ---------- */

/*h1, h2, h3, h4, p, ul {
		font-family:  georgia, "times new roman", times, serif;  
		
		}*/
h1 {
		font: bold 2.5em/1.5 georgia, "times new roman", times, serif;
		}
h2 {
		font: bold 1.8em/1.5 "tennessee heavy SF", georgia, "times new roman", times, serif; z-index: 1;
		}
h2.vshad  {
		background: url(../images/pres/shadv15.jpg) repeat-x 0 0;
		font: bold 2.5em/2.0  georgia, "times new roman", times, serif;
		color: #5079c3;
		padding-top: 10px;  
		padding-left: 26px; 
		}

h2.noshad  {
		font: bold 2.5em/2.0  georgia, "times new roman", times, serif;
		color: #5079c3; 
		padding-top: 10px;  
		padding-left: 26px;
		}
		
.vshad span  {
		color: #b01036;
		z-index: 1;
		}	
		
.noshad span  {
		color: #b01036;
		z-index: 1;
		}			
			
h2.tel  {
		font:  normal 900 2.0em/1.0 georgia, "times new roman", times, serif;
		color:  #5079c3;  
		}
h3 {
		font: normal 900 1.1em/1.2 verdana, helvetica, arial, sans-serif;
		color:  #b01036;	/*near raf blue 5079c3  dk #2e3f56*/
		/*text-align:  center;*/
		padding: 0.8em 0 0.2em 1.8em;
		}
p {
		font: normal 400 .95em/1.2 verdana, helvetica, arial, sans-serif;
		/*margin: 0 30px 10px 25px;*/
		padding:  0 2em 1em 2em;
		}

dl, dt {
		font: normal 400 0.95em/1.5 verdana, helvetica, arial, sans-serif;
		color:  #b01036;
		padding:  0.2em 2em 0em 1em;
		}
dd  {
		font: normal 400 0.9em/1.2 verdana, helvetica, arial, sans-serif;
		padding: 0 0 0em 2em;
		color: #000;
		}
#content ul  {
		list-style-type:  none;
		font: normal 400 0.85em/1.3 verdana, helvetica, arial, sans-serif;
		}		
#content li  {
		padding: 0 0 0.4em 2.1em;
		}
legend  {
		font: normal 400 0.9em/2.0 verdana, helvetica, arial, sans-serif;
		}		
				
/* ---------- 5. images ---------- 

a img {
		border: 0;
		}*/
		
/* --------- new Ridgeway Studios CSS  --------- */

div#menu { z-index: 100; margin-top: 8px; float: left; background-color: #FFFFFF; border-top: solid 1px #a0b29a; border-bottom: solid 1px #a0b29a; border-left: solid 1px #a0b29a; margin-bottom: 0px; }
			div#menu ul { margin: 0px; padding: 0px; list-style: none; }
			div#menu ul li { list-style: none; background-color: #FFFFFF; }
			div#menu ul li a { padding: 10px 10px; display: block; text-decoration: none; font-family: verdana; font-size: 0.9em; color: #b01036; border-right: solid 1px #a0b29a; }
			div#menu ul.horizontal li.level1 { float: left; }
			div#menu ul.horizontal li.level1 a { width: auto; }
			div#menu ul.horizontal li.level1 a:hover { background-color: #afbcb2; }
			
			/* Hides from IE-mac \*/
			div#menu ul li a { float: none; }
			/* End hide from IE-mac */
			
			div#menu ul.dropdown,
			div#menu ul.flyout { position: absolute; top: 0px; left: 0px; visibility: hidden; display: none; color: #b01036; border-left: solid 1px #a0b29a; border-top: solid 1px #a0b29a; z-index: 100; }
			
			div#menu ul.dropdown li.level2 { background-color: #d5dad4; border-bottom: solid 1px #a0b29a; border-left solid 1px #a0b29a; color: #b01036; z-index: 100; }

.tableborder { border-top: 1px dotted #a0b29a; border-right: 1px dotted #a0b29a; border-left: 1px dotted #a0b29a; width: 640px; margin-left: 26px; }

.tablebordersmall { text-align: right; width: 320px; }
			
.tablehead { background-color: #eeeeee; text-align: left; border-bottom: 1px dotted #a0b29a; }

.tablehead p { text-align: left; font-size: 0.9em; font-weight: bold; padding: 6px 6px; }

.tablesub { background-color: #eeeeee; text-align: left; border-left: 1px dotted #a0b29a; border-bottom: 1px dotted #a0b29a; }

.tablesub p { text-align: left; font-size: 0.9em; padding: 6px 6px; }

.tablesubright { background-color: #eeeeee; text-align: left; border-right: 1px dotted #a0b29a; border-bottom: 1px dotted #a0b29a; }

.tablesubright p { text-align: left; font-size: 0.9em; padding: 6px 6px; }

.tablerow { background-color: #e3eae4; text-align: left; padding: 3px 3px; border-bottom: 1px dotted #a0b29a; }

.tablerow p { font-size: 0.9em; padding: 6px 6px; }

.invisible { color: #e3eae4; }

.xmark { font-weight: bold; font-size: 1.0em; color: #cd0b2b; margin: 5px 5px 5px 5px; }