html, body { 
  height:100%;
  margin:0;
  padding:0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 92%;
  line-height: 1.3;
  color: #373737;
  background-image: url(/editable/images/background.gif); 
  background-repeat: repeat;
  text-align: center;
}



/*
CONTAINERS
*/



div.TextBlockContainer {
  width: 100%;
  clear: both;
}

div.EventsListContainer {
  width: 100%;
  clear: both;
}

/*
small images product style
*/

div.ProductListContainer1 {
  width: 100%;
  clear: both;
}

/*
Large images product style
*/
div.ProductListItem1 {
  width: 140px;
  height: 220px;
  margin-top: 5px;
  float: left;
  overflow: hidden;
}


/*
single column product style
*/
div.ProductListContainer2 {
  width: 100%;
  clear: both;
}

div.ProductListItem2 {
  width: 100%;
  margin-top: 5px;
  min-height: 70px;
  clear: both;
}

div.ProductListContainer3 {
  width: 100%;
  clear: both;
}


div.ProductListItem3 {
  width: 130px;
  height: 220px;
  margin-top: 5px;
  float: left;
  overflow: hidden;
}



/*
IMAGE FORMATTING & POSITIONING
*/


img {
  border-width: 0px; 
  border-style: none;  
}

img.ProductImageWide1 {
  width: 130px;
  margin-left: auto;
  margin-right: auto;
}

img.ProductImageTall1 {
  height: 130px;
  margin-left: auto;
  margin-right: auto;
}

div.ImageBoxOuter1 {
  #position: relative;
  float: left; 
  border-width: 1px; 
  border-color: #556392;  
  border-style: solid;  
  background-color: #FFFFFF; 
  display: table; 
  width: 130px; 
  height: 130px; 
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
}

div.ImageBoxMiddle1 {
  #position: absolute; 
  #top: 50%;
  display: table-cell; 
  vertical-align: middle;
  width: 130px;
}

