/* Truro Cathedral Shop styles */

body { background-color: #E5EAF0; text-align: center; margin: 7px 0 7px 0; }

div#frame { width: 739px; margin: 0 auto; text-align: center; background-color: #FFFFFF; }
h1 { width: 739px; height: 81px; text-indent: -9999px; margin: 0; }
h1 a { display: block; width: 100%; height: 100%; background: transparent url(/shop/images/truro_cathedral.gif) no-repeat; text-decoration: none; }

div#tccatintro { float: left; width: 308px; margin: 13px 0 10px 0; }
div#tccatintro h3 { font: 12px Arial, sans-serif; font-weight: bold; color: #008400; margin: 0 0 5px 0; }
div#tccatintro h3 a { text-decoration: none; color: #008400; }
div#tccatintro p { font: 12px Arial, sans-serif; line-height: 15px; color: #4E4E4E; margin: 0; }

h3#callus { text-indent:-9999px; width: 455px; height: 22px; background: transparent url(/shop/images/order-online-or.gif) no-repeat left bottom; padding-top:15px; margin:0; }

div#shopframe { width: 713px; margin: 0 auto; text-align: left; }
div#titlepanel { width: 713px; height: 50px; background: transparent url(/shop/images/bckgrd_titlepanel.gif) no-repeat; margin: 3px 0 0 0; }
div#titlepanel h2 { float: left; width: 183px; height: 29px; text-indent: -9999px; margin: 13px 0 0 6px; }
div#titlepanel h2 a { display: block; width: 100%; height: 100%; background: transparent url(/shop/images/title_cathedralshop.gif) no-repeat; text-decoration: none; }
div#titlepanel form { margin: 0; padding: 0; }
div#titlepanel form input { float: right; margin: 9px 12px 0 0; }
div#titlepanel a img { float: right; margin: 9px 12px 0 0; }

div#menu { float: left; width: 199px; margin: 0; text-align: left; clear: both;  }
div#menu h3#browsefor { width: 199px; height: 24px; text-indent: -9999px; background: transparent url(/shop/images/subtitle_browsefor.gif) no-repeat; margin: 9px 0 7px 0; }

ul#shopnav { float: left; margin: 0 0 20px 0; padding: 0; }
ul#shopnav li { list-style-type: none; font: 12px Arial, sans-serif; padding: 0; margin: 0; width:199px; float: left; }
ul#shopnav li a { color: #003F74; text-decoration: none; padding: 5px 0 5px 7px; }
ul#shopnav li.shopcats { height: 24px; margin: 0 0 1px 0; }
ul#shopnav li.shopcats a { background-color: #CCE6CC; display: block; }
ul#shopnav li.shopcats a:hover { background-color: #003F74; color: #CCE6CC; }
ul#shopnav li.shopsubcats { height: 24px; margin: 0 0 1px 0; }
ul#shopnav li.shopsubcats a {  background-color: #E5F2E5; display: block; }
ul#shopnav li.shopsubcats a:hover { background-color: #CCE6CC; color: #003F74; }
ul#shopnav li.shoputils { height: 21px; background-color: #FFFFFF; margin: 0; border-bottom: 1px solid #CCE6CC; }
ul#shopnav li.shoputils a { display: block; background: transparent url(/shop/images/icon_rightarrowgreen.gif) 4px 8px no-repeat; padding: 5px 0 5px 15px; }
ul#shopnav li.shoputils a:hover { background-color: #CCE6CC; color: #003F74; }
ul#shopnav li.shoputildload { height: 21px; background-color: #FFFFFF; margin: 0; border-bottom: 1px solid #CCE6CC; }
ul#shopnav li.shoputildload a { display: block; background: transparent url(/shop/images/icon_downarrowgreen.gif) 4px 8px no-repeat; padding: 5px 0 5px 15px; }
ul#shopnav li.shoputildload a:hover { background-color: #CCE6CC; color: #003F74; }
ul#shopnav li#cathhome { text-indent: -9999px; width: 199px; height: 25px; margin: 9px 0 0 0; }
ul#shopnav li#cathhome a { display: block; width: 100%; height: 100%; background: transparent url(/shop/images/button_menutchome.gif) no-repeat; padding: 0; }
ul#shopnav li#cathhome a:hover { background: transparent url(/shop/images/button_menutchome.gif) 0 -25px no-repeat; }

html>body ul#shopnav li a {  width: auto; }

div#shopcontent { width: 504px; float: right; margin: 0 -3px 0 0; padding-bottom:25px; text-align: left; }

ul#moreproducts { margin: 8px 0 20px 0; padding: 0; }
ul#moreproducts li { list-style-type: none; float: left; width: 164px; margin: 0 4px 0 0; padding: 0; font: 12px Arial, sans-serif; color: #003E73; background: transparent url(/shop/images/button_moreproducts.gif) 3px 3px no-repeat }
ul#moreproducts a { display: block; padding: 3px 0 3px 20px; text-decoration: none; color: #003E73; }

p.arrow { padding:0 0 0 17px; background:  url(/shop/images/icon_backarrowgreen.gif) no-repeat left center;}
p.arrow a{ text-decoration:none;}

div#footer {
	width: 740px;
	margin: 0 auto;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	line-height:16px;
}
#footer p{ color:#616161; margin:10px 13px; font-size:11px; }