/* 
Title:     	David Lewis
date:   	February 2007
*/		

				* { margin: 0; padding: 0; list-style-type: none; outline: none}
				body { margin: 0; padding: 0; font-size: 100%; font-family: Arial, Helvetica, sans-serif; background-color: #FFFFFF; color: #000; text-align: center;}
				
				img { border: none; margin: 0; padding: 0;}
				a img { border: none; margin: 0; padding: 0;}

				a { color: #9B907C; }
				a:hover { color:black;}
				
				div, p, form, h1, h2, h3, h4, h5, hr, ul, dl, dd, dt, ul, ol, li, object, param, table, tr, td, th
				{ margin: 0; padding: 0;}
				h1,h2,h3,h4,h5 { margin: 0; padding: 0;}
				
				input,textarea,button,select { font-family: Arial, Helvetica, sans-serif;}
				table { display: block; border-collapse: collapse; border: none;}
				th { text-align: left;}
			
/* structure Styles 
---------------------------------------------------------- */
				#container { width: 1004px; text-align: left; padding-top: 10px; margin-left: auto; margin-right: auto;}
				#header { background-color: #ffffff; width: 970px; height: 169px; padding-top: 10px; margin-left: auto; margin-right: auto; margin-bottom: 15px;}
							
				#top-col1 { float: left; position: relative; width: 210px; padding-left: 10px;}
				#top-col2 { float: right; display: inline; position: relative; width: 740px; padding-right: 10px;}
				
				#twocols { float: right; width: 777px; position: relative;}
				#leftcol { float: left; position: relative; margin: 0 0px 0 0; padding: 0; width: 211px;}
				#maincol { float: left; display: inline; position: relative; margin: 0; padding: 0; width: 551px; background-color: #ffffff;}
				#rightcol { float: right; position: relative; margin: 0; padding: 0; width: 226px;}	
				#onecolumn_main_content { position: relative; padding: 20px; margin: 0 16px; background-color: #ffffff;}
				
				#wrapper { width: 1004px; margin: 0; padding: 0; background-position: bottom left; background-repeat: no-repeat;}
				
				#footer { clear: both; padding: 0; margin-top: 10px; width: 1004px; height: 34px; background-color: #FFD300; color: #6A6B6D; background-image: url(../images/working-footer.gif); background-position: top right; background-repeat: no-repeat;}
				#footer a, #footer a:hover, #footer a:visited { padding: 0 0 0 10px; border-left: 1px solid #9B907C; color: #6A6B6D; text-decoration: none;}
				#footer a:hover { color:black; }
				
				#links1 li { margin: 0; padding: 10px 0 0 19px; float: left; display: inline; list-style-type: none; font-size: 70%;}
				#links2 li { margin: 0; padding: 6px 0 0 19px; float: left; display: inline; list-style-type: none; font-size: 70%;}

				#debug_log { margin: 1em 0 0 0; font-size:75%; }
				span.doc_link { padding:0 0.5em; }

/* navigation
---------------------------------------------------------- */	
				#nav { width: 965px; margin-left: auto; margin-right: auto; padding: 5px 0 8px 5px; margin-bottom: 15px; background-color: #ffffff; color: #9B907C; font-size: 60%;}
				ul#navlist  { padding: 0; margin: 0;}
				#navlist li { margin: 0; padding: 0; float: left; display: inline; list-style-type: none;}
				#navlist a, #navlist a:hover, #navlist a:visited { padding: 0 5px 0 5px; color: #9B907C; border-right: 1px solid #9B907C; text-decoration: none;}
				#navlist a:hover, #navlist li.selected a { color:black;}
				#navlist li.last a { border-right: 0; padding-right: 0; margin-right: 0;}

/* left nav
--------------------------------------------------------- */
				#leftnav { width: 200px; margin: 0 5px 0 17px; padding: 0;}

				#navcontainer { font-size: 80%; padding: 0; margin-left: 17px; width: 196px;}
				#navcontainer ul { margin: 0; padding: 0; list-style: none;}
				#navcontainer li { margin-bottom: 5px; }
				#navcontainer a { display: block; background-color: #999999; padding: 3px 23px 3px 3px; width: 170px; color: #004489; text-decoration: none; background-color: #ffffff; background-image: url(../images/blue-arrow.gif); background-position: top right; background-repeat: no-repeat;}
				#navcontainer a:hover, #navcontainer li.selected a { color: #fff; background: #004489 url(../images/white-arrow.gif) top right no-repeat; background-position: top right; background-repeat: no-repeat;}
				
				#subnavlist { font-size: 90%; padding: 0; width: 196px;}
				#subnavlist ul { margin: 0; padding: 0; list-style: none;}
				#subnavlist li { margin: 0; padding: 0; background-color: transparent; text-align: right;}
				#subnavlist a, #navcontainer li.selected #subnavlist a { display: block; padding: 2px; width: 190px; background-position: 0 -21px; color: #004489; text-decoration: none; background-color: transparent;}
				#subnavlist a:hover, #navcontainer li.selected #subnavlist li.selected a, #subnavlist li.selected a, #navcontainer li.selected #subnavlist a:hover { color: #fff; background-position: 0 -22px; background-color: transparent;}

/* forms
---------------------------------------------------------- */	

				form.quicklinks_form { margin-top: 4px; padding: 0; font-size: 75%;}
                form.quicklinks_form select { width: 200px;}
			
				#searchbox { background-color: #0092A7; width: 195px; margin-top: 3px; margin-bottom: 3px; padding-left: 5px; font-size: 75%;}
				#searchForm { margin: 0; padding: 0; color: #ffffff;}
				input#searchText { font-size: 80%; margin: 1px; padding: 1px; width: 114px}
				#searchForm button { border: 1px solid #8C8C8C; background-color: #E5E2DD; color: #000000;}				
				
/* additional styles
---------------------------------------------------------- */ 
				.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
				.clearfix { display: inline-table;}
				/* Hides from IE-mac \*/
				* html .clearfix { height: 1%;}
				.clearfix { display: block;}
				/* End hide from IE-mac */

/* content styles
--------------------------------------------------------- */
				.main_content .content_image_left { float:left; margin:10px 18px 10px 0px; }
				.main_content .content_image_center { text-align:center; margin-top:10px 0; }
				.main_content .content_image_right { float:right; text-align:right; margin:10px 0px 10px 18px; }
				.main_content .content_image_center p, .main_content .content_image_left p, .main_content .content_image_right p { font-size:70%; text-align:center; margin-bottom:0px; }

				#latestnews { width: 195px; background-color: #DAEEEF; margin-left: 15px; margin-bottom: 10px; padding-bottom: 5px;}
				#latestnews h3 { font-size: 100%;}	
				#latestnews h2, #portal-latestnews h2 { background-color: #0092A7; color: #ffffff; padding: 4px 0 4px 7px; font-size: 80%; font-weight:normal }
					.news-item { font-size: 70%; margin: 7px; padding-bottom: 5px; color: #3F3F3F; border-bottom: 1px solid #1D97C3;}
					#wrapper .news-item p { color: #3F3F3F; }
					.arrow { text-align: right; margin-top: -10px;}
				
/* right column
---------------------------------------------------------- */ 

				#image-gallery-rightcol { font-size: 75%; color: #004489; margin-left: 15px;}
				#image-gallery-rightcol ul { margin: 0; padding: 0; list-style: none; margin-bottom: 10px;}
				#image-gallery-rightcol li { margin-bottom: 3px;}
				#image-gallery-rightcol p { float: left; display: inline; margin: 0 5px 10px 0; text-align: center;}
				#image-gallery-rightcol a, #image-gallery-rightcol a:visited { color: #004489; text-decoration:none; }
				#image-gallery-rightcol a:hover { color: #0092A7;}
				#image-gallery-rightcol a span { text-decoration: underline; }

				#twocolumn_advertscolumn_adverts { margin-left:15px; }
				#twocolumn_advertscolumn_adverts p { margin-bottom:10px; }
				#twocolumn_advertscolumn_adverts { background-color:white; width:195px; padding:10px 0 1px; }

				#advert { margin: 0 0 0 15px;}
				#advert p { margin-bottom: 10px;}
				
/* shop nav
--------------------------------------------------------- */
				#shop-navbar { width: 755px; height: 35px; padding: 0; margin: 0; background-color: #DBDCDD; color: #9B907C; font-size: 70%;}
				#shop-navbar ul { padding: 0; margin: 0;}
				#shop-navbar li { float: left; display: inline; list-style-type: none;}
				.last-navbar { margin-right: none;}
				
				li.price { width: 60px; height: 14px; padding: 5px 0px 5px 0px; margin-left: 24px; background-color: #DBDCDD; color: #9B907C; text-decoration: none; border: 1px solid #9D8781; text-align:center; }
					
				li.viewbasket { padding: 6px 0 6px 14px;}
				li.viewbasket a { padding: 5px 10px 5px 10px; background-color: #DBDCDD; color: #9B907C; text-decoration: none; border: 1px solid #9D8781;}
				li.viewbasket a:hover { text-decoration: none; background-color: #ffffff;}

				li.delivery { padding: 6px 0 6px 14px;}
				li.delivery a { padding: 5px 10px 5px 10px; background-color: #DBDCDD; color: #9B907C; text-decoration: none; border: 1px solid #9D8781;}
				li.delivery a:hover { text-decoration: none; background-color: #ffffff;}

				li.selectaddress { margin-left: 18px; width: 90px; height: 14px; padding: 5px 10px 5px 10px; background-color: #DBDCDD; color: #9B907C; text-decoration: none; border: 1px solid #9D8781;}

				li.deliverydates { margin-left: 18px; width: 90px; height: 14px; padding: 5px 10px 5px 10px; background-color: #DBDCDD; color: #9B907C; text-decoration: none; border: 1px solid #9D8781;}

				li.makepayment { margin-left: 18px; width: 85px; height: 14px; padding: 5px 10px 5px 10px; background-color: #DBDCDD; color: #9B907C; text-decoration: none; border: 1px solid #9D8781;}

				#shop-wrapper { padding-top: 30px; padding-bottom: 25px; /*width: 715px; */font-size: 100%;}
				#shop-wrapper p { font-size: 80%; color: #004489;}
				#shop-wrapper table { padding: 4px; color: #004489;}
				#shop-wrapper table p { font-size: 100%; color: #000000;}
/*				#shop-wrapper table p.black { font-size: 80%; color: #000000;}
*/				#shop-wrapper th { color: #004489; background-color: #DBDCDD; padding: 5px; font-size: 100%;}
				#shop-wrapper td  { padding: 5px 0 5px 0;}

				#text_links_column { margin:0 0 10px 15px; font-size:80%; }

				#parent-login { background-color: #004489; padding: 5px; }
				#parentloginForm { margin: 0; padding: 0; color: #ffffff;}
				input#parentloginText { font-size: 80%; padding: 2px; width: 138px}
				#login { background-color: #E5E2DD; color: #000000; vertical-align: middle;}