/*************************  Links *************************/

a:link {
 font-family: Arial, Helvetica, Verdana, sans-serif;
 color: #1982E6;
 font-size: 14px;
 font-weight: bold;
 text-decoration: none;
}

a:visited {
 font-family: Arial, Helvetica, Verdana, sans-serif;
 color: #1982E6;
 font-size: 14px;
 font-weight: bold;
 text-decoration: none;
}

a:hover {
 font-family: Arial, Helvetica, Verdana, sans-serif;
 color: #000000;
 font-size: 14px;
 font-weight: bold;
 text-decoration: none;
}

a:active {
 font-family: Arial, Helvetica, Verdana, sans-serif;
 color: #1982E6;
 font-size: 14px;
 font-weight: bold;
 text-decoration: none;
}

/*-------------------- Blue Links -------------------------*/

a.blueLinkBig:link, a.blueLinkBig:visited {
 font-family: Arial, Helvetica, Verdana, sans-serif;
 color: blue;
 font-size: 18px;
 font-weight: bold;
 text-decoration: none;
}

a.blueLinkBig:hover, a.blueLinkBig:active {
 font-family: Arial, Helvetica, Verdana, sans-serif;
 color: #800080;
 font-size: 18px;
 font-weight: bold;
 text-decoration: none;
}

/*-------------------- Contact Links -------------------------*/

a.contact:link {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 14px;
 color: #808080;
 background-color: transparent;
 font-weight: bold;
 text-decoration: none;
}

a.contact:visited {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 14px;
 color: #808080;
 background-color: transparent;
 font-weight: bold;
 text-decoration: none;
}

a.contact:hover {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 14px;
 color: #000000;
 background-color: transparent;
 font-weight: bold;
 text-decoration: none;
}

a.contact:active {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 14px;
 color: #000000;
 background-color: transparent;
 font-weight: bold;
 text-decoration: none;
}

/*-------------------- Footer Links -------------------------*/

a.footer:link {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 12px;
 color: #808080;
 background-color: transparent;
 font-weight: bold;
 text-decoration: none;
}

a.footer:visited {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 12px;
 color: #808080;
 background-color: transparent;
 font-weight: bold;
 text-decoration: none;
}

a.footer:hover {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 12px;
 color: #000000;
 background-color: transparent;
 font-weight: bold;
 text-decoration: none;
}

a.footer:active {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 12px;
 color: #000000;
 background-color: transparent;
 font-weight: bold;
 text-decoration: none;
}

/*-------------------- Calendar Links -------------------------*/

a.warning:link {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 12px;
 color: #FF0000;
 background-color: transparent;
 font-weight: bold;
 text-decoration: none;
}

a.warning:visited {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 12px;
 color: #FF0000;
 background-color: transparent;
 font-weight: bold;
 text-decoration: none;
}

a.warning:hover {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 12px;
 color: #000000;
 background-color: transparent;
 font-weight: bold;
 text-decoration: none;
}

a.warning:active {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 12px;
 color: #FF0000;
 background-color: transparent;
 font-weight: bold;
 text-decoration: none;
}

/*-------------------- Fragrance List Links -------------------------*/

a.yankee:link {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 12px;
 color: #0000A0;
 background-color: transparent;
 text-decoration: none;
}

a.yankee:visited {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 12px;
 color: #0000A0;
 background-color: transparent;
 text-decoration: none;
}

a.yankee:hover {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 12px;
 color: #008000;
 background-color: transparent;
 text-decoration: none;
}

a.yankee:active {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 12px;
 color: #000000;
 background-color: transparent;
 text-decoration: none;
}

/*-------------------- Side Links -------------------------*/

#nav ul {
list-style: none;
margin: 0;
padding: 0;
}

#nav li {
list-style: none;
clear: left;
float: left;
padding: 0;
margin: 1px;
position: relative;
}

#nav a {
display: block;
height: 26px; /* This assumes all your elements are the same height */
text-indent: -5000px;
overflow: hidden;
}

/*------ Side Buttons------*/

a#designer,
a#yankee,
a#other,
a#location,
a#hours,
a#register,
a#tips,
a#games,
a#contact,
a#home {
width: 120px;
height: 26px;
}

a#designer { background-image: url(buttons/designer.gif); }
a#yankee { background-image: url(buttons/yankee.gif); }
a#other { background-image: url(buttons/other.gif); }
a#location { background-image: url(buttons/location.gif); }
a#hours { background-image: url(buttons/hours.gif); }
a#register { background-image: url(buttons/register.gif); }
a#tips { background-image: url(buttons/tips.gif); }
a#games { background-image: url(buttons/games.gif); }
a#contact { background-image: url(buttons/contact.gif); }
a#home { background-image: url(buttons/home.gif); }

a#designer:hover,
a#yankee:hover,
a#other:hover,
a#location:hover,
a#hours:hover,
a#register:hover,
a#tips:hover,
a#games:hover,
a#contact:hover,
a#home:hover {
background-position: 0 -26px;
}

#nav .current a {
 background-position: 0 -26px;
 }

/*-------------------- Admin Nav -------------------------*/

#adminNav ul {
list-style: none;
margin: 0;
padding: 0;
}

#adminNav li {
list-style: none;
clear: left;
float: left;
padding: 0;
margin: 1px;
position: relative;
}

#adminNav a {
display: block;
height: 26px; /* This assumes all your elements are the same height */
text-indent: -5000px;
overflow: hidden;
}

/*------ Admin Side Buttons------*/

a#adminOrders,
a#update,
a#register,
a#adminNews,
a#viewFile,
a#viewStock,
a#addStock,
a#removeStock,
a#viewOther,
a#test,
a#viewYankee,
a#updateNew,
a#adminHome {
width: 120px;
height: 26px;
}

a#adminOrders { background-image: url(buttons/orders.gif); }
a#update { background-image: url(buttons/update_stock.gif); }
a#register { background-image: url(buttons/register.gif); }
a#adminNews { background-image: url(buttons/newsletter.gif); }
a#viewFile { background-image: url(buttons/view_file.gif); }
a#viewStock { background-image: url(buttons/view_stocklist.gif); }
a#addStock { background-image: url(buttons/add_stock.gif); }
a#removeStock { background-image: url(buttons/remove_stock.gif); }
a#viewOther { background-image: url(buttons/view_other.gif); }
a#test { background-image: url(buttons/test.gif); }
a#viewYankee { background-image: url(buttons/view_yankee.gif); }
a#updateNew { background-image: url(buttons/update_new.gif); }
a#adminHome { background-image: url(buttons/home.gif); }

a#adminOrders:hover,
a#update:hover,
a#register:hover,
a#adminNews:hover,
a#viewFile:hover,
a#viewStock:hover,
a#addStock:hover,
a#removeStock:hover,
a#viewOther:hover,
a#test:hover,
a#viewYankee:hover,
a#updateNew:hover,
a#adminHome:hover {
background-position: 0 -26px;
}

#adminNav .current a {
 background-position: 0 -26px;
 }

/*-------------------- Cart Links -------------------------*/

#cartNav ul {
list-style: none;
margin: 0;
padding: 0;
}

#cartNav li {
list-style: none;
clear: left;
float: left;
padding: 0;
margin: 1px;
position: relative;
}

#cartNav a {
display: block;
height: 70px; /* This assumes all your elements are the same height */
text-indent: -5000px;
overflow: hidden;
}

