﻿
/* 0 BASIC TAGS */

table {
	font-size: 1em;
}

h1, h2, h3, h4 {
	margin: 0;
	/*font-family: Tahoma, Arial, Helvetica, sans-serif, Agency FB;*/
	color:#246598;
	/*font-family:Tahoma;*/
	font-family:Serif;
}

p {
	line-height: 1.4em;
}
ul
{
	list-style-image:url(Images/UnorderedListBullet.gif);
	
	list-style-position:outside;
	text-indent:0px;
}
hr {
	border: 0;
	border-top: 1px solid #505050;
	height: 1px;
}

a 
{
	
	text-decoration: none;
	color:#FF9933;
}

a:visited {
	color: #FF9933;
}

a:hover {
	color:#246598;
}

a:active {
	color: #FF9933;
}

body {
	/*background-color: #656565;*/
	background-image: url(Images/Background.gif);
	background-repeat: repeat;
	margin: 0;
	padding: 0;
	text-align: center;
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-family: sans-serif;
	/*font-family: Agency FB	*/
	/*font-size: 0.7em;*/
	font-size:small;
	color:Gray;
}

img {
	border-width: 0;
}

/* HEADER FORMATTING FOR MASTER PAGE*/
.header
{
    background-image:none;
    width:760px;
    height: 173px;
    position:relative;
    /*background-color:White;*/
    margin-left:auto;
    margin-right:auto;
}

.headermenu
{
    margin-left:auto;
    margin-right:auto;
	height:25px;
	width:760px;
	background-image:url("Images/MenuBar.gif");
	background-repeat:repeat-x;
}
.TabMenuItem
{
  background-color: #B7D4F0;
  text-align:left;
  font-size:small;
  color:Black;
  outline-color:#B7D4F0;
  /*border: solid 1px #3333FF;
  border-left: none;*/
  padding: 3px 3px 3px 3px;
  background:url("Images/tabright.gif") no-repeat right top;
  
 /* background: url("Images/tableft.gif") no-repeat left top;*/
  
}
.TabMenuItemSelected
{
/*background-color: White;*/
text-align:left;
font-size:small;
border-right: solid 1px #78ADE1;
border-bottom:none;
border-top: solid 1px #78ADE1;
border-left: none;
background-position:100% -42px;
padding: 5px 3px 5px 3px;
}
.TabMenuItemHover
{
  color:Black;
  /*font-weight: bold;*/
      background-position:100% -42px;
}


.SiteStaticMenu
{
  margin: 0px 0px 0px 0px;
  background-color:#78ADE1;
  /*background-color:Black;*/
}
.MainMenu
{
	margin: auto auto auto auto;
	width:760px;
	height:170px;
	background-color:#78ADE1;

	

}
    
/* FOOTER FORMATTING FOR MASTER PAGE*/
.footerbg
{
    width:auto;
    height:80px;
	text-align: center;
    background-image:url(images/FooterBG.gif);    
}

.footer
{
    background-repeat:repeat-x;
    background-image:url(images/Footer-background.gif);
    width:760px;
    height:80px;
    position:relative;
    /*background-color:#88CCEE;*/
    margin-left:auto;
    margin-right:auto;
	text-align: center;
	font-size: 10px;
}





/* 1.1 SHIM Top */

.shimTop {
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	width: 0px;
	height: 0px;
	font-size: 0;
}

.column {
	background-image: url(images/ShimHeader.gif);
}

.gradient {
	background-image: url(images/content-shim-photo.gif);
}

.solid {
	background-image: url(images/content-shim-none.gif);

}
/*Shim Bottom*/
.shimBottom {
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	width: 760px;
	height: 0px;
	
	font-size: 0;
}

.column {
	background-image: url(images/ShimHeader.gif);
}

.gradient {
	background-image: url(images/content-shim-photo.gif);
}

.solid {
	background-image: url(images/content-shim-none.gif);
}

/*PAGE FORMATTING*/
.page {
	/*background-image:none;
	background-repeat:no-repeat;*/
	margin-left: auto;
	margin-right: auto;
	text-align: left;
/*	position:relative;*/
	background-color:White;

	
}
#default
{
	/*background-image:none;*/
	/*position: relative;*/
	width: 760px;
}

#home, #products, #services, #contact, #about, #admin-photos, #designer, #faq{
	background-image:none;
	/*position: relative;*/
	width: 740px;
	padding: 0px 10px;
	padding-top: 1px; /* Weird Mozilla Bug */
	padding-bottom: 40px; /* Weird Mozilla Bug */}

.sidebar {
	float:right;
	width: 190px;
	height: 100%;
}

#panel
{
    width:100px;
    height:50px;
}
#content {
	margin-left: 1px;}

.faqQuestionHeader
{
	padding-left:5px;
	font-family:Serif;
	width:auto;
	height:auto;
	padding:2px 2px 2px 2px 2px;
	font-weight:bold;
	font-size:larger;
	
	color:#246598;
	border-bottom:solid thin #78ADE1;
	
		
}
.faqQuestionLinks
{
	width:auto;
	height:auto;
	list-style-image:url(images/Bullet.gif);
}	
.pageHeading
{
	width:auto;
	height:auto;
	font-weight:bold;
	font-size:xx-large;
	color:#246598;
	text-align:center;
	font-family:Serif;
}
.table.InfoBox
{
	/*background-color:Fuchsia;*/
}	
.MainPageImage
{
	float:right;
	width: 200px;
	height:700px;
	
}
.Header
{
	background-color:#78ADE1;
	font-family:Serif;
	text-align:center;
	font-size:large;
	font-weight:bold;
	color:White;
	
}
.HeaderBig
{
	background-color:#78ADE1;
	font-family:Serif;
	text-align:center;
	font-size:xx-large;
	font-weight:bold;
	color:White;
}

