/*--------------------------------------------------------------
   Standard page defaults
--------------------------------------------------------------*/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #1D2666;
	background-color: #1D2666;
	margin: 10px;
	background-image: url(images/back.gif);
	background-repeat: repeat;
	background-position: left top;
}
a {
	text-decoration: none; color: #1D2666;
}
a:hover { 
	text-decoration: underline; color: #FFFF00;
}
td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #1D2666;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #1D2666;
	margin: 0px;
}
/*--------------------------------------------------------------
   Main page masthead
--------------------------------------------------------------*/
.topcomplete {
}
.topleft {
	vertical-align: middle;
	height: 72px;
	text-align: left;
}
.topcentre {
}
.topright {
	vertical-align: middle;
	height: 72px;
	text-align: right;
}
/*--------------------------------------------------------------
   Main page layout
--------------------------------------------------------------*/
.mainwindow {
	padding: 15px 20px;
	text-align: center;
	vertical-align: middle;
	height: 300px;
	background-color: #C8CCCC;
}
.mainwindownoshow {  /* admin area mainwindow when page set not to show */
	padding: 15px 20px;
	border: 2px dashed #555555;
	text-align: center;
	vertical-align: middle;
	height: 300px;
	background-color: #C8CCCC;
}
.mainwindownoheight {  /* as per mainwindow but with no set height */
	padding: 15px 20px;
	text-align: center;
	vertical-align: middle;
	background-color: #C8CCCC;
}
.secondarywindow {
	padding: 15px 20px;
	background-color: #B3BFC1;
	text-align: center;
	vertical-align: middle;
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #E7E7E7;
	border-right-color: #767676;
	border-bottom-color: #767676;
	border-left-color: #E7E7E7;
	color: #000000;
}
.helpwindow {
	padding: 15px 20px;
	background-color: #C8CCCC;
	text-align: center;
	vertical-align: middle;
	height: 300px;
}
.menuback {  /* the table row that the menu sits in */
}
.navbox {
	text-align: left;
	vertical-align: middle;
	font-size: 14px;
	color: #6B76C4;
	height: 40px;
	padding-left: 12px;
}
.footnote {  /* the text that can show along the bottom of each page */
	color: #FFEE5D;
	text-align: center;
}
.creditline {
	color: #46719E;
	text-align: center;
}
#spacerline {  /* the space between the line of menu buttons */
	height: 3px;
}
.spacetop {  /* the space just above the menu bars */
	height: 0px;
}
.spaceunder {  /* the space just below the menu bars */
	height: 8px;
}
.spacemid {  /* the space imeadiately above the main window */
	height: 0px;
}
.spacebot {  /* the space imeadiately below the main window */
	height: 0px;
}
/*--------------------------------------------------------------
  General text
--------------------------------------------------------------*/
.bodytext {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 17px;
	color: #1D2666;
	padding: 2px 10px;
}
a.bodytext {
	color: #1D2666;
	padding: 0px;
}
.secondarytext {
	color: #000000;
}
a.secondarytext {
	color: #333333;
}
.bodytextcolour1 {  /* the coloured (green?) text used on the 'backup' page */
	color: #097F11;
}
.bodytextcolour2 {  /* the coloured (blue?) text used on the 'backup' page */
	color: #227992;
}
.italic {
	font-style: italic;
}
.italicgrey {  /* used for notes, and nav buttons that are not live */
	font-style: italic;
	color: #4790B8;
}
.tint {
	color: #3C86C9;
}
.caption {
	font-size: 11px;
	font-style: italic;
	line-height: 18px;
	padding: 6px 10px 10px;
}
.title {
	font-size: 22px;
	font-weight: bold;
	color: #1D2666;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
}
.secondarytitle {
	font-size: 22px;
	font-weight: bold;
	color: #1D2666;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
}
.titlecolour {
	font-size: 21px;
	font-weight: bold;
	color: #B93B3B;
	line-height: 28px;
}
.subtitle {
	font-size: 16px;
	font-weight: bold;
	color: #1D2666;
	line-height: 26px;
}
.secondarysubtitle {
	font-size: 16px;
	font-weight: bold;
	color: #1D2666;
	line-height: 26px;
}
.subtitlecolour {
	font-size: 16px;
	font-weight: bold;
	line-height: 22px;
	color: #009900;
}
.next {
}
a.next {  /* this is the 'next' button */
	background-image: url(images/next.gif);
	background-repeat: no-repeat;
	font-size: 22px;
	line-height: 13px;
	vertical-align: middle;
}
a.next:hover { 
	background-image: url(images/next_in.gif);
	background-repeat: no-repeat;
}
.more {
}
a.more {  /* this is the 'more' button */
	background-image: url(images/more.gif);
	background-repeat: no-repeat;
	font-size: 22px;
	line-height: 13px;
	vertical-align: middle;
}
a.more:hover { 
	background-image: url(images/more_in.gif);
	background-repeat: no-repeat;
}
/*--------------------------------------------------------------
  Splash Page
--------------------------------------------------------------*/
.splashbody {
	background-color: #1D2666;
	margin: 10px;
	background-image: url(images/back.gif);
	background-repeat: repeat;
	background-position: left top;
}
.splashintro {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #FFFFFF;
	font-weight: bold;
	font-style: italic;
	background-color: #790000;
	padding: 5px 25px;
}
.enter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #FFFFFF;
	font-weight: bold;
}
a.enter {
	text-decoration: none;
	color: #FFFFFF;
}
a.enter:hover { 
	text-decoration: none;
	color: #FFFF66;
}
.linksmall {  /* used for link to sinclairdesign.com */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #C8CCCC;
}
a.linksmall {
	text-decoration: none;
	color: #C8CCCC;
}
a.linksmall:hover { 
	text-decoration: none;
	color: #FFFF00;
}
/*--------------------------------------------------------------
  Menu buttons A
--------------------------------------------------------------*/
.menua {
	background: #484F83;
	text-align: center;
	padding: 0px 10px;
	margin: 5px 0px 5px 0px;
}
a.menua {
	padding: 5px 12px;  /* size of button: top/bottom from text, left/right from text */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}