/*------ Cart Buttons------*/

a#cart {
width: 120px;
height: 70px;
}

a#cart { background-image: url(buttons/cart_button.gif); }

a#cart:hover {
background-position: 0 -70px;
}

#cartNav .cartCurrent a {
 background-position: 0 -70px;
 }

/***************** Stuff *********************/

form {
  margin:0;
  padding:0;
  }

.submit {
	width: 120px;
	height: 25px;
	border: none;
	}

img {
 border: none;
 vertical-align: text-bottom;
 }

a img {
 border: none;
 vertical-align: text-bottom;
 }

/**********************************************************/

html {
	height:100%
	}

body {
  height: 100%;
  margin: 0px;
  padding: 0px;
  background-color: #FFFFFF;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  text-align: center;
  font-size: 12px;
  }

body,input,textarea {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  }

/***********************************************************/

#Wrapper {
  width: 1000px;
  background-color: #E5F2FF;
  color: #000000;
  display: table;
  margin: 0px auto 0px auto;
  border-right: 1px solid #000080;
  border-left: 1px solid #000080;
  border-bottom: 1px solid #000080;
  padding: 0px;
  }

#contactWrapper {
  width: 1000px;
  background-color: #E5F2FF;
  color: #000000;
  margin: 0 auto 0 auto;
  border-right: 1px solid #000080;
  border-left: 1px solid #000080;
  border-bottom: 0px solid blue;
  padding: 0px;
  }

#pageHeader {
  background-image: url('images/header.gif');
  background-repeat: no-repeat;
  height: 100px;
  margin: 0px;
  border-bottom: 1px solid #000080;
  padding: 0px;
  background-position: left top;
  }

#pageAdminHeader {
  /*background-image: url('images/header.gif');*/
  background-image: url('admin/images/admin_header.gif');
  background-repeat: no-repeat;
  height: 100px;
  margin: 0px;
  border-bottom: 1px solid #000080;
  padding: 0px;
  background-position: left top;
  }

#liner {
  margin: 0px;
  border: 0px;
  padding: 0px;
  }

#Content {
  height: 100%;
  width: 1000px;
  margin: 0 auto 0 auto;
  border: 0px solid #FF8040;
  padding: 10px 0px 20px 0px;
  }

#rightColumn {
  width: 220px;
  height: 100%;
  display: inline;
  float: right;
  margin: 0px 5px 20px 0px;
  border: 1px solid #1982E6;
  padding: 5px;
  text-align: left;
  font-size: 12px;
  }

#leftMenu {
  width: 122px;
  display: inline;
  float: left;
  margin: 0px 0px 20px 0px;
  border: 0px solid #0000FF;
  padding: 0px;
  text-align: center;
  }

#loginBox {
  width: 110px;
  height: 130px;
  display: inline;
  float: left;
  background-color: #D3E9FE;
  color: #0000FF;
  margin: 30px 0px 20px 5px;
  border: 1px solid #000000;
  padding: 10px 0px 0px 0px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  }

#logoutBox {
  width: 110px;
  height: 90px;
  display: inline;
  float: left;
  background-color: #D3E9FE;
  color: #0000FF;
  margin: 30px 0px 0px 5px;
  border: 1px solid #000000;
  padding: 10px 0px 0px 0px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  }

#mainPage {
  width: 570px;
  display: inline;
  float: left;
  margin: 0px 0px 20px 5px;
  border: 1px solid #1982E6;
  padding: 10px 20px 20px 20px;
  text-align: left;
  }

#designMainPage {
  width: 610px;
  display: inline;
  float: left;
  margin: 0px 0px 20px 5px;
  border: 1px solid #1982E6;
  padding: 10px 0px 20px 0px;
  text-align: left;
  }

#mainTempPage {
  width: 642px;
  margin: 0px auto 20px auto;
  border: 1px solid #1982E6;
  padding: 10px 20px 20px 20px;
  text-align: center;
  }

#cartPage {
  width: 600px;
  display: inline;
  float: left;
  margin: 0px 0px 20px 5px;
  border: 1px solid #1982E6;
  padding: 10px 10px 20px 10px;
  text-align: left;
  }

#contactPage {
  width: 570px;
  min-height: 100%;
  display: inline;
  float: left;
  margin: 0px 0px 20px 5px;
  border: 1px solid #1982E6;
  padding: 10px 20px 20px 20px;
  text-align: left;
  }

#footer {
  width: 98%;
  clear:both;
  text-align: center;
  color: #000000;
  margin: 0px auto 20px auto;
  border-top: 1px solid #000000;
  padding: 20px 0 20px 0;
  }

#poemInput {
  width: 240px;
  height: 450px;
  display: block;
  border-top: 2px solid #004080;
  border-right: 2px solid #FFFFFF;
  border-bottom: 2px solid #FFFFFF;
  border-left: 2px solid #004080;
  margin: 5px auto 0px auto;
  padding: 0px 0px 0px 2px;
  font-size: 12px;
  font-weight: normal;
  }

#security {
  background-image: url('admin/images/skull.jpg');
  background-repeat: no-repeat;
  background-color: #000000;
  color: #FFFFFF;
  position:absolute;
  top:0px;
  bottom:0px;
  left:0px;
  right:0px;
  height: 100%;
  width: 100%;
  display: table;
  margin: 0 auto 0 auto;
  border: 0px solid #FF8040;
  padding: 0px;
  text-align: center;
  background-position: center center;
  }

#picWindowContent {
  display: table;
  width: 320px;
  height: 420px;
  text-align: center;
  color: #000000;
  margin: auto;
  border: 0px solid green;
  padding: 0;
  }

/**************** All **********************/

#moviePlayerZen {
display: table;
margin: 20px auto 0px auto;
border: 0px solid red;
text-align: center;
}

div.homeText {
clear: left;
width: 400px;
display: table;
margin: 20px auto 0px auto;
border: 0px solid #1982E6;
padding: 10px;
color: #000000;
text-align: center;
}

.colourBlue {
  color: #1982E6;
  }

.colourRed {
  color: #FF0000;
  }

.colourAmber {
  color: #FF8040;
  }

div.smoothBox {
  background-image: url('images/smooth_start.gif');
  background-repeat: no-repeat;
  width: 91px;
  height: 110px;
  clear: both;
  margin: 0px auto 0px auto;
  border: 1px solid #1982E6;
  padding: 0px 0px 0px 0px;
  background-position: left top;
  }

div.titleBox {
  float: left;
  border: 0px solid #000000;
  }

div.title {
  float: left;
  border: 0px solid #000000;
  }

div.pagePrice {
  width: 160px;
  height: 32px;
  float: right;
  margin: 0px;
  border: 0px solid #000000;
  padding: 18px 0px 0px 0px;
  font-size: 14px;
  font-weight: bold;
  }

div.pageButton {
  width: 160px;
  height: 32px;
  float: right;
  margin: 0px;
  border: 0px solid #000000;
  padding: 16px 0px 0px 0px;
  font-size: 14px;
  font-weight: bold;
  }

div.pageDD {
  width: 160px;
  height: 32px;
  float: right;
  margin: 0px;
  border: 0px solid #000000;
  padding: 0px 0px 0px 0px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  }

.ddSpace {
  margin: 10px 0px 0px 0px;
  border: 0px solid #000000;
  padding: 0px;
  }