div.ImageBoxInner1 {
  #position: relative; 
  #top: -50%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

img.ProductImageWide2 {
  width: 65px;
  margin-left: auto;
  margin-right: auto;
}

img.ProductImageTall2 {
  height: 65px;
  margin-left: auto;
  margin-right: auto;
}

div.ImageBoxOuter2 {
  #position: relative;
  margin-right: 5px; 
  float: left; 
  border-width: 1px; 
  border-color: #556392;  
  border-style: solid;  
  background-color: #FFFFFF; 
  display: table; 
  width: 65px; 
  height: 65px; 
  overflow: hidden;
}

div.ImageBoxMiddle2 {
  #position: absolute; 
  #top: 50%;
  display: table-cell; 
  vertical-align: middle;
  width: 65px;
  margin-left: auto;
  margin-right: auto;
}

div.ImageBoxInner2 {
  #position: relative; 
  #top: -50%;
  width: 65px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}



img.ProductImageWide3 {
  width: 125px;
  margin-left: auto;
  margin-right: auto;
}

img.ProductImageTall3 {
  height: 125px;
  margin-left: auto;
  margin-right: auto;
}

div.ImageBoxOuter3 {
  #position: relative;
  float: left; 
  border-width: 1px; 
  border-color: #556392;  
  border-style: solid;  
  background-color: #FFFFFF; 
  display: table; 
  width: 125px; 
  height: 125px; 
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
}

div.ImageBoxMiddle3 {
  #position: absolute; 
  #top: 50%;
  display: table-cell; 
  vertical-align: middle;
  width: 125px;
}

div.ImageBoxInner3 {
  #position: relative; 
  #top: -50%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}



/*
FONT STYLING
*/



H1 {
  font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; 
  font-size: 170%; 
  color: #566292;
  margin-bottom: 0;
}

H2 {
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 120%; 
  color: #566292;
  margin-bottom: 0;
  padding:3px;
  border-width: 1px 0px 0px 0px;
  border-color: #DADFBF;
  border-style: solid;
  background-color: #F1F3E8;
  font-weight: bold;
  text-transform: uppercase;
}

H3 {
  font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; 
  font-size: 130%; 
  color: #2B3767;
  margin-bottom: 0;
  font-weight: bold;
}

.Alert {
  font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; 
  font-size: 115%;
  font-weight: bold;
  color: #990000;
  margin-bottom: 0;
}

th {
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 120%; 
  color: #566292;
  margin-bottom: 0;
  padding:2px;
  border-width: 1px 0px 0px 0px;
  border-color: #DADFBF;
  border-style: solid;
  background-color: #F1F3E8;
  font-weight: bold;
}

A:link
{
    COLOR: #4D5577;
    TEXT-DECORATION: none
}
A:hover
{
    COLOR: #a52a2a;
    TEXT-DECORATION: underline
}
A:active
{
    COLOR: #a52a2a;
    TEXT-DECORATION: underline
}
A:visited
{
    COLOR: #4D5577;
    TEXT-DECORATION: none
}
A:visited:hover
{
    COLOR: #a52a2a;
    TEXT-DECORATION: underline
}

A.inputbutton:link
{
    COLOR: #000000;
    TEXT-DECORATION: none;
	font-size: 131%;
  font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; 
  	padding: 10px;	
}
A.inputbutton:hover
{
    COLOR: #000000;
    TEXT-DECORATION: none;
	font-size: 131%;
  font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; 
  	padding: 10px;
}
A.inputbutton:active
{
    COLOR: #000000;
    TEXT-DECORATION: none;
	font-size: 131%;
  font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; 
  	padding: 10px;	
}
A.inputbutton:visited
{
    COLOR: #000000;
    TEXT-DECORATION: none;
	font-size: 131%;
  font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; 
  	padding: 10px;	
}
A.inputbutton:visited:hover
{
    COLOR: #000000;
    TEXT-DECORATION: none;
	font-size: 131%;
  font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; 
  	padding: 10px;
}


/*
TOPBAR, SEARCH AND QUICK NAV, BUTTONS
*/


select.QuickNav {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 82%;
  line-height: 1.3;
}

label.QuickNavLabel {
  visibility: hidden;
  display: none;
}

label.SearchLabel {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
}

input.SearchKeywords {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 82%;
  line-height: 1.3;
  color: #ffffff;
  border-width: 1px;
  border-color: #ffffff;
  border-style: solid;
  background-color: #A2A9C3;
}

input.SearchSubmit {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 90%;
  font-weight: bold;
  line-height: 1.3;
  color: #ffffff;
  border-width: 1px;
  border-color: #ffffff;
  border-style: solid;
  background-color: #A8CE07;
}


.topbar-left a:link {
  text-decoration : none; 
  color : #ffffff; 
}

.topbar-left a:visited {
  text-decoration : none; 
  color : #ffffff; 
}

.topbar-left a:active {
  text-decoration : none; 
  color : #ffffff; 
}

.topbar-left a:hover {
  text-decoration : none; 
  color : #ff0000; 
}

.inputbutton {
	background-color: #DADFBF;
	text-align: center;
	border: 1px solid #A1A683;
	padding: 9px;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	color: #000000;
	
}


/*
PAGE LAYOUT ELEMENTS
*/


div.PageContainer {
  position: relative;
  border-width: 1px;
  border-color: #C8C9CB;
  border-style: solid;
  background-color: #FFFFFF;
  width: 875px;
  margin-right:auto;
  margin-left:auto;
  margin-top: 5px;
  margin-bottom: 5px;
  text-align: left;
  padding:0;
}

div.PageCol1 {
  position: relative;
  width: 180px;
  float: left;
  padding-top: 30px;
  padding-left: 9px;
  padding-right: 9px;
  text-align: left;
}

div.PageCol2 {
  position: relative;
  width: 675px;
  float: left;
  margin:0;
  padding:0;
  text-align: left;
}

div.PageCol2-Header2 {
  position: relative;
  width: 675px;
  height: 25px;
  margin:0;
  text-align: right;
  padding-top: 5px;
  background-color: #566292;
  color: #ffffff; 
  background-image: url(/editable/images/topbar/header3.jpg);
}

div.PageCol2-Header3 {
  position: relative;
  width: 665px;
  margin:0;
  padding-top: 5px;
  padding-left: 5px;
  padding-right: 5px;
}

div.PageFooter {
  position: relative;
  width: 873px;
  padding-top: 3px;
  margin:0;
  text-align: center;
}

div.PageHeader {
  position: relative;
  width: 873px;
  margin:0;
  padding:0;
  text-align: left;
}

div.SiteLogo {
  position: relative;
  width: 200px;
  height: 124px;
  float: left;
  background-color: #ffffff;
  margin:0;
  padding:0;
}
div.HeaderContainer {
  width: 673px;
  height: 124px;
  float: left;
  margin:0;
  padding:0;
  text-align: right;
}

div.topbar-left {
  position: absolute;
  left: 0;
  width: 79%;
}

div.topbar-right {
   position: absolute;
   right: 0;
   width: 21%;
   text-align: right;
}

div.PageHeaderTop {
  position: relative;
  width: 673px;
  height: 24px;
  margin:0;
  padding-top: 5px;
  text-align: left;
  background-color: #566292;
  color: #ffffff; 
}

div.PageHeaderMiddle {
  position: relative;
  width: 673px;
  height: 72px;
  margin:0;
  padding:0;
  text-align: left;
  background-image: url(/editable/images/topbar/header1.jpg); 
}

div.PageHeaderBottom {
  position: relative;
  width: 673px;
  height: 30px;
  margin:0;
  padding:0;
  padding-top: 0px;
  text-align: right;
  background-image: url(/editable/images/topbar/header2.jpg); 
}

div.PageFooter {
  position: relative;
  width: 873px;
  margin: 0;
  padding: 3px;
  clear: both;
  text-align: left;
}

/*
PAGE STYLING & FORMATTING
*/


label.RegisterLabel { 
  width:200px; 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  float: left;
}

input.RegisterInput {
  width: 180px;
  margin-bottom: 5px;
}



/*
BASKET ELEMENTS
*/


.TopBarBasket {
  font-weight: bold;
  margin-right: 10px; 
}

.TopBarBasket img {
  border-width: 0px; 
  border-style: none;
  vertical-align: middle;
  margin-right: 5px; 
  margin-top: 2px;
}


.TopBarBasket a:link {
  text-decoration : none; 
  color : #ffffff; 
}

.TopBarBasket a:visited {
  text-decoration : none; 
  color : #ffffff; 
}

.TopBarBasket a:active {
  text-decoration : none; 
  color : #ffffff; 
}

.TopBarBasket a:hover {
  text-decoration : none; 
  color : #ff0000; 
}


/*
CHECKOUT ELEMENTS
*/


.TopBarCheckout {
  font-weight: bold;
  margin-right: 10px; 

}

.TopBarCheckout img {
  border-width: 0px; 
  border-style: none;
  vertical-align: middle;  
  margin-right: 5px; 
  margin-top: 2px;
}


.TopBarCheckout a:link {
  text-decoration : none; 
  color : #ffffff; 
}

.TopBarCheckout a:visited {
  text-decoration : none; 
  color : #ffffff; 
}

.TopBarCheckout a:active {
  text-decoration : none; 
  color : #ffffff; 
}

.TopBarCheckout a:hover {
  text-decoration : none; 
  color : #ff0000; 
}


div.ShopProduct {
  position: relative;
  width: 100%;
  margin:0;
  padding:0;
  text-align: left;
  clear: both;
}


/*
MAIN NAVIGATION ELEMENTS
*/


#PageCol1 ul {
  width: 180px;
  margin : 0; 
  padding : 1px 0 0; 
  list-style-type : none; 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background : #E3DFF2;
	border-width: 0px; 
}

#PageCol1 li {
	margin : 0 0 1px; 
	border-width: 0px; 
} 
#PageCol1 li a {
	display : block; 
	background-color : #ffffff; 	
	padding: 3px; 
	width : 174px; 
	text-decoration : none; 
	color : #000000; 
	border-width: 0px; 
}