a.menua:link, a.menua:visited {
	background: #484F83; /* normal button colour */
	text-decoration: none;
	color: #FFFFFF;
}
a.menua:hover, a.menua:active {
	background: #6B76C4; /* hover button colour */
	text-decoration: none;
	color: #FFFFFF;
}
a.menuaa {
	background: #D49786;
	padding: 5px 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #1D2666;
}
a.menuaa:hover, a.menuaa:active {
	background: #6B76C4; /* hover button colour */
	text-decoration: none;
	color: #FFFFFF;
}
/*--------------------------------------------------------------
  Menu buttons B
--------------------------------------------------------------*/
.menub {
	background: #484F83; /* thicker bar behind buttons */
	text-align: center;
	padding: 0px 10px;  /* size of menu bar: top/bottom from text, left/right from edge */
	margin: 5px 0px 5px 0px;
}
a.menub {
	padding: 5px 12px;  /* size of button: top/bottom from text, left/right from text */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}
a.menub:link, a.menub:visited {
	background: #484F83; /* normal button colour */
	text-decoration: none;
	color: #FFFFFF;
}
a.menub:hover, a.menub:active {
	background: #6B76C4; /* hover button colour */
	text-decoration: none;
	color: #FFFFFF;
}
a.menubb {
	background: #D49786;
	padding: 5px 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #1D2666;
}
a.menubb:hover, a.menubb:active {
	background: #6B76C4; /* hover button colour */
	text-decoration: none;
	color: #FFFFFF;
}
/*--------------------------------------------------------------
  Menu buttons C
--------------------------------------------------------------*/
.menuc {
	background: #484F83; /* thicker bar behind buttons */
	text-align: center;
	padding: 0px 10px;  /* size of menu bar: top/bottom from text, left/right from edge */
	margin: 5px 0px 5px 0px;
}
a.menuc {
	padding: 5px 12px;  /* size of button: top/bottom from text, left/right from text */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}