.loginInput {
  width: 80px;
  minimum-height: 17px;
  display: block;
  background-color: #E5F2FF;
  border-top: 1px solid #000000;
  border-right: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  border-left: 1px solid #000000;
  margin: 5px auto 0px auto;
  padding: 0px 0px 0px 2px;
  font-size: 12px;
  font-weight: normal;
  }

/**************** View Order *********************/

div.candlePicturesBox {
width: 540px;
clear: both;
  display: table;
  background-color: #E5F2FF;
  margin: 20px auto 0px auto;
  border: 1px solid #1982E6;
  padding: 0px 0px 10px 0px;
  }

div.viewFlashCandleBox {
  width: 250px;
  height: 730px;
  display: inline;
  overflow: hidden;
  float: left;
  margin: 10px 10px 10px 10px;
  border: 0px solid red;
  padding: 0px 0px 0px 0px;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  }

div.flashCandleBox {
  width: 250px;
  height: 703px;
  display: table;
  margin: 0px;
  border: 0px solid green;
  padding: 0px;
  text-align: center;
  }

div.designNoBox {
  clear: both;
  display: block;
  margin: 3px 0px 0px 0px;
  background-color: white;
  padding: 2px 0px 2px 0px;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  }

div.viewCandleBox {
  width: 250px;
  height: 590px;
  display: inline;
  overflow: hidden;
  float: left;
  margin: 10px 10px 10px 10px;
  border: 0px solid #0000FF;
  padding: 110px 0px 20px 0px;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  }

div.viewBorderBox {
  background-repeat: no-repeat;
  position: relative;
  width: 244px;
  height: 597px;
  margin: 0px auto 0px auto;
  border: 0px solid #00FF00;
  padding: 0px 0px 0px 0px;
  text-align: center;
  background-position: top left;
  }

  div.viewCandleLayout {
  width: 250px;
  height: 598px;
  margin: 0px 0px 0px 0px;
  border: 0px solid red;
  padding: 0px 0px 0px 0px;
  text-align: center;
  }


div.viewCandleLayout span.black {
  background-color: transparent;
  color: #000000;
  }

div.viewCandleLayout span.silver {
  background-color: transparent;
  color: #808080;
  }

div.viewCandleLayout span.green {
  background-color: transparent;
  color: #008000;
  }

div.viewCandleLayout span.blue {
  background-color: transparent;
  color: #0000FF;
  }

div.viewCandleLayout span.red {
  background-color: transparent;
  color: #E93116;
  }

div.viewCandleLayout span.teal {
  background-color: transparent;
  color: #429F73;
  }

div.viewCandleLayout span.gold {
  background-color: transparent;
  color: #CCB406;
  }

div.viewCandleLayout span.purple {
  background-color: transparent;
  color: #800080;
  }

div.viewCandleLayout span.ruby {
  background-color: transparent;
  color: #800040;
  }

div.viewCandleLayout span.salmon {
  background-color: transparent;
  color: #FF8040;
  }

.designNum {
  /*width: 250px;*/
  background-color: #FFFFFF;
  padding: 2px;
font-size: 10px;
font-weight: normal;
  }

/**************** Cart Summary *********************/

div.summaryBox {
  width: 170px;
  display: table;
  background-color: #FFFFDB;
  color: #000000;
  margin: 20px auto 5px auto;
  border: 1px solid #000000;
  padding: 5px;
  text-align: center;
  }

div.emptyRow {
  clear: both;
  display: table;
  margin: 15px auto 0px auto;
  border: 0px solid #008000;
  padding: 2px;
  text-align: center;
  font-weight: bold;
  }

div.summaryRow {
  clear: both;
  display: table;
  }

div.summaryRow span.label {
  width: 70px;
  float: left;
  margin: 0px;
  border: 0px solid #008000;
  padding: 2px;
  text-align: right;
  }

div.summaryRow span.info {
  width: 70px;
  float: right;
  margin: 0px;
  border: 0px solid #008000;
  padding: 2px;
  text-align: right;
  font-weight: bold;
  }

/**************** Cart Layout *********************/

div.cartEmpty {
  background-image: url('shop/images/cart_empty.gif');
  background-repeat: no-repeat;
  width: 560px;
  height: 200px;
  display: table;
  clear: both;
  background-color: #D3E9FE;
  margin: 10px auto 10px auto;
  border: 1px solid #1982E6;
  padding: 0px 0px 3px 0px;
  background-position: center center;
  }

div.cartBox {
  width: 590px;
  display: table;
  clear: both;
  background-color: #D3E9FE;
  color: #000000;
  margin: 10px auto 10px auto;
  border: 1px solid #1982E6;
  padding: 0px 0px 3px 0px;
  font-size: 11px;
  }

div.viewOrderBox {
  width: 560px;
  display: table;
  clear: both;
  background-color: #D3E9FE;
  color: #000000;
  margin: 10px auto 10px auto;
  border: 1px solid #1982E6;
  padding: 0px 0px 3px 0px;
  font-size: 11px;
  }

div.cartRow {
  clear: both;
  border: 0px solid #FF8000;
  }

div.rowBox {
  height: 14px;
  display: inline;
  float: left;
  overflow: hidden;
  background-color: #E5F2FF;
  margin: 3px auto 0px 3px;
  border: 1px solid #1982E6;
  padding: 3px;
  }

.qty {
  width: 26px;
  text-align: center;
  }

.supp {
  width: 80px;
  text-align: left;
  }

.item {
  width: 80px;
  }

.size {
  width: 50px;
  }

.details {
  width: 105px;
  }

div.moneyBox {
  height: 14px;
  display: inline;
  float: right;
  overflow: hidden;
  background-color: #E5F2FF;
  margin: 3px 3px 0px auto;
  border: 1px solid #1982E6;
  padding: 3px;
  }

.price {
  width: 40px;
  text-align: right;
  }

.post {
  width: 35px;
  text-align: right;
  }

.subt {
  width: 52px;
  text-align: right;
  }

div.totals {
  width: 52px;
  height: 14px;
  display: inline;
  float: right;
  overflow: hidden;
  background-color: #E5F2FF;
  margin: 3px 34px 0px auto;
  border: 1px solid #1982E6;
  padding: 3px;
  text-align: right;
  }

div.viewTotals {
  width: 52px;
  height: 14px;
  display: inline;
  float: right;
  overflow: hidden;
  background-color: #E5F2FF;
  margin: 3px 3px 0px auto;
  border: 1px solid #1982E6;
  padding: 3px;
  text-align: right;
  }

div.removeHeader {
  height: 14px;
  width: 20px;
  display: inline;
  float: right;
  background-color: #FFC9BA;
  margin: 3px 3px 0px auto;
  border: 1px solid #1982E6;
  padding: 3px;
text-align: center;
  }

div.removeButton {
  height: 22px;
  width: 28px;
  display: inline;
  float: right;
  background-color: #FFC9BA;
  margin: 3px 3px 0px auto;
  border: 0px solid #1982E6;
  padding: 0px;
  }

div.labelBox {
  width: 485px;
  height: 14px;
  display: inline;
  float: left;
  overflow: hidden;
  margin: 3px auto 0px 3px;
  border: 0px solid #1982E6;
  padding: 5px 3px 3px 3px;
  text-align: right;
  }

/**************** Home *********************/

div.featureBox {
  width: 270px;
  display: inline;
  margin: 3px 0px 0px 0px;
  border: 1px solid #1982E6;
  padding: 5px;
  }

