﻿/* General */
body { background: #f2f2f2 url('/images/base/bg_main.jpg') repeat-x; padding:0; margin:0 auto; }
form { font-family: Tahoma; font-size: 0.7em; color: #314661; border:none; margin:0 auto; width:960px; line-height:140%; background-color: #fff; padding: 0px 10px; border: solid 1px #ccc; margin-top:10px; margin-bottom:10px;  }
a, a:active, a:visited { text-decoration:underline; color: #8c2400;}
a:hover, a:active:hover, a:visited:hover { text-decoration: underline; color: #ff8059; }
h1 { font-family:Trebuchet MS; color: #ff8059; font-size:1.5em; font-weight:bold; text-align:left; margin-bottom:10px; margin-top:18px; height:20px; border-bottom: solid 1px #ff8059;}
h2 { font-family:Trebuchet MS; color: #ff8059; font-size:1.3em; font-weight:bold; text-align:left; margin-bottom:10px; margin-top:10px; height:20px; border-bottom: solid 1px #ff8059;}
h3 {  border-bottom: solid 1px #bbb; padding-bottom:2px; margin-bottom:8px; margin-top:20px; font-weight:bold; font-size:1.0em;}
h4 { font-family: Trebuchet MS; color: #444; font-weight:bold; font-size:1.2em; margin:0; margin-bottom:4px; padding:0; }
ul {margin-top:12px; }
li {padding-top:2px;}
.subtitle { border-bottom: solid 1px #bbb; padding-bottom:2px; margin-bottom:8px; margin-top:20px; font-weight:bold; }

/* Support Page */
.question { font-family:Trebuchet MS; color: #ff8059; font-size:1.1em; font-weight:bold; text-align:left; margin-bottom:10px; margin-top:18px; height:20px;}
.question a:hover, .question a:visited, .hover a:active; { text-decoration:none;  }

/* Master Page */
#top { background: #fff url('/images/base/angelfish_logo_white.jpg') no-repeat top left; height:100px; margin-top:8px; padding-top:0; }
#top #strapline { text-align:left; padding-top:70px; font-family: Trebuchet MS; font-size:1.6em; color: #aaa; font-weight:normal; padding-bottom:10px; }
#topmenu { width:960px; background: url('/images/base/menubg.jpg') repeat; border:0; padding:0; }
#topmenu ul { font-size:1.3em; font-weight:bold; text-align:center; margin:0; padding:0; height:30px;}
#topmenu li { float:left;  margin:0; list-style:none; padding-top:0; }
#topmenu li a:link, #topmenu li a:active, #topmenu li a:visited { display:block; border-right:solid 1px #fff; text-decoration:none; padding: 7px 6px 7px 6px; color: #fff;  text-transform:uppercase; font-family:Trebuchet MS;  }
#topmenu li a:link:hover, #topmenu li a:active:hover, #topmenu li a:visited:hover { text-decoration:none; background: #b0b0b0 url('/images/base/menubg_over.jpg') repeat-x top; color: #fff;}
#footer { width:960px; margin-top:10px; text-align:right; padding: 4px 0px 4px 0px; color: #666; margin-bottom:4px; border-top: solid 1px #ccc; font-family:Trebuchet MS; font-size:1.1em; }
#content { margin-top:10px; }
#left { float:left; width:515px; margin-right:0px; background: #eee; padding:10px; border: solid 1px #bbb; }
#right { float:left; width: 405px; }
.banner { padding: 0; margin-top:0px; margin-left:0px; position:relative; width:400px; height:400px;  margin:0; margin-bottom:3px;}
.banner:hover {}
.banner img { position: absolute; top: 0; border:solid 1px #ccc; padding:5px; background: #eee; }

/* Menu */
#menu { border:0; padding:0; margin-top:0px;  height:32px; background: #fff url('/images/base/menubg.jpg') repeat-x; border-bottom: solid 1px #fff; width:960px; padding-top:0px; margin-bottom:5px; }
#menu ul {margin:0; padding:0; list-style-type: none; }
#menu li { float: left; display: inline; margin-top:0; padding-top:0; }
#menu li:hover { display: inline;}
#menu li a { display:block; color: #fff; font-weight: normal; font-size:1.2em; padding: 5px 10px 5px 10px;  text-decoration: none; font-family: Trebuchet MS; text-transform:uppercase; border-right: solid 1px #fff; }
#menu li.menu1 a { display:block; color: #fff; font-weight: normal; font-size:1.8em; padding: 8px 28px 8px 28px;  text-decoration: none; font-family:Trebuchet MS; text-transform:uppercase; border-right: solid 1px #fff; }
#menu li.menu2 a { display:block; color: #fff; font-weight: normal; font-size:1.8em; padding: 8px 28px 8px 21px;  text-decoration: none; font-family:Trebuchet MS; text-transform:uppercase; border-right: solid 1px #fff; }
#menu li.menu3 a { display:block; color: #fff; font-weight: normal; font-size:1.8em; padding: 8px 21px 8px 21px;  text-decoration: none; font-family:Trebuchet MS; text-transform:uppercase; border-right: solid 1px #fff; }
#menu li.menu4 a { display:block; color: #fff; font-weight: normal; font-size:1.8em; padding: 8px 21px 8px 21px;  text-decoration: none; font-family:Trebuchet MS; text-transform:uppercase; border-right: solid 1px #fff; }
#menu li.menu5 a { display:block; color: #fff; font-weight: normal; font-size:1.8em; padding: 8px 21px 8px 21px; text-decoration: none; font-family:Trebuchet MS; text-transform:uppercase; border-right: solid 1px #fff; }
#menu li a:hover { font-weight: normal; text-decoration: none; color:#fff; background: #fff url('/images/base/menubg_over.jpg') repeat-x top left; }
#menu .selected {  font-weight: normal; text-decoration: none; color:#fff; background: #fff url('/images/base/menubg_over.jpg') repeat-x top left; padding: 5px 10px 5px 10px; border-right: 1px solid #125e70; }
#menu ul ul { display: none; position: absolute; top: auto; left: auto; width: 150px; margin-left: -1px; background:none; z-index:255; }
#menu li:hover ul { display: block; }
#menu li li a { width: 181px; font-size:1.25em; background: url('/images/base/transparent.png') repeat; color: #fff; border: 1px solid #943464; border-top: 0; margin-top: 0px; padding:7px 0px 7px 24px; text-transform:none; border-top:0; font-weight:bold; border-top:0;}
#menu li.menu1 li a { margin-left: 0px; width: 110px; font-size:1.5em; background: url('/images/base/transparent.png') repeat; color: #fff; border: 1px solid #d04110; border-top: 0; margin-top: 0px; padding:7px 0px 7px 18px; text-transform:none; border-top:0; font-weight:bold;}
#menu li.menu2 li a { margin-left: 1px; width: 140px; font-size:1.5em; background: url('/images/base/transparent.png') repeat; color: #fff; border: 1px solid #d04110; border-top: 0; margin-top: 0px; padding:7px 0px 7px 18px; text-transform:none; border-top:0; font-weight:bold;}
#menu li.menu3 li a { margin-left: 1px; width: 162px; font-size:1.5em; background: url('/images/base/transparent.png') repeat; color: #fff; border: 1px solid #d04110; border-top: 0; margin-top: 0px; padding:7px 0px 7px 18px; text-transform:none; border-top:0; font-weight:bold;}
#menu li.menu4 li a { margin-left: 1px; width: 121px; font-size:1.5em; background: url('/images/base/transparent.png') repeat; color: #fff; border: 1px solid #d04110; border-top: 0; margin-top: 0px; padding:7px 0px 7px 18px; text-transform:none; border-top:0; font-weight:bold;}
#menu li.menu5 li a { margin-left: 1px; width: 131px; font-size:1.5em; background: url('/images/base/transparent.png') repeat; color: #fff; border: 1px solid #d04110; border-top: 0; margin-top: 0px; padding:7px 0px 7px 18px; text-transform:none; border-top:0; font-weight:bold;}
#menu li li a:hover { width: 181px; color: #fff; background: url('/images/base/transparent_over.png') repeat; }
#menu li.menu1 li a:hover { width: 110px; color: #fff; background: url('/images/base/transparent_over.png') repeat; }
#menu li.menu2 li a:hover { width: 140px; color: #fff; background: url('/images/base/transparent_over.png') repeat; }
#menu li.menu3 li a:hover { width: 162px; color: #fff; background: url('/images/base/transparent_over.png') repeat; }
#menu li.menu4 li a:hover { width: 121px; color: #fff; background: url('/images/base/transparent_over.png') repeat; }
#menu li.menu5 li a:hover { width: 131px; color: #fff; background: url('/images/base/transparent_over.png') repeat; }
#menu li.membersmenu a {display:block; color: #fff; font-weight: normal; font-size:1.4em; padding: 8px 6px 8px 6px;  text-decoration: none; font-family:Trebuchet MS; text-transform:uppercase; border-right: solid 1px #fff;}

/* Page Sections */
#topleft { width:295px; padding:10px; background-color: #fdece7; margin-bottom:10px; }
#topcentre { width:295px; padding:10px; background-color: #fde0d7; margin-bottom:10px; }
#topright { width:290px; padding:10px; background-color: #fce0d8; margin-bottom:10px; }
#middleleft { width:295px; padding:10px; background-color: #fdece7; margin-bottom:10px; }
#middlecentre { width:295px; padding:10px; background-color: #fce0d8; margin-bottom:10px;  }
#middleright { width:290px; padding:10px; background-color: #fbd2c5; margin-bottom:10px; }
#bottomleft { width:295px; padding:10px; background-color: #fdece7; }
#bottomcentre { width:295px; padding:10px; background-color: #fce0d8; }
#bottomright { width:290px; padding:10px; background-color: #fbd2c5; }

/* Text blocks */
.newtext { font-family:Trebuchet MS; text-align:justify; font-size:1.2em; padding-bottom:10px; }
.quote { font-family:Trebuchet MS; text-align:justify; font-size:1.2em; padding-bottom:10px; font-style:italic;}
.newtext ul { margin-left:24px; list-style-type:disc; text-align:left; padding:0; font-style:italic; line-height:1.2em; margin-top:10px; margin-bottom:10px; }
.block { text-align:justify; margin-bottom:10px; }
.blockimage { border: solid 1px #aaa; float:left; margin:0; margin-right:10px; padding:0; }
a.blockimage { border:none; }
.block ul { margin-left:16px; list-style-type:disc; text-align:left; padding:0; }

/* Help Menu */
#search { float:right; padding-right:10px; padding-top:20px; }
#options { float:right; padding-right:10px; padding-top:5px; }
#helpmenu { width:960px; background: #fff; padding:0; }
#helpmenu ul { font-size:1.0em; font-weight:normal; text-align:center; margin:0; padding:0; height:25px; margin-bottom:20px; }
#helpmenu li { float:left;  margin:0; list-style:none; padding-top:0; }
#helpmenu li a:link, #helpmenu li a:active, #helpmenu li a:visited { display:block; background:#fb620f; border-right:solid 1px #fff; border-bottom:solid 1px #fff; text-decoration:none; padding: 5px 12px 5px 12px; color: #fff;}
#helpmenu li a:link:hover, #helpmenu li a:active:hover, #helpmenu li a:visited:hover { text-decoration:none; background: #8c2400; color: #fff;}

/*  Home Page */
#topcaption { background: #ffcab7; width:940px; padding: 10px; line-height:150%; height:132px; font-size:1.1em; border-top:solid 1px #F6602E; border-bottom:solid 1px #F6602E; }
#topcaptionbox { float:left; }
#topcaptionbox img { border:solid 1px #888; }
#topcaptiontext { float:left; padding-left:20px; font-family:Georgia; text-align:left; }
#topcaptiontext h1 { font-family: Verdana; font-size:1.7em; font-weight:bold; margin: 8px 0px 8px 0px; border: 0;}
#topcaptiontext h2 { font-family: Tahoma; font-size:1.3em; margin: 8px 0px 8px 0px; font-weight:normal; border:none; padding:0; }
#topcaptionextra { float:right; background: url('/images/base/home_caption.jpg') no-repeat top left; width: 278px; height:130px; padding-left:25px; padding:1px; }
#news { margin-top:4px; margin-bottom:0px; font-family:Verdana; width:956px; background: #ffdfd5; padding-top:4px; padding-bottom:4px; padding-left:4px; border-top:solid 1px #F6602E; border-bottom:solid 1px #F6602E;}
#news a:link, #news a:link:visited { text-decoration:none; }
.caption1 { background-color: #e4e4e4; padding:10px; margin-left:10px; font-family:Trebuchet MS; font-size:1.2em; width:390px; margin-bottom:10px; border: solid 1px #bbb; line-height:140%; }
.caption2 { background-color: #ebebeb; padding:10px; margin-left:10px; font-family:Trebuchet MS; font-size:1.2em; width:390px; margin-bottom:10px; border: solid 1px #bbb; }

/* Images */
#content { line-height: 180%; }
#content .image img { border: solid 1px #aaa; padding:0; margin:0; }
#content .image a:link { text-decoration:none; padding:2px; border:none; display:block; margin:0; }
#content .image a:hover { text-decoration:none; padding:0; border:solid 2px #ffcab7; margin:0; }
#content .icon { border:none; margin:0; padding:0; font-family:Trebuchet MS; }
#content .icon a:link, #content .icon a:active, #content .icon a:visited { text-decoration:none; padding:0; border:none; margin:0; display:block; }
#content .icon a:hover, .icon a:active:hover, .icon a:visited:hover { text-decoration:none; padding:0; border:none; }

/* Members */
.memberlinks a:link, .memberlinks a:active, .memberlinks a:visited { font-family:Trebuchet MS; font-size:1.2em; text-decoration:none;  }

/* Shopping basket */
.shoppingbasketheader { font-weight:bold; }

/* News */
.newstitle h1 { font-family:Georgia; font-size:1.5em; font-weight:normal; text-align:left; margin-bottom:20px; margin-top:24px; padding-bottom:8px; border-bottom: solid 1px #aaa; width:550px; color: #444;}
.newscontent { text-align:justify; font-family:Verdana; font-size:1.0em; width:550px;}

.normaltext { font-family: Tahoma, Verdana, Sans-Serif; color: #000000; }
ul {margin-top: 4px; margin-bottom: 4px;}
li {margin-top:4px; margin-bottom:0px;}

/* Controls (buttons, etc.) */
.text { text-align:justify; font-family:Trebuchet MS; font-size:1.2em; }
.input { font-family:  Trebuchet MS , Sans-Serif; margin: 0; font-size:1.0em; }
.login { margin-top: 4px; margin-bottom: 4px; font-family: Tahoma , Sans-Serif; font-size:100%;}
.warningtext { font-family: Tahoma, Sans-Serif; color: #FB620F; }
.button { font-family: Tahoma, Sans-Serif; font-size:1.0em;}

/* Tables */
.caption2 table { border: solid 1px #314661; border-collapse:collapse; margin-top:8px; margin-bottom:8px; }
.caption2 tr.title { background-color: #4f6c91; color: #fff; }
.caption2 tr.light { background-color: #ddd; }
.caption2 td { border: solid 1px #314661; padding: 2px 4px; }

/* Members Area */
.titleheading {height:20px; color:#fff; font-weight:bold; background: #fb620f url('/images/base/menu_bg.jpg') repeat-x top;}
.titleheading a, .titleheading a:active, .titleheading a:visited {color:#fff; text-decoration: none;}
.titleheading a:hover, .titleheading a:active:hover, .titleheading a:visited:hover {color:#444; text-decoration: none;}
.rowdark {background-color: #E3E6ED; padding: 2px 4px 2px 4px; }
.rowlight {background-color: #F3F7FF; padding: 2px 4px 2px 4px; }

/* Selected text */
.selectedtext { color:#FB620F; }
.selectedtext a, .selectedtext a:active, .selectedtext a:visited { color:#FB620F; }
.selectedtext a:hover, .selectedtext a:active:hover, .selectedtext a:visited:hover { color: #FB620F;}
.usernametext { color:#F6DB7E; }
.usernametext a, .usernametext a:active, .usernametext a:visited { color:#F6DB7E; font-weight:normal; }
.usernametext a:hover, .usernametext a:active:hover, .usernametext a:visited:hover { color: #FFFFFF; font-weight:normal;}

/* Disabled text */
.disabledtext { color: #888888; }

/* Top banner & menu */
.topbanner { width: 100%; background-color: #000000; color: #FFFFFF; }
.topmenu { background-image: url(/images/base/silver_bar.jpg); color: #000000; font-size: 100%; }
.topmenu a, .topmenu a:active, .topmenu a:visited { text-decoration: none; color: #000000; font-weight: normal; }
.topmenu a:hover, .topmenu a:active:hover, .topmenu a:visited:hover { color: #FB620F; }

/* Left menu */
.leftmenu { font-size: 100%; font-weight:normal; padding: 2px 2px 2px 2px; color:#9C5100; }
.leftmenu a, .leftmenu a:active, .leftmenu a:visited { text-decoration: none; color: #9C5100; font-weight: normal; }
.leftmenu a:hover, .leftmenu a:active:hover, .leftmenu a:visited:hover { color: #FB620F; }

/* News */
.scrollingnews {color:#000000; font-family:Tahoma, Verdana; font-size:100%;}
.newstitle {font-size: 110%; font-weight: normal; color: #FB620F;}

/* Footer */
.footer{height: 25px; background-image: url(/images/base/footer_background.jpg); color: #000000; font-size: 90%; font-family:Trebuchet MS; }

/* Members Area Menus & Options */
.options { margin-bottom:0; padding:0; width:622px; border-bottom: solid 1px #6e97b3; font-size:1.3em; }
.selectedoption { padding: 4px 8px; float:left; background: #6e97b3; border: solid 1px #6e97b3; border-bottom:none; margin-right:-1px; }
.selectedoption a:link { font-weight:bold; text-decoration:none; color: #fff; }
.option { padding: 4px 8px; float:left; background: #edf4f7; border: solid 1px #6e97b3; border-bottom:none; margin-right:-1px; }
.option a:link { font-weight:bold; text-decoration:none; color: #6e97b3; }
.option a:link:hover { font-weight:bold; text-decoration:none; color: #cb7453; }
.paymenu { width:500px; height:150px; padding:10px; border: solid 1px #6e97b3; }




	