.InfoBody
{
	background-color:#CCE2F3;
}
.SplashBox
{
	background-color:#CCE2F3;
	text-align:center;
	vertical-align:middle;
	color:White;
	font-weight:bold;
	font-size:x-large;
	font-family:Serif;
}



.ProductsMenu
{
	vertical-align:top;
	width:145px;
	background-color:#cce2f3;
	/*vAlign="top" width=145 style="height: 290px; background-color:#cce2f3"	*/
}

A.MenuUnselected, A.MenuUnselected:link, A.MenuUnselected:visited
{
    color: goldenrod;
    font-family: Verdana, Helvetica, sans-serif;
    text-decoration: none;
    font-size:  12px;
    font-weight: bold;
    line-height: 16px;
    padding-left: 10px
}

A.MenuUnselected:hover
{
    color: white;
    text-decoration: underline;
    padding-left: 10px
}

A.MenuSelected
{
    color: white;
    font-family: Verdana, Helvetica, sans-serif;
    text-decoration: none;
    font-size:  12px;
    font-weight: bold;
    line-height: 16px;
    padding-left: 10px
}

A.MenuSelected:hover
{
    color: black;
    font-family: Verdana, Helvetica, sans-serif;
    text-decoration: none;
    padding-left: 10px
}

.ContentHead
{
    background-color: #78ADE1;
    color: white;
    font-family: Verdana, Arial;
    font-size: 20px;
    font-weight: bold;
    height: 35px
}

.CartListHead
{
    background-color: #78ADE1;
    border-bottom: dimgray;
    border-left: dimgray 1px solid;
    color: black;
    font-family: Verdana, Arial;
    font-size: 11px;
    font-weight: bold;
    line-height: 20pt;
    padding-left: 5px
}

.CartListItem
{
    background-color: #ffffff;
    border-bottom: dimgray;
    border-left: dimgray 1px solid;
    color: black;
    font-family: Verdana, Arial;
    font-size: 11px;
    padding-left: 5px
}

.CartListItemAlt
{
    background-color: #f2f2f2;
    border-bottom: dimgray;
    border-left: dimgray 1px solid;
    color: black;
    font-family: Verdana, Arial;
    font-size: 11px;
    padding-left: 5px
}

.CartListFooter
{
    background-color: #78ADE1;
    line-height: 10pt
}

/*.HeaderMenu {
	
	text-transform: uppercase;
	font-size: 10px;*/
	/*border-left: solid thin black;
	border-top: solid thin black;*/
	
/*}*/

/*.HeaderMenu a:visited {
	color: #d32525;
	
}*/
.HeaderMenu a:hover
{
	color:Black;
	text-decoration:none;
	
	}
.HeaderMenu SelectedItemStyle 
{
	background-color:Orange;
}

.HeaderMenuSelected 
{
	border: solid thin black;
    color: black;
    font-family: Verdana, Helvetica, sans-serif;
    text-decoration: none;
    padding-left: 10px
}

.StaticMenuStyle
{
	color:Black;
	background-color:#CCE2F3;
	
}
.StaticMenuStyle a
{
	color:Black;
}
.StaticMenuStyle a:visited
{
	color:Black;
}

.StaticMenuItemStyle
{
	background-color:#CCE2F3;
}

.StaticMenuItemSyle a
{
	color:Black;
}
.HeaderMenu a 
{
	color:Black;
}

.StaticHoverStyle
{
	height:25px;
	background-color:#78ADE1;
/*	border: solid 1px blue;
	font-weight:bold;
	color:Black;*/
}


/*.StaticHoverStyle a
{
	 color:Black;
}*/

/*.StaticHoverStyle a:hover
{
	 font-weight:bold;
	 color:Black;
	 text-decoration:none;
}*/

.StaticSelectedStyle
{
	 font-weight:bold;
	 height:25px;
}
.menub {
	margin: 12px auto 5px auto;
	text-transform: uppercase;
	font-size: 10px;
}
.menub a
{
	color:Black;
}
.menub a:visited
{
	color:Black;
}
.LoginBox
{
	background-color:#CCE2F3;
	border-color:#78ADE1;
	border-width:1px;
	border-style:solid;
	font-size: small;
}
.LoginBox a 
{
	color:Black;
}
.LoginBox a:hover
{
	color:Gray;
	font-weight:bold;
}
.LoginBox a:visited
{
	color:Black;
}

.LoginTitle
{
	font-size:large;
	color:White;
	background-color:#78ADE1;
	text-align:left;
}
.LoginButton
{
	 background-color:White;
	 border: solid 1px #78ADE1; 
	 font-family:Verdana;
	 font-size:x-small;
	 color:Black;
}

.AlternateColour
{
	background-color:#CCE2F3
}

.AlternateColour a
{
	color:#246598;
}

.AlternateColour a:visited
{
	color:#246598;
}
.AlternateColour a:hover {
	color:White;
	font-weight:bold;
}