div.testBox {
  /*height: 14px;*/
  width: 265px;
  display: table;
  /*float: left;*/
  /*background-color: #FFC9BA;*/
  margin: 0px;
  border: 0px solid #1982E6;
  padding: 0px;
  }

div.movieBox {
  float: right;
  width: 130px;
  height: 209px;
  display: inline;
  background-color: #E5F2FF;
  margin: 0px 0px 0px 5px;
  border: 0px solid red;
  padding: 0px;
  }

div.picBox {
  float: left;
  display: inline;
  background-color: #FFC9BA;
  margin: 0px 0px 0px 5px;
  border: 0px solid #1982E6;
  padding: 0px;
  }

div.yankeeMovieBox {
  width: 100px;
  height: 160px;
  float: right;
  display: inline;
  background-color: #E7F3FF;
  margin: 0px 0px 0px 5px;
  border: 1px solid #A8A8A8;
  padding: 0px;
  }

.yankeeFeature {
  height: 212px;
  }

/**************** Designer *********************/

div.designerBox {
  width: 250px;
  display: inline;
  float: left;
  margin: 3px 10px 0px 15px;
  border: 1px solid #1982E6;
  padding: 5px 3px 3px 3px;
  text-align: center;
  }

div.pageText {
  width: 500px;
  clear: both;
  margin: 0px auto 0px auto;
  border: 0px solid orange;
  padding: 20px 0px 0px 0px;
  }

div.designBox {
  width: 540px;
  clear: both;
  display: table;
  color: #000000;
  margin: 10px auto 10px auto;
  border: 2px solid #000000;
  padding: 0px;
  font-size: 14px;
  font-weight: bold;
  }

div.flashDesignBox {
  width: 540px;
  clear: both;
  display: table;
  color: #000000;
  margin: 10px auto 10px auto;
  border: 0px solid #000000;
  padding: 0px;
  font-size: 14px;
  font-weight: bold;
  }

div.infoBox {
  width: 265px;
  display: inline;
  float: left;
  margin: 0px auto 10px 10px;
  border: 0px solid red;
  padding: 10px 0px 20px 0px;
  text-align: left;
  }

div.infoColoursBox {
  width: 260px;
  height: 86px;
  display: table;
  margin: 0px auto 15px auto;
  border: 1px solid #0080FF;
  padding: 3px 0px 0px 0px;
  }

div.textRow {
  width: 100%;
  height: 25px;
  clear: both;
  margin: 0px;
  border: 0px solid #FF0000;
  padding: 2px 0px 2px 0px;
  }

div.poemBlankRow {
  width: 100%;
  height: 490px;
  clear: both;
  margin: 0px;
  border: 0px solid #FF0000;
  padding: 2px 0px 0px 0px;
  font-size: 11px;
  }

div.infoTextBox {
  margin: 0px auto 0px auto;
  border-top: 1px solid #000000;
  padding: 7px 0px 7px 0px;
  text-align: center;
  }

div.graphicRow {
  width: 100%;
  height: 65px;
  display: table;
  clear: both;
  margin: 0px;
  border: 0px solid #FF0000;
  padding: 2px 0px 2px 0px;
  }

div.infoBox span.label {
  width: 75px;
  float: left;
  margin: 3px auto 0px 0px;
  border: 0px solid #008040;
  padding: 0px 0px 0px 0px;
  text-align: right;
  }

div.infoBox span.info {
  width: 170px;
  float: right;
  display: block;
  margin: 0px auto 0px 0px;
  border: 0px solid #008040;
  padding: 1px 0px 0px 0px;
  font-weight: normal;
  text-align: left;
  }

div.infoBox span.instruction {
  width: 170px;
  float: right;
  display: block;
  color: #0000FF;
  margin: 4px auto 0px 0px;
  border: 0px solid #008040;
  padding: 0px 0px 0px 0px;
  font-size: 11px;
  text-align: left;
  }

div.infoBox span.colourLabel {
  width: 140px;
  float: left;
  margin: 3px auto 0px 0px;
  border: 0px solid #008040;
  padding: 0px 0px 0px 0px;
  text-align: right;
  }

div.infoBox span.colourInfo {
  width: 100px;
  height: 22px;
  float: right;
  margin: 0px auto 0px 0px;
  border: 0px solid #008040;
  padding: 0px 0px 0px 0px;
  font-weight: normal;
  text-align: left;
  }

div.infoLine {
clear: both;
margin: 0px 0 5px 0;
border-top: 1px solid #000000;
border-right: 0;
border-bottom: 0;
border-left: 0;
padding: 0;
}

div.candleBox {
  width: 250px;
  height: 590px;
  display: inline;
  overflow: hidden;
  float: right;
  margin: 10px 10px 10px auto;
  border: 0px solid #0000FF;
  padding: 110px 0px 20px 0px;
  text-align: center;
  }

.ivory {
  background-image: url('images/ivory_bg.jpg');
  background-repeat: no-repeat;
  background-position: top left;
  }

.white {
  background-image: url('images/white_bg.jpg');
  background-repeat: no-repeat;
  background-position: top left;
  }

.test {
  background-image: url('images/01R.jpg');
  background-repeat: no-repeat;
  background-position: top left;
  }

  div.candleLayout {
  position: relative;
  top: -600px;
  width: 250px;
  height: 598px;
  margin: 0px 0px 0px 0px;
  border: 0px solid #FF8000;
  padding: 0px 0px 0px 0px;
  text-align: center;
  z-index: 2;
  }

/*
div.borderBox {
  position: relative;
  width: 244px;
  height: 597px;
  margin: 0px auto 0px auto;
  border: 0px solid #008040;
  padding: 0px 0px 0px 0px;
  text-align: center;
  z-index:1;
  }
*/

div.borderBox {
  background-repeat: no-repeat;
  position: relative;
  width: 244px;
  height: 597px;
  margin: 0px auto 0px auto;
  border: 0px solid #008040;
  padding: 0px 0px 0px 0px;
  text-align: center;
  background-position: top left;
  z-index: 1;
  }


/*
.blank {
  background-image: url('images/blank.gif');
  background-repeat: no-repeat;
  background-position: top left;
  }

.alphabet {
  background-image: url('shop/personal/graphics/borders/alphabet.gif');
  background-repeat: no-repeat;
  background-position: top left;
  }

.balloon {
  background-image: url('shop/personal/graphics/borders/balloon.gif');
  background-repeat: no-repeat;
  background-position: top left;
  }

.football {
  background-image: url('shop/personal/graphics/borders/football.gif');
  background-repeat: no-repeat;
  background-position: top left;
  }

.baubles {
  background-image: url('shop/personal/graphics/borders/baubles.gif');
  background-repeat: no-repeat;
  background-position: top left;
  }

.red_cross_corners {
  background-image: url('shop/personal/graphics/borders/red_cross_corners.gif');
  background-repeat: no-repeat;
  background-position: top left;
  }


.test {
  background-image: url('images/01R.jpg');
  background-repeat: no-repeat;
  background-position: top left;
  }

.test2 {
  background-image: url('images/03R.jpg');
  background-repeat: no-repeat;
  background-position: top left;
  }
*/

div.candleSelectRow {
  width: 100%;
  height: 41px;
  display: table;
  background-color: transparent;
  clear: both;
  margin: 0px;
  border-top: 0px solid #000000;
  padding: 30px 0px 2px 0px;
  }