#PageCol1 li li a {
	color : #000000; 
	background-color : #ffffff; 
	display : block; 
	padding : 3px 3px 3px 15px;
	width : 162px;
	background-image: url('/editable/images/dot1.gif');
	background-repeat: no-repeat;
	border-width: 0px; 
} 
#PageCol1 li li li a {
	display : block; 
	padding: 3px 3px 3px 27px; 
	width : 150px;
	background-image: url('/editable/images/dot2.gif');
	background-repeat: no-repeat;		
	border-width: 0px; 
}
#PageCol1 li li li li a {
	display : block; 
	padding : 3px 3px 3px 30px; 
	width : 147px;
	border-width: 0px; 
}
#PageCol1 li li li li li a {
	padding : 3px 3px 3px 40px; 
	width : 137px; 
	border-width: 0px; 
}

#PageCol1 li a:hover , #left li a:active , #left li .selectedpage {
	background-color : #A2A9C3; 
	color : #ffffff; 
	border-width: 0px; 
} 
#PageCol1 li li a:hover , #left li li a:active {
	background-color : #A2A9C3; 
	color : #ffffff; 
	border-width: 0px; 
} 


/*
PRODUCT PAGE ELEMENTS
*/


div.PageNumbers {
  width: 100%;
  clear: both;
  text-align: right;
}

.PageList li {
  display: inline;
  list-style-type: none;
}

.PageList li a {
  border-width: 1px; 
  border-color: #556392;  
  border-style: solid;  
  background-color: #FFFFFF;
	text-decoration : none; 
	color : #000000;
	padding: 3px 3px 3px 3px; 
}

.PageList li a:hover, li a:active {
  border-width: 1px; 
  border-color: #556392;  
  border-style: solid;  
  background-color : #A2A9C3; 
  color : #ffffff; 
  padding: 3px 3px 3px 3px; 
}

li a.CurrentPage {
  border-width: 1px; 
  border-color: #556392;  
  border-style: solid;  
  background-color : #A2A9C3; 
  color : #ffffff; 
  padding: 3px 3px 3px 3px; 
}