a.menuc:link, a.menuc:visited {
	background: #484F83; /* normal button colour */
	text-decoration: none;
	color: #FFFFFF;
}
a.menuc:hover, a.menuc:active {
	background: #6B76C4; /* hover button colour */
	text-decoration: none;
	color: #FFFFFF;
}
a.menucc {
	background: #D49786;
	padding: 5px 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #1D2666;
}
a.menucc:hover, a.menucc:active {
	background: #6B76C4; /* hover button colour */
	text-decoration: none;
	color: #FFFFFF;
}
/*--------------------------------------------------------------
  Navigation Links (in nav box and on intro templates)
--------------------------------------------------------------*/
.navlinka {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6B76C4;
}
a.navlinka {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6B76C4;
	text-decoration: none;
}
a.navlinka:hover { 
	text-decoration: none;
	color: #FFFF00;
}
.navlinkb {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6B76C4;
}
a.navlinkb {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6B76C4;
	text-decoration: none;
}
a.navlinkb:hover { 
	text-decoration: none;
	color: #FFFF00;
}
.navlinkc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6B76C4;
	font-style: normal;
}
a.navlinkc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6B76C4;
	text-decoration: none;
}
a.navlinkc:hover { 
	text-decoration: none;
	color: #FFFF00;
}
.linktext1 {  /* used for the text that introduces the second level of menu buttons */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 15px;
	color: #183471;
	text-align: center;
	vertical-align: middle;
	padding: 20px 5px 5px;
	font-weight: bold;
}
.linktext2 {  /* used for the text that introduces the third level of menu buttons */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 15px;
	color: #183471;
	text-align: center;
	vertical-align: middle;
	padding: 20px 5px 5px;
	font-weight: bold;
}
/*--------------------------------------------------------------
  Alerts and feedback
--------------------------------------------------------------*/
.alert {  /* normally used for notification of bad problems */
	font-size: 16px;
	font-weight: bold;
	color: #CC0000;
	background-color: #FFFF66;
	text-align: center;
	vertical-align: middle;
	padding: 10px;
}
.attention {  /* normally used to draw attention to a note */
	font-size: 13px;
	color: #000000;
	background-color: #F6F3B9;
	text-align: center;
	padding: 6px;
	line-height: 18px;
}
.success {  /* normally used for notification of a successful action */
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #2B7920;
	background-color: #F6F3B9;
	padding: 6px;
	line-height: 26px;
}
.failure {  /* normally used for notification of an unsuccessful action */
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #CC0000;
	background-color: #FFFF33;
	padding: 6px;
	line-height: 26px;
}
/*--------------------------------------------------------------
  Forms and lists
--------------------------------------------------------------*/
.formlabel {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	padding-left: 10px;
	text-align: left;
	padding-left: 5px;
}
.formbox {
	text-align: left;
	padding: 7px 4px;
	color: #555555;
}
.formshow {
	color: #031871;
	text-align: left;
	font-size: 15px;
	padding: 4px 0px;
}
.formtop {
	font-size: 20px;
	font-weight: bold;
	color: #FFCC00;
	text-align: center;
	padding: 8px;
}
.formintro {
	font-size: 15px;
	font-weight: normal;
	color: #000000;
	text-align: center;
	padding: 10px;
	border-top: 2px solid #EFE585;
	border-left: 2px solid #EFE585;
	border-right: 2px solid #908A50;
	border-bottom: 2px solid #908A50;
	background-color: #C3BB6D;
}
.formnote {  /* small (grey?) text used as notes for form entry boxes */
	font-size: 11px;
	color: #777777;
	font-style: italic;
}
.formheader {
	font-weight: bold;
	color: #1D2666;
	text-align: left;
	vertical-align: middle;
	font-size: 16px;
	padding: 7px;
	background-color: #8C96AC;
}
/*--------------------------------------------------------------
  One-off formatting
--------------------------------------------------------------*/
.intropic {  /* removes top and left padding from pictures */
	padding: 0px 30px 0px 0px;
	font-size: 11px;
	font-style: italic;
	text-align: center;
	vertical-align: middle;
	line-height: 18px;
}
.confignotes {
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 6px;
	color: #555555;
}
.offerprice {
	color: #CC0000;
	font-size: 14px;
	text-align: center;
	vertical-align: middle;
	background-image: url(images/offer_flash.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 100px;
}
/*--------------------------------------------------------------
  Shop formatting
--------------------------------------------------------------*/
.choosegroup { /* the text under the pics on the choose page */
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}
.searchtext {
	font-size: 11px;
	color: #FF9999;
}
.listintro {
	font-size: 16px; /* the text at the top of the results list (also in admin area) */
}
.selected {
	font-size: 17px;
	font-weight: bold;
	color: #FFFFFF;
}
.selectedno {
	font-size: 17px;
	font-weight: bold;
	color: #FFFF00;
}
.unselected {
	font-size: 17px;
	font-weight: bold;
	color: #006699;
}
.search { /* the text and box that invites users to search for items */
	background-color: #BBBBBB;
	border-top: 2px solid #EEEEEE;
	border-left: 2px solid #EEEEEE;
	border-right: 2px solid #777777;
	border-bottom: 2px solid #777777;
	padding: 3px 15px 3px 15px;
	color: #000000;
}
.searchagain {
	background-color: #BBBBBB;
	border-top: 2px solid #EEEEEE;
	border-left: 2px solid #EEEEEE;
	border-right: 2px solid #777777;
	border-bottom: 2px solid #777777;
	padding-top: 4px;
	padding-bottom: 1px;
}
.purnow {
	background-color: #BBBBBB;
	border-top: 2px solid #EEEEEE;
	border-left: 2px solid #EEEEEE;
	border-right: 2px solid #777777;
	border-bottom: 2px solid #777777;
	padding: 7px 15px 5px;
}
.pnum {
	color: #3C86C9;
	font-size: 12px;
}
.poffer {
	background-color: #BBBBBB;
	border-top: 2px solid #EEEEEE;
	border-left: 2px solid #EEEEEE;
	border-bottom: 2px solid #777777;
}
.poffer2 {
	background-color: #FFFF79;
	border-top: 2px solid #FFFFFF;
	border-left: 2px solid #FFFFFF;
	border-bottom: 2px solid #C9C95F;
}
.pdetails {
	background-color: #BBBBBB;
	border-top: 2px solid #EEEEEE;
	border-bottom: 2px solid #777777;
	color: #000000;
	font-size: 13px;
}
.pgroup {
	color: #20507F;
}
.unitprice {
	color: #146F6F;
}
.totalprice {
	color: #993300;
	font-weight: bold;
	font-size: 15px;
}
.pcost {
	background-color: #BBBBBB;
	border-top: 2px solid #EEEEEE;
	border-bottom: 2px solid #777777;
	font-weight: bold;
	color: #000000;
	padding-right: 5px;
	padding-left: 5px;
}
.pcost2 {
	background-color: #FFFF79;
	border-top: 2px solid #FFFFFF;
	border-bottom: 2px solid #C9C95F;
	font-weight: bold;
	color: #000000;
	padding-right: 5px;
	padding-left: 5px;
}
.pclick {
	background-color: #BBBBBB;
	border-top: 2px solid #EEEEEE;
	border-bottom: 2px solid #777777;
	padding-top: 3px;
}
.pend {
	background-color: #BBBBBB;
	border-top: 2px solid #EEEEEE;
	border-right: 2px solid #777777;
	border-bottom: 2px solid #777777;
}
.offer {
	font-size: 10px;
	color: #CC0000;
}
.dpic {
	background-color: #BBBBBB;
	border-top: 2px solid #EEEEEE;
	border-left: 2px solid #EEEEEE;
	border-bottom: 2px solid #777777;
	padding: 15px;
}
.dtext {
	background-color: #BBBBBB;
	border-top: 2px solid #EEEEEE;
	border-right: 2px solid #777777;
	color: #000000;
	padding: 8px;
}
.dpur {
	background-color: #BBBBBB;
	border-right: 2px solid #777777;
	border-bottom: 2px solid #777777;
	padding: 5px 5px 10px;
}
.dback {
	background-color: #BBBBBB;
	border-bottom: 2px solid #777777;
	padding: 5px 5px 10px;
}
.dmodel {
	font-size: 18px;
	color: #000000;
	line-height: 24px;
}
.dgroup {
	font-size: 16px;
	color: #764229;
	line-height: 24px;
	font-weight: bold;
}
.dtype {
	font-size: 16px;
	color: #555555;
	font-style: italic;
}
.dcolour {
	font-size: 15px;
	color: #135A7F;
	line-height: 24px;
	font-weight: bold;
}
.dsize {
	color: #444444;
}
.dprice {
	font-size: 17px;
	color: #000000;
	font-weight: bold;
	line-height: 24px;
}
.ddelivery {
	font-size: 13px;
	color: #444444;
}
.ordersubmit {
	font-size: 14px;
	color: #FFFFFF;
	background-color: #339999;
	text-align: center;
	padding: 10px;
}
/*--------------------------------------------------------------
   Portfolio Pages
--------------------------------------------------------------*/
.items-h1 {
	text-align: center;
	color: #000;
	padding: 10px 5px 8px 5px;
	background-color: #EDE089;
	border: 1px solid #D1C679;
}
.item-title {
	font-size: 15px;
	font-weight: bold;
	color: #1D2666;
	padding: 10px 0 5px 0;
}
.item-desc {
	font-size: 13px;
	color: #1D2666;
	padding: 0;
}