div.candleTextRow {
  width: 100%;
  height: 26px;
  display: table;
  background-color: transparent;
  clear: both;
  margin: 0px;
  border: 0px solid red;
  padding: 16px 0px 2px 0px;
  }


div.candleTextRowFlash {
  width: 250px;
  height: 44px;
  display: table;
  background-color: transparent;
  clear: both;
  margin: 0px;
  border: 0px solid blue;
  /*padding: 16px 0px 2px 0px;*/
  padding: 0px;
  }



div.candleBlankRow {
  width: 100%;
  height: 490px;
  display: table;
  background-color: transparent;
  clear: both;
overflow: hidden;
  margin: 0px;
  border-top: 0px solid #000000;
  padding: 16px 0px 2px 0px;
  font-size: 12px;
  font-weight: normal;
  text-align: center;
  }

div.candleGraphicRow {
  width: 100%;
  height: 84px;
  display: table;
  background-color: transparent;
  clear: both;
  margin: 0px;
  border: 0px solid #000000;
  padding: 0px 0px 0px 0px;
  }

div.infoText {
  font-size: 12px;
  font-weight: normal;
  text-align: center;
  }

/*=============== Colour DD Styles ====================*/

.black {
  background-color: #000000;
  color: #FFFFFF;
  }

.silver {
  background-color: #808080;
  color: #FFFFFF;
  }

.green {
  background-color: #008000;
  color: #FFFFFF;
  }

.blue {
  background-color: #0000FF;
  color: #FFFFFF;
  }

.red {
  background-color: #E93116;
  color: #FFFFFF;
  }

.teal {
  background-color: #429F73;
  color: #FFFFFF;
  }

.gold {
  background-color: #CCB406;
  color: #FFFFFF;
  }

.purple {
  background-color: #800080;
  color: #FFFFFF;
  }

.ruby {
  background-color: #800040;
  color: #FFFFFF;
  }

.salmon {
  background-color: #FF8040;
  color: #FFFFFF;
  }



div.candleLayout span.black {
  background-color: transparent;
  color: #000000;
  }

div.candleLayout span.silver {
  background-color: transparent;
  color: #808080;
  }

div.candleLayout span.green {
  background-color: transparent;
  color: #008000;
  }

div.candleLayout span.blue {
  background-color: transparent;
  color: #0000FF;
  }

div.candleLayout span.red {
  background-color: transparent;
  color: #E93116;
  }

div.candleLayout span.teal {
  background-color: transparent;
  color: #429F73;
  }

div.candleLayout span.gold {
  background-color: transparent;
  color: #CCB406;
  }

div.candleLayout span.purple {
  background-color: transparent;
  color: #800080;
  }

div.candleLayout span.ruby {
  background-color: transparent;
  color: #800040;
  }

div.candleLayout span.salmon {
  background-color: transparent;
  color: #FF8040;
  }

/**************** Yankee *********************/

div.row {
  clear: both;
  margin: 0px;
  border: 0px solid red;
  padding: 0px;
  }

div.selectRow {
  width: 100%;
  clear: both;
  display: table;
  margin: 0px auto 0px auto;
  border: 0px solid red;
  padding: 20px 0px 0px 0px;
  }

div.colourSelect {
float: left;
  display: inline;
  margin: 0px 0px 0px 10px;
  border: 0px solid yellow;
  padding: 0px;
  font-size: 14px;
  font-weight: bold;
  }




div.colourLabel {

  }

/*----- Index Page -----*/

div.chooseBox {
  width: 120px;
  display: inline;
  float: left;
  margin: 10px 0px 10px 9px;
  border: 1px solid #1982E6;
  padding: 5px;
  text-align: center;
  }

/*----- Frag List -----*/

div.fragBox {
  width: 175px;
  display: inline;
  float: left;
  margin: 10px 0px 10px 10px;
  border: 0px solid blue;
  padding: 0px;
  }

div.yankee_list ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-weight: normal;
  }

div.yankee_list li {
  width: 170px;
  list-style: none;
  clear: left;
  float: left;
  margin: 5px 0px 0px 3px;
  border: 0px solid #0000FF;
  padding: 0px;
  position: relative;
  }

div.yankeePageBox {
  width: 500px;
  clear: both;
  display: table;
  /*background-color: #E8FFE8;*/
  margin: 20px auto 0px auto;
  border: 1px solid #1982E6;
  padding: 20px 20px 20px 20px;
  }

div.yankeeGroupItemBox {
  width: 500px;
  clear: both;
  display: table;
  margin: 20px auto 20px auto;
  border: 0px solid red;
  padding: 0px;
  }

/*----- Frag Page -----*/

div.fragranceTitle {
clear: both;
height: 25px;
  margin: 0px 0px 0px 0px;
  border: 0px solid green;
  padding: 0px;
  }

div.descriptionTitle {
  clear: both;
  height: 25px;
  margin: 0px 0px 0px 0px;
  border: 0px solid green;
  padding: 0px;
  }

div.yankeeBoxTitle {
height: 25px;
  margin: 20px 0px 10px 0px;
  border: 0px solid green;
  padding: 0px;
  }

div.yankeeColorBox {
  width: 248px;
  float: left;
  background-color: #E5F2FF;
  margin: 0px 0px 0px 0px;
  border: 1px solid #1982E6;
  padding: 0px 0px 4px 0px;
  }

.boxHeader {
  height: 18px;
  background-color: #1982E6;
  color: #FFFFFF;
  padding: 2px 0px 0px 2px;
  }

div.prodPhoto {
  width: 170px;
  display: inline;
  clear: left;
  float: left;
  margin: 0px 0px 0px 0px;
  border: 0px solid #FF00FF;
  padding: 0px;
  font-size: 10px;
  text-align: justify;
  }

div.yankeeBoxInfo {
  display: table;
  margin: 0px 0px 20px 0px;
  border: 0px solid red;
  padding: 0px 0px 0px 0px;
  text-align: left;
  text-align: justify;
  }

div.prodPhotoInfo {
  display: table;
  margin: 0px 0px 0px 0px;
  border: 0px solid #FF00FF;
  padding: 10px 0px 0px 0px;
  font-size: 10px;
  text-align: justify;
  }

/*div.prodInfoBox {
  width: 300px;
  display: block;
  clear: right;
  float: right;
  margin: 0px 0px 0px 0px;
  border: 1px solid red;
  padding: 0px 0px 0px 0px;
  }*/

div.prodInfo {
  width: 300px;
  display: block;
  clear: right;
  float: right;
  margin: 0px 0px 0px 0px;
  border-bottom: 1px solid #1982E6;
  padding: 0px 0px 5px 0px;
  }

div.prodInfoSpacer {
  height: 20px;
  clear: right;
  margin: 0px 0px 0px 0px;
  border: 0px solid red;
  padding: 0px;
  }

div.prodInfoRow {
  width: 295px;
  clear: left;
  float: left;
display: table;
  margin: 5px 0px 0px 0px;
  border: 0px solid red;
  padding: 0px;
  }

div.prodInfoRow span.label {
  width: 200px;
  float: left;
  margin: 0px 0px 0px 0px;
  border: 0px solid #008000;
  padding: 0px;
text-align: left;
  }

div.prodInfoRow span.inputLabel {
  width: 200px;
  float: left;
  margin: 4px 0px 0px 0px;
  border: 0px solid #008000;
  padding: 0px;
text-align: right;
  }

div.prodInfoRow span.info {
  width: 90px;
  height: 20px;
  float: right;
  margin: 0px 0px 0px 0px;
  border: 0px solid #808080;
  padding: 0px;
  text-align: right;
  }

div.cartButton {
  width: 295px;
  clear: left;
  float: left;
  margin: 5px 0px 0px 0px;
  border: 0px solid red;
  padding: 10px 0px 0px 0px;
  text-align: right;
  }

div.cartButtonSample {
  width: 295px;
  clear: left;
  float: left;
  margin: 5px 0px 0px 0px;
  border-top: 1px solid #1982E6;
  padding: 10px 0px 0px 0px;
  text-align: right;
  }

.qtyInput {
  width: 50px;
  minimum-height: 17px;
  float: right;
  border-top: 1px solid #000000;
  border-right: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  border-left: 1px solid #000000;
  margin: 0px;
  padding: 0px 0px 0px 0px;
  font-size: 12px;
  font-weight: normal;
  }

/*----- Prod Page -----*/

div.prodItemBox {
  width: 140px;
height: 201px;
display: inline;
  float: left;
  margin: 0px 12px 20px 12px;
  border: 0px solid #1982E6;
  padding: 0px 0px 0px 0px;
  }

/**************** Opening Times *********************/

div.depTitle {
width: 300px;
  clear: both;
  color: #CE0000;
  margin: 10px auto 10px auto;
  border: 0px solid #FF00FF;
  padding: 0px;
  text-align: left;
  }

div.timesRow {
width: 250px;
  clear: both;
display: table;
  margin: 0 auto 0 auto;
  border: 0px solid #008000;
  padding: 0;
  }

div.timesRow span.day {
  width: 112px;
  float: left;
  margin: 3px 3px 0 0;
  border: 0px solid #FF8040;
  padding: 0;
  text-align: left;
  }

div.timesRow span.open {
  width: 65px;
  float: left;
  margin: 3px 3px 0 0;
  border: 0px solid #FF8040;
  padding: 0;
  text-align: right;
  }

div.timesRow span.closed {
  width: 50px;
  float: left;
  margin: 3px 3px 0 0;
  border: 0px solid #FF8040;
  padding: 0;
  text-align: right;
  }

/***************** Page *******************/

div.cardPanel {
width: 200px;
  margin: 3px auto 0px auto;
  border: 1px solid #000000;
  padding: 5px 0px 5px 0px;
  }

div.cardRow {

  }

div.cardBox {
  float: left;
  border: 1px solid #FF8040;
  text-align: center;
  padding: 5px 0px 0px 0px;
  }

/***************** Search *******************/

div.searchPanel {
  width: 550px;
  /*clear: both;*/
  float: left;
  margin: 2px auto auto auto;
  border: 0px solid #000080;
  padding: 0px;
  font-size: 12px;
  text-align: left;
  }

div.searchTitle {
  width: 120px;
  height: 25px;
  float: left;
  margin: 0px 0px 0px 0px;
  border: 0px solid #0000FF;
  padding: 0px;
  }

div.searchLabel {
  float: left;
  margin: 2px 2px 0px 10px;
  border: 0px solid #0000FF;
  padding: 0px;
  }

div.searchBox {
  float: left;
  margin: 0px 0px 0px 0px;
  border: 0px solid #FF0000;
  padding: 0px;
  }

div.searchMenu {
  float: left;
  margin: 0px 0px 0px 0px;
  border: 0px solid #FF0000;
  padding: 0px;
  }

div.searchButton {
  width: 120px;
  height: 25px;
  float: left;
  margin: 0;
  border: 0px solid #FF0000;
  padding: 0;
  }

/***************** Contact *******************/

div.contactBox {
clear: left;
width: 400px;
display: table;
margin: 50px auto 60px auto;
border: 2px solid #1982E6;
padding: 10px;
color: #000000;
font-size: 14px;
text-align: center;
}

div.contactRow {
  clear:both;
  width: 390px;
  padding: 10px 0 10px 0;
  border: 0px solid #008000;
  margin: 0px auto 0px auto;
  }

div.contactRow span.leftBox {
  float: left;
  width: 130px;
  text-align: right;
  border: 0px solid #008000;
  }

div.contactRow span.rightBox {
  float: right;
  width: 250px;
  text-align: left;
  font-weight: bold;
  border: 0px solid #008000;
  }



div.loginRow {
  clear: both;
  display: block;
  padding: 5px;
  margin: 20px auto 0 auto;
  border: 0px solid #008000;
  text-align: center;
  }

div.loginRow span.label {
  display: block;
  float: left;
  width: 130px;
  margin: 0;
  border: 0px solid #008000;
  padding: 0px;
  text-align: right;
  font-weight: bold;
  }

div.loginRow span.formw {
  display: block;
  float: right;
  width: 230px;
  margin: 0;
  border: 0px solid #008000;
  padding: 0px;
  text-align: left;
  }

/**************** Buttons *********************/

div.buttonRow {
  width: 90%;
  clear: both;
  display: table;
  margin: 10px auto 0px auto;
  border-top: 1px solid #1982E6;
  padding: 10px 0px 0px 0px;
  text-align: center;
  }

div.buttonRow span.leftButton {
  width: 48%;
  display: block;
  float: left;
  text-align: center;
  margin: 0px;
  border: 0px solid #008000;
  padding: 0px;
  }

div.buttonRow span.rightButton {
  width: 48%;
  display: block;
  float: right;
  text-align: center;
  margin: 0px;
  border: 0px solid #008000;
  padding: 0px;
  }

div.buttonRow span.centreButton {
  display: block;
  text-align: center;
  border: 0px solid #FFFFFF;
  margin: 0;
  padding: 0;
  }

div.buttonRow span.threeButton {
  width: 33%;
  display: block;
  float: left;
  text-align: center;
  margin: 0px;
  border: 0px solid #008000;
  padding: 0px;
  }

div.buttonRow span.leftInfo {
  width: 48%;
  display: block;
  float: left;
  text-align: right;
  margin: 4px;
  border: 0px solid #008000;
  padding: 0px;
  }

div.buttonRow span.rightInfo {
  width: 48%;
  display: block;
  float: right;
  text-align: left;
  margin: 0px;
  border: 0px solid #008000;
  padding: 0px;
  }

/**************** Details Forms *********************/

div.formCenter {
display:table;
width:420px;
background-color: #D3E9FE;
margin: 0px auto 20px auto;
border: 1px solid red;
padding: 10px 15px 15px 15px;
text-align: center;
}

div.formRow {
width: 350px;
clear: both;
display: table;
margin: 0 auto 0 auto;
border: 0px solid #008000;
padding: 5px 0 5px 0;
font-size: 12px;
}

div.formRow span.label {
float: left;
display: block;
width: 120px;
margin: 4px 0px 0px 0px;
border: 0px solid #FF8000;
padding: 0;
text-align: right;
}

div.formRow span.checkLabel {
float: left;
display: block;
width: 120px;
margin: 0px;
border: 0px solid #FF8000;
padding: 0;
text-align: right;
}

div.formRow span.info {
float: right;
display: block;
width: 220px;
margin: 0;
border: 0px solid #0000FF;
padding: 0;
text-align: left;
}

.formAlert
{
color: #FF0000;
font-weight: bold;
}

/**************** Popups *********************/
/*
#newWindowContent {
  display: table;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #000000;
  margin: 0px;
  border: 1px solid #FF8040;
  padding: 0px 0px 20px 0px;
  }
*/

#newWindowContent {
  width: 100%;
  height: 100%;
display: table;
  background-color: #E5F2FF;
  margin: 0px auto 0px auto;
  border: 0px solid green;
  padding: 10px 0px 10px 0px;
  }

div.newWindowText {
  width: 450px;
  margin: 10px auto 10px auto;
  border: 0px solid blue;
  padding: 0px;
  text-align: center;
  }

div.newWindowCenter {
display:table;
width:420px;
background-color: #D3E9FE;
margin: 30px auto 0px auto;
border: 1px solid #000000;
padding: 10px 15px 15px 15px;
text-align: center;
}

div.radioAdsCenter {
clear: both;
display:table;
width: 200px;
height: 120px;
background-color: #D3E9FE;
margin: 0px auto 0px auto;
border: 0px solid #000000;
padding: 0px 0px 0px 0px;
text-align: center;
}

div.catBox {
  width: 150px;
  display: inline;
  float: left;
  margin: 10px 0px 10px 10px;
  border: 0px solid red;
  padding: 0px;
text-align: center;
  }

div.catList ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-weight: normal;
  }

div.catList li {
  width: 150px;
  list-style: none;
  clear: left;
  float: left;
  margin: 5px 0px 0px 3px;
  border: 0px solid #0000FF;
  padding: 0px;
  position: relative;
  }

div.picRow {
  clear: both;
  margin: 10px auto 0px auto;
  border: 0px solid yellow;
  padding: 0px;
  }


div.imageBox {
  background-color: #FFFFFF;
  display: inline;
  margin: 0px 5px 0px 5px;
  border: 0px solid #FF8000;
  padding: 2px;
  }


div.graphicsBox {
  display: inline;
  margin: 0px 5px 0px 5px;
  border: 0px solid #000000;
  padding: 0px;
  }

div.poemGraphicsBox {
  display: inline;
  margin: 0px 15px 0px 15px;
  border: 0px solid #000000;
  padding: 0px;
  }

div.samplePhoto {
  width: 100px;
  height: 84px;
  display: inline;
  float: right;
  margin: 5px 5px 5px 5px;
  border: 0px solid red;
  padding: 0px;
  }

.outline {
  background-color: #FFFFFF;
  border: 1px solid #000000;
  color: #000000;
  }

.loading {
background-color: #D3E9FE;
color: #000000;
border: 0px;
}


div.closeButton {
  position: absolute;
  left: 290px;
  top: 0px
  margin: 0px;
  border: 0px solid red;
  padding: 0px;
  z-index: 2;
  }

div.bigPic {
  width: 300px;
  height: 400px;
  float: left;
  display: inline;
  margin: 10px 0px 0px 10px;
  border: 0px solid red;
  padding: 0px;
  }


div.picText {
  position: absolute;
  left: 10px;
  bottom: 3px;
  width: 300px;
  height: 10px;
  margin: 0px;
  border: 0px solid blue;
  padding: 0px;
  font-size: 10px;
  z-index: 3;
  }

/**************** Customer Signin *********************/

div.signinBoxPlain {
  width: 110px;
  display: table;
  color: #000000;
  background-color: transparent;
  text-align: left;
  margin: 0px auto 0px auto;
  border: 1px solid #1982E6;
  padding: 5px 0px 0px 0px;
  text-align: center;
  }

div.signinRowLabel {
  clear: both;
  display: block;
  padding: 0px 0px 0px 2px;
  margin: 5px auto 0 auto;
  border: 0px solid red;
  text-align: left;
  font-size: 11px;
  font-weight: normal;
  }

div.signinRow {
  clear: both;
  display: block;
  padding: 2px;
  margin: 0px auto 0 auto;
  border: 0px solid red;
  text-align: center;
  }

div.signinButtonRow {
  width: 90%;
  clear: both;
  margin: 5px auto 0 auto;
  border-top: 1px solid #1982E6;
  padding: 5px 0px 0px 0px;
  text-align: center;
  }

div.changeRow {
  width: 90%;
  clear: both;
  display: block;
  padding: 2px;
  margin: 0px auto 0 auto;
  border-top: 1px solid #1982E6;
  text-align: center;
  }

div.signinRow span.label {
  display: block;
  float: left;
  width: 130px;
  margin: 0;
  border: 0px solid #008000;
  padding: 0px;
  text-align: right;
  font-weight: bold;
  }

div.signinRow span.formw {
  display: block;
  float: right;
  width: 230px;
  margin: 0;
  border: 0px solid #008000;
  padding: 0px;
  text-align: left;
  }

.signinInput {
  width: 80px;
  height: 17px;
  display: block;
  background-color: #FFFFFF;
  color: #000000;
  border-top: 1px solid #1982E6;
  border-right: 1px solid #C0C0C0;
  border-bottom: 1px solid #C0C0C0;
  border-left: 1px solid #1982E6;
  margin: 0px;
  padding: 0px 0px 0px 2px;
  font-size: 12px;
  font-weight: normal;
  }

/**************** Games *********************/

div.tileBox {
  width: 400px;
  height: 400px;
  display: block;
  background-color: #000000;
  border: 0px solid red;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
  }

/**************** Gallery *********************/

div.galleryBox {
  width: 540px;
  clear: both;
  display: table;
  background-color: #E5F2FF;
  margin: 20px auto 0px auto;
  border: 1px solid #1982E6;
  padding: 0px 0px 10px 0px;
  }

div.galleryRow {
  width: 540px;
  /*height: 400px;*/
  display: table;
  border: 0px solid red;
  margin: 10px auto 0px auto;
  padding: 0px;
  }

div.galleryPic {
  width: 170px;
  /*height: 400px;*/
  float: left;
  display: table;
  border: 0px solid blue;
  margin: 0px 0px 0px 7px;
  padding: 0px;
  }

#fullSizeContent {
  background-image: url('../images/loading_photo.gif');
  background-repeat: no-repeat;
  display: table;
  width: 100%;
  height: 100%;
  background-color: #000000;
  color: #EAF2FF;
  margin: 0px auto 0px auto;
  border: 0px solid red;
  padding: 0px;
  /*text-align: center;*/
  background-position: center center;
  }

div.fullPic {
  /*background-color: green;*/
  border: 0px solid green;
  margin: 10px auto 0 auto;
  padding: 0px 0px 0px 0px;
  text-align: center;
  }

div.infoText {
  position: relative;
  top: 5px;
  width: 400px;
  height: 16px;
  background-color: #808080;
  margin: 0px auto 0 auto;
  border: 0px solid blue;
  padding: 2px;
  font-size: 12px;
  font-weight: bold;
  z-index:5;
  }

div.blankText {
  position: relative;
  top: 5px;
  width: 400px;
  height: 16px;
  margin: 0px auto 0 auto;
  border: 0px solid blue;
  padding: 2px;
  font-size: 12px;
  font-weight: bold;
  z-index:5;
  }

.transparent {
 filter:alpha(opacity=80); 
 -moz-opacity: 0.8; 
 opacity: 0.8; 
 }

div.centreText {
  margin: 0px;
  border: 0px solid red;
  padding: 0px;
  text-align: center;
  }

.mainPic {
  position: relative;
  top: -20px;
  left: 0px;
  /*background-color: green;*/
  border: 0px solid pink;
  margin: 0px;
  padding: 0px;
  text-align: center;
  z-index:1;
  }

/**************** Cookies *********************/

div.cookieInfo {
  float: right;
  margin-left: 5px;
  }

div.cookieBox {
  border: 1px solid red;
  height: 20px;
  display: none;
  background-color: #FFC6C6;
  overflow: hidden;
  margin: 0px auto 0px auto;
  padding: 0px;
  width: 994px;		
  }

div.cookieContent{
  width: 100%;
  height: 20px;
  font-size: 14px;
  }

/**************** General *********************/

.leftProp {
  width: 1px;
  height: 700px;
  float: right;
  /*background-color: red;*/
  }

.clearBoth {
  clear: both;
  height: 1px;
  overflow: hidden;
  /*background-color: blue;*/
  }

div.spacer10 {
  height: 10px;
  clear: both;
  margin: 0px;
  border: 0px solid #FFFFFF;
  padding: 0px;
  font-size: 1px;
  }

div.spacer4 {
  height: 10px;
  clear: both;
  margin: 0px;
  border: 0px solid #FFFFFF;
  padding: 0px;
  font-size: 1px;
  }

div.spacer5 {
  height: 5px;
  clear: both;
  margin: 0px;
  border: 0px solid #FFFFFF;
  padding: 0px;
  font-size: 1px;
  }

div.spacer20 {
  height: 20px;
  clear: both;
  margin: 0px;
  border: 0px solid #FFFFFF;
  padding: 0px;
  font-size: 1px;
  }

div.demoBox {
  width: 261px;
  clear: both;
  /*display: table;*/
  /*background-color: #E8FFE8;*/
  margin: 0px auto 0px auto;
  border: 3px solid #FFFFFF;
  padding: 0px;
  }

div.linkRow {
  width: 90%;
  clear: both;
  display: table;
  margin: 10px auto 0px auto;
  border-top: 1px solid #1982E6;
  border-bottom: 1px solid #1982E6;
  padding: 5px 0px 5px 0px;
  text-align: center;
  }

div.horLine {
clear: both;
margin: 5px 0 5px 0;
border-top: 1px solid #1982E6;
border-right: 0;
border-bottom: 0;
border-left: 0;
padding: 0;
}

div.horLine90 {
width: 90%;
clear: both;
margin: 5px auto 5px auto;
border-top: 1px solid #1982E6;
border-right: 0;
border-bottom: 0;
border-left: 0;
padding: 0;
font-size: 1px;
}

div.horLine70 {
width: 70%;
clear: both;
margin: 5px auto 5px auto;
border-top: 1px solid #1982E6;
border-right: 0;
border-bottom: 0;
border-left: 0;
padding: 0;
font-size: 1px;
}

.rightFloat {
  float: right;
  display: inline;
  padding: 0px;
  }

.leftFloat {
  float: left;
  display: inline;
  padding: 0px;
  }

.floatRight {
  float: right;
display: inline;
  padding: 0px 0px 10px 10px; /*top right bottom left*/
  }

.floatLeft {
  float: left;
display: inline;
  padding: 0px 10px 10px 0px; /*top right bottom left*/
  }

.redLinePart {
clear: both;
  width: 80%;
  border-bottom: 1px solid #FF0000;
  margin: 10px auto 20px auto;
  padding: 0;
  }

/*
.redLineNarrow {
clear: both;
  width: 80%;
  border-top: 1px solid #FF0000;
  border-bottom: 1px solid #FF0000;
  margin: 3px auto 3px auto;
  padding: 0;
  }
*/

.redLineNarrow
  {
  clear: both;
display: block;
  border-top: 1px solid #000080;
  border-bottom: 0px solid #FF0000;
  margin: 20px auto 10px auto;
  padding: 0;
  }

.redLineFull
{ color: #FF0000;
background: #FF0000;
border: 0;
height: 1px;
margin: 20px 0 20px; }

.alert {
 color: #FF0000;
 font-weight: bold;
}

.seatRed {
 color: #CE0000;
}

.text10 {
  font-size: 10px;
  }

.text11 {
  font-size: 11px;
  }

.text12 {
  font-size: 12px;
  }

.text14 {
  font-size: 14px;
  }

.text16 {
  font-size: 16px;
  }

.text18 {
  font-size: 18px;
  }

.text24 {
  font-size: 24px;
  }

.smallText {
  font-size: 12px;
  }

.photoText {
  margin: 0 0 10px 0;
  border: 0px solid #0000FF;
  padding: 0;
  font-size: 10px;
  font-weight: bold;
  color: #000080;
  text-align: center;
  }

.smallTextBold {
  font-size: 12px;
  font-weight: bold;
  }

.alignCentre {
  text-align: center;
  }

.alignLeft {
  text-align: left;
  }

.photoCentre {
  display: block;
  margin: 0 auto 0 auto;
  border: 0px solid #000080;
  padding: 0;
  text-align: center;
  }

.makeBold {
font-weight: bold;
}

.makeNormal {
font-weight: normal;
}

.underlineText {
text-decoration: underline;
}

.justifyText {
padding-top: 5px;
text-align: justify;
}

.centreBlock {
  margin: 0 auto 0 auto;
  border: 0px solid #000080;
  padding: 20px 0 0 0;
  text-align: center;
  }

.centrePic {
  margin: 0 auto 0 auto;
  border: 0px solid #000080;
  padding: 0px;
  text-align: center;
  }

div.centrePhoto {
  margin: 20px auto 0 auto;
  border: 0px solid #000080;
  padding: 0px;
  text-align: center;
  }

.line150 {
  line-height: 150%;
  }

.textLeft {
  text-align: left;
  }

.textCentre {
  text-align: center;
  }

div.orderedlist li {
  padding-top: 5px;
}

.hiddenPic {
  display:none;
  }

.listSpace {
  height: 20px;
  }

/*---------------------------*/

  /*-moz-box-shadow: 0px 0px 10px 10px #9F0000;
  -webkit-box-shadow: 0px 0px 10px 10px #9F0000;
  box-shadow: 0px 0px 10px 10px #9F0000;*/

/*------------------- New Boxes Style ------------*/
/*
  background-image: url('../images/loading_bar.gif');
  background-image: url('../images/loading_rotor.gif');
  background-repeat: no-repeat;
  background-position: center;
*/

#showBox {
  background-image: url('../images/loading_bar.gif');
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  background-color: #FFFFFF;
  border: 0px solid red;
  display: none;
  z-index: 250;
  -moz-box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.2);
  }

#showPanel {
  display: none;
  margin: 0px auto 0px auto;
  border: 1px solid #C0C0C0;
  padding: 0px;
  }

div.boxClose {
  position: absolute;
  top: -15px;
  right: -15px;
  width: 27px;
  height: 27px;
  display:block;
  border: 0px solid blue;
  z-index: 120;
  }

div.messagePanel {
  width: 100%;
  height: 100%;
  display:table;
  color: black;
  background-color: white;
  margin: 0px auto 0px auto;
  border: 0px solid blue;
  padding-top: 0px;
  }

div.messageRow {
  width: 90%;
  display: block;
  border: 0px solid red;
  margin: 10px auto 0px auto;
  }

div.messageBox {
  width: 90%;
  display: block;
  border: 0px solid red;
  margin: 0px auto 0px auto;
  padding: 10px;
  text-align: left;
  }

#newModalBackground {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color:#333333;
  display: none;
  opacity: 0.60;
  filter: alpha(opacity=60);
  z-index: 200